@anoki/fse-ui/dist/index.cjs13.js

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchService/SearchService.css');const s=require("./index.cjs244.js");;/* empty css              */const c=require("./index.cjs246.js"),x=require("react"),R=require("./index.cjs161.js"),w=require("./index.cjs10.js"),E=require("./index.cjs28.js"),C=({btnText:m,helperText:h,value:d,items:p,setValue:j})=>{const[n,l]=x.useState(d),[u,i]=x.useState([]),g=e=>{const t=e.target.value;if(l(t),t.length>=3){const r=p.filter(o=>[o.name].some(a=>a==null?void 0:a.toLowerCase().includes(t.toLowerCase())));i(r)}else i([])},b=e=>{l(e.name),i([])},f=(e,t)=>{if(!t)return e;const r=e.toLowerCase().indexOf(t.toLowerCase());if(r===-1)return e;const o=e.slice(0,r),a=e.slice(r,r+t.length),v=e.slice(r+t.length);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[o,s.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:a}),v]})};return s.jsxRuntimeExports.jsxs("div",{className:c.clsx("ui-search","br-x4 bg-border-secondary w-full"),children:[s.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[s.jsxRuntimeExports.jsx("input",{id:"search",type:"search",className:c.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24"),placeholder:h,"aria-label":"Barra di ricerca",value:n,onChange:g}),n&&n.length>=3&&s.jsxRuntimeExports.jsx(R.Close,{className:"ui-clean-button",onClick:()=>{l(""),i([])}})]}),u.length>0&&s.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",children:s.jsxRuntimeExports.jsx(w.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto",children:u.map((e,t)=>s.jsxRuntimeExports.jsx("div",{onClick:()=>b(e),children:f(e.name,n||"")},t))})}),s.jsxRuntimeExports.jsx("div",{className:c.clsx("ui-div-btn"),children:s.jsxRuntimeExports.jsx(E.Button,{className:c.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{i([]),j(n??"")},children:m})})]})};exports.SearchService=C;
//# sourceMappingURL=index.cjs13.js.map