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

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/GroupCodeExemptionFilterDropDown/GroupCodeExemptionFilterDropDown.css');const s=require("./index.cjs237.js"),j=require("./index.cjs238.js"),n=require("react");;/* empty css              */const T=require("./index.cjs179.js"),M=require("./index.cjs32.js"),q=require("./index.cjs61.js"),F=({size:w="large",items:R=[],className:v,selectedGroupCode:d,setSelectedGroupCode:y,placeholder:h="",btnText:N="Cerca",onSearch:x})=>{const[t,a]=n.useState(!1),[c,p]=n.useState(""),[r,u]=n.useState(d),m=n.useRef(null),b=n.useRef(null),f=n.useId(),E=`${f}-listbox`,C=h||"Codice esenzione",g=R.filter(e=>e.labels.it.toLowerCase().includes(c.toLowerCase()));n.useEffect(()=>{u(d)},[d]),n.useEffect(()=>{const e=o=>{m.current&&!m.current.contains(o.target)&&a(!1)};return t?document.addEventListener("mousedown",e):document.removeEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[t]),n.useEffect(()=>{var e;t&&(p(""),(e=b.current)==null||e.focus())},[t]);const k=!t&&r?r.labels.it:c,L=r!==null||c.length>0,D=(e,o)=>{const l={color:"black",fontSize:"0.85rem"};if(!o||o.trim()==="")return s.jsxRuntimeExports.jsx("span",{style:l,children:e});const i=e.toLowerCase().indexOf(o.toLowerCase());if(i===-1)return s.jsxRuntimeExports.jsx("span",{style:l,children:e});const I=e.slice(0,i),S=e.slice(i,i+o.length),z=e.slice(i+o.length);return s.jsxRuntimeExports.jsxs("span",{style:l,children:[I,s.jsxRuntimeExports.jsx("span",{style:{fontSize:"0.85rem"},className:"text-primary fw-bold",children:S}),z]})};return s.jsxRuntimeExports.jsxs("div",{ref:m,className:j.clsx("ui-related-dropdown-group-code","br-x4 bg-border-secondary w-full",v),style:w==="large"?{maxWidth:"100%"}:{maxWidth:"553px"},children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-input-container-group-code",children:[s.jsxRuntimeExports.jsx("label",{className:"visually-hidden",htmlFor:f,children:C}),s.jsxRuntimeExports.jsx("input",{ref:b,id:f,type:"text",className:j.clsx("ui-related-dropdown-input-group-code","bg-white fs-6 br-x4 w-full pl-x24",{active:t}),value:k,onChange:e=>{t&&p(e.target.value)},placeholder:h,autoComplete:"off",onClick:()=>a(e=>!e),"aria-haspopup":"listbox","aria-expanded":t,"aria-controls":E}),L&&s.jsxRuntimeExports.jsx("button",{type:"button",className:"ui-close-button-group-code",onClick:e=>{e.stopPropagation(),u(null),p("")},"aria-label":"Cancella filtro del codice esenzione",children:s.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",children:s.jsxRuntimeExports.jsx(T.Close,{width:20})})}),s.jsxRuntimeExports.jsx("div",{className:"ui-div-btn-group-code",children:s.jsxRuntimeExports.jsx(M.Button,{className:j.clsx("ui-btn-search-group-code","bg-primary text-white fs-7 fw-semibold br-x4"),onClick:()=>{y(r),x==null||x(r)},children:N})})]}),t&&s.jsxRuntimeExports.jsx("div",{className:"ui-related-dropdown-options-group-code",children:s.jsxRuntimeExports.jsx("div",{className:"px-x24 shadow w-full",children:s.jsxRuntimeExports.jsx(q.Col,{gap:"x4",text:"primary",fs:"custom",fw:"regular",className:"ui-options-list-group-code fw-regular",role:"listbox","aria-label":"Risultati ricerca codice esenzione",id:E,children:g.length>0?g.map((e,o)=>{const l=(r==null?void 0:r.code)===e.code;return s.jsxRuntimeExports.jsx("div",{className:"ui-option-item-group-code",role:"option",tabIndex:0,"aria-selected":l,onClick:()=>{u(e),a(!1)},onKeyDown:i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),u(e),a(!1))},children:D(e.labels.it,c)},e.code||o)}):s.jsxRuntimeExports.jsx("div",{className:"ui-option-item-group-code no-results-group-code",role:"status","aria-live":"polite",children:s.jsxRuntimeExports.jsx("span",{style:{color:"gray"},children:"Nessun risultato trovato"})})})})})]})};exports.GroupCodeExemptionFilterDropDown=F;
//# sourceMappingURL=index.cjs97.js.map