UNPKG

@anoki/fse-ui

Version:

FSE UI components library

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