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

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DelegateFilterDropDown/DelegateFilterDropDown.css');const s=require("./index.cjs237.js"),d=require("./index.cjs239.js"),r=require("react");;/* empty css              */const L=require("./index.cjs179.js"),S=require("./index.cjs32.js"),D=require("./index.cjs61.js"),I=({size:h="large",items:j=[],className:w,selectedPerson:o,setSelectedPerson:m,placeholder:g="",btnText:E="Cerca"})=>{const[n,a]=r.useState(!1),[l,c]=r.useState(""),u=r.useRef(null),x=r.useRef(null),f=j.filter(e=>`${e.firstName} ${e.lastName}`.toLowerCase().includes(l.toLowerCase()));r.useEffect(()=>{const e=t=>{u.current&&!u.current.contains(t.target)&&a(!1)};return n?document.addEventListener("mousedown",e):document.removeEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[n]),r.useEffect(()=>{n&&(c(""),x.current&&x.current.focus())},[n]);const N=e=>{n&&c(e.target.value)},p=()=>{a(!n)},R=e=>{e.stopPropagation(),m(null),c("")},v=!n&&o?`${o.firstName} ${o.lastName}`:l,C=o!==null||l.length>0,b=(e,t)=>{if(!t||t.trim()==="")return s.jsxRuntimeExports.jsxs("span",{style:{color:"black",fontSize:"0.85rem"},children:[" ",e," "]});const i=e.toLowerCase().indexOf(t.toLowerCase());if(i===-1)return e;const k=e.slice(0,i),y=e.slice(i,i+t.length),$=e.slice(i+t.length);return s.jsxRuntimeExports.jsxs("span",{style:{color:"black",fontSize:"0.85rem"},children:[k,s.jsxRuntimeExports.jsx("span",{style:{fontSize:"0.85rem"},className:"text-primary fw-bold",children:y}),$]})};return s.jsxRuntimeExports.jsxs("div",{ref:u,className:d.clsx("ui-related-dropdown","br-x4 bg-border-secondary w-full",w),style:h==="large"?{maxWidth:"100%"}:{maxWidth:"553px"},children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-input-container",children:[s.jsxRuntimeExports.jsx("input",{ref:x,className:d.clsx("ui-related-dropdown-input","bg-white fs-6 br-x4 w-full pl-x24",{active:n}),value:v,onChange:N,placeholder:g,onClick:p}),C&&s.jsxRuntimeExports.jsx("div",{className:"ui-close-button",onClick:R,children:s.jsxRuntimeExports.jsx(L.Close,{width:20})}),s.jsxRuntimeExports.jsx("div",{className:"ui-div-btn",children:s.jsxRuntimeExports.jsx(S.Button,{className:d.clsx("ui-btn-search","bg-primary text-white fs-7 fw-semibold br-x4"),onClick:p,children:E})})]}),n&&s.jsxRuntimeExports.jsx("div",{className:"ui-related-dropdown-options",children:s.jsxRuntimeExports.jsx("div",{className:"px-x24 shadow w-full",children:s.jsxRuntimeExports.jsx(D.Col,{gap:"x4",text:"primary",fs:"custom",fw:"regular",className:"ui-options-list fw-regular",children:f.length>0?f.map((e,t)=>{const i=`${e.firstName} ${e.lastName}`;return s.jsxRuntimeExports.jsx("div",{className:"ui-option-item",onClick:()=>{m(e),a(!1)},children:b(i,l)},e.fiscalCode||t)}):s.jsxRuntimeExports.jsx("div",{className:"ui-option-item no-results",children:s.jsxRuntimeExports.jsx("span",{style:{color:"gray"},children:"Nessun risultato trovato"})})})})})]})};exports.DelegateFilterDropDown=I;
//# sourceMappingURL=index.cjs71.js.map