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

FSE UI components library

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