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

FSE UI components library

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