@anoki/fse-marche-ui/dist/index.cjs23.js

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/FilterDropDown/FilterDropDown.css');const e=require("./index.cjs137.js"),c=require("./index.cjs139.js");;/* empty css              */const f=require("./index.cjs76.js"),r=require("react"),j=require("./index.cjs162.js"),w=require("./index.cjs10.js"),E=({size:x,items:u=[],className:a,filter:d,setFilter:m,allStructuresLabel:l})=>{const[t,i]=r.useState(!1),o=r.useRef(null),p=r.useMemo(()=>[l,...u],[u,l]);return r.useEffect(()=>{const s=n=>{o.current&&!o.current.contains(n.target)&&i(!1)};return t?document.addEventListener("mousedown",s):document.removeEventListener("mousedown",s),()=>{document.removeEventListener("mousedown",s)}},[t]),e.jsxRuntimeExports.jsxs("div",{ref:o,style:x==="large"?{width:"668px"}:{width:"322px"},className:c.clsx(a,"ui-filter-dropdown"),children:[e.jsxRuntimeExports.jsxs("button",{className:"ui-button-accordion",type:"button",onClick:()=>i(!t),children:[e.jsxRuntimeExports.jsx("h3",{className:"fw-semibold fs-custom text-primary",children:d}),e.jsxRuntimeExports.jsx(f.ArrowDown,{color:"primary",className:c.clsx("ui-arrow",{"ui-expanded":t})})]}),t&&e.jsxRuntimeExports.jsxs("div",{className:"ui-wrap-list-item-filter position-relative pt-x12",children:[e.jsxRuntimeExports.jsx(j.ArrowList,{className:"ui-arrow-list position-absolute"}),e.jsxRuntimeExports.jsx("div",{className:"p-x24 h-full shadow",children:e.jsxRuntimeExports.jsx(w.Col,{gap:"x24",text:"primary",fs:"custom",fw:"regular",className:"ui-list-item-filter h-full overflow fw-regular",children:p.map((s,n)=>e.jsxRuntimeExports.jsx("div",{onClick:()=>{m(s),i(!1)},children:s},n))})})]})]})};exports.FilterDropDown=E;
//# sourceMappingURL=index.cjs23.js.map