@fluidattacks/design 3.18.5 → 3.18.6

package/dist/components/plan-card/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../components-Kku3YXga.js");exports.PlanCard=e.PlanCard;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../components-BXr5fXYf.js");exports.PlanCard=e.PlanCard;

package/dist/components/plan-card/recommended-tag/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../components-Kku3YXga.js");exports.RecommendedTag=e.RecommendedTag;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../components-BXr5fXYf.js");exports.RecommendedTag=e.RecommendedTag;

package/dist/components/pop-up/description/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../../vendor-CJUQQyxF.js");const e=require("../../../components-Kku3YXga.js");exports.Description=e.Description;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../../vendor-CJUQQyxF.js");const e=require("../../../components-BXr5fXYf.js");exports.Description=e.Description;

package/dist/components/pop-up/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");require("react");require("react-dom");const e=require("../../components-Kku3YXga.js");exports.PopUp=e.PopUp;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");require("react");require("react-dom");const e=require("../../components-BXr5fXYf.js");exports.PopUp=e.PopUp;

package/dist/components/premium-feature/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");const e=require("../../components-Kku3YXga.js");exports.PremiumFeature=e.PremiumFeature;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");const e=require("../../components-BXr5fXYf.js");exports.PremiumFeature=e.PremiumFeature;

package/dist/components/priority-score/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");const e=require("../../components-Kku3YXga.js");exports.PriorityScore=e.PriorityScore;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");const e=require("../../components-BXr5fXYf.js");exports.PriorityScore=e.PriorityScore;

package/dist/components/progress-bar/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../components-Kku3YXga.js");exports.ProgressBar=e.ProgressBar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../components-BXr5fXYf.js");exports.ProgressBar=e.ProgressBar;

package/dist/components/radio-button/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../components-Kku3YXga.js");exports.RadioButton=e.RadioButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../components-BXr5fXYf.js");exports.RadioButton=e.RadioButton;

package/dist/components/scroll-button/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../components-Kku3YXga.js");exports.ScrollUpButton=e.ScrollUpButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../components-BXr5fXYf.js");exports.ScrollUpButton=e.ScrollUpButton;

package/dist/components/search/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");require("react");const e=require("../../components-Kku3YXga.js");exports.Search=e.Search;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");require("react");const e=require("../../components-BXr5fXYf.js");exports.Search=e.Search;

package/dist/components/severity-badge/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");const e=require("../../components-Kku3YXga.js");exports.SeverityBadge=e.SeverityBadge;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");const e=require("../../components-BXr5fXYf.js");exports.SeverityBadge=e.SeverityBadge;

package/dist/components/severity-overview/badge/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../vendor-CJUQQyxF.js");const e=require("../../../components-Kku3YXga.js");exports.SeverityOverviewBadge=e.SeverityOverviewBadge;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../vendor-CJUQQyxF.js");const e=require("../../../components-BXr5fXYf.js");exports.SeverityOverviewBadge=e.SeverityOverviewBadge;

package/dist/components/severity-overview/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../components-Kku3YXga.js");exports.SeverityOverview=e.SeverityOverview;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../components-BXr5fXYf.js");exports.SeverityOverview=e.SeverityOverview;

package/dist/components/show-on-hover/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../components-Kku3YXga.js");exports.ShowOnHover=e.ShowOnHover;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../components-BXr5fXYf.js");exports.ShowOnHover=e.ShowOnHover;

package/dist/components/slide-out-menu/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../vendor-CJUQQyxF.js");const e=require("../../components-Kku3YXga.js");exports.SlideOutMenu=e.SlideOutMenu;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../vendor-CJUQQyxF.js");const e=require("../../components-BXr5fXYf.js");exports.SlideOutMenu=e.SlideOutMenu;

package/dist/components/slide-out-menu/menu-item/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../vendor-CJUQQyxF.js");const e=require("../../../components-Kku3YXga.js");exports.MenuItem=e.MenuItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../vendor-CJUQQyxF.js");const e=require("../../../components-BXr5fXYf.js");exports.MenuItem=e.MenuItem;

package/dist/components/slider/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../vendor-CJUQQyxF.js");const e=require("../../components-Kku3YXga.js");require("react-dom");exports.Slider=e.Slider;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../vendor-CJUQQyxF.js");const e=require("../../components-BXr5fXYf.js");require("react-dom");exports.Slider=e.Slider;

package/dist/components/slider/thumb/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../../vendor-CJUQQyxF.js");const e=require("../../../components-Kku3YXga.js");exports.Thumb=e.Thumb;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../../vendor-CJUQQyxF.js");const e=require("../../../components-BXr5fXYf.js");exports.Thumb=e.Thumb;

package/dist/components/step-lapse/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../components-Kku3YXga.js");exports.StepLapse=e.StepLapse;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../components-BXr5fXYf.js");exports.StepLapse=e.StepLapse;

package/dist/components/table-button/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");const e=require("../../components-Kku3YXga.js");exports.TableButton=e.TableButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");const e=require("../../components-BXr5fXYf.js");exports.TableButton=e.TableButton;

package/dist/components/tabs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");const e=require("../../components-Kku3YXga.js");exports.Tabs=e.Tabs;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");const e=require("../../components-BXr5fXYf.js");exports.Tabs=e.Tabs;

package/dist/components/tabs/tab/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react-router-dom");const e=require("../../../components-Kku3YXga.js");exports.Tab=e.Tab;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react-router-dom");const e=require("../../../components-BXr5fXYf.js");exports.Tab=e.Tab;

package/dist/components/tag/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");const e=require("../../components-Kku3YXga.js");exports.Tag=e.Tag;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");const e=require("../../components-BXr5fXYf.js");exports.Tag=e.Tag;

package/dist/components/timeline/card/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../vendor-CJUQQyxF.js");const e=require("../../../components-Kku3YXga.js");exports.TimeLineCard=e.TimeLineCard;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../vendor-CJUQQyxF.js");const e=require("../../../components-BXr5fXYf.js");exports.TimeLineCard=e.TimeLineCard;

package/dist/components/timeline/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../components-Kku3YXga.js");exports.TimeLine=e.TimeLine;exports.TimeLineCard=e.TimeLineCard;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../components-BXr5fXYf.js");exports.TimeLine=e.TimeLine;exports.TimeLineCard=e.TimeLineCard;

package/dist/components/toggle/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../components-Kku3YXga.js");exports.Toggle=e.Toggle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../components-BXr5fXYf.js");exports.Toggle=e.Toggle;

package/dist/components/toggle-buttons/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../components-Kku3YXga.js");exports.ToggleButton=e.ToggleButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../components-BXr5fXYf.js");exports.ToggleButton=e.ToggleButton;

package/dist/components/tooltip/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");require("react");require("react-dom");const e=require("../../components-Kku3YXga.js");exports.Tooltip=e.Tooltip;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");require("react");require("react-dom");const e=require("../../components-BXr5fXYf.js");exports.Tooltip=e.Tooltip;

package/dist/components/tour/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");require("react");const e=require("../../components-Kku3YXga.js");exports.Tour=e.Tour;exports.baseStep=e.baseStep;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CJUQQyxF.js");require("react");const e=require("../../components-BXr5fXYf.js");exports.Tour=e.Tour;exports.baseStep=e.baseStep;

package/dist/components/typography/heading/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../components-Kku3YXga.js");exports.Heading=e.Heading;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../components-BXr5fXYf.js");exports.Heading=e.Heading;

package/dist/components/typography/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../components-Kku3YXga.js");exports.Heading=e.Heading;exports.Span=e.Span;exports.Text=e.Text;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../components-BXr5fXYf.js");exports.Heading=e.Heading;exports.Span=e.Span;exports.Text=e.Text;

package/dist/components/typography/span/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../components-Kku3YXga.js");exports.Span=e.Span;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../components-BXr5fXYf.js");exports.Span=e.Span;

package/dist/components/typography/text/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../components-Kku3YXga.js");exports.Text=e.Text;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../components-BXr5fXYf.js");exports.Text=e.Text;

package/dist/{components-CxKJAdwf.mjs → components-B8MIiLLH.mjs}

@@ -7003,53 +7003,59 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   var r, o, l, s, c;
   switch (t.type) {
     case "checkboxes":
-      return /* @__PURE__ */ n(
+      return /* @__PURE__ */ h(
         "div",
         {
           style: { overflowX: "hidden", overflowY: "auto", maxHeight: "280px" },
-          children: (r = t.options) == null ? void 0 : r.map(
-            (p) => /* @__PURE__ */ n(
-              Ct,
-              {
-                value: p.value,
-                width: "content",
-                children: /* @__PURE__ */ n(
-                  $e,
-                  {
-                    ...i("checkbox"),
-                    label: p.label,
-                    value: p.value
-                  }
-                )
-              },
-              `li-checkbox-${p.value}`
+          children: [
+            t.label,
+            (r = t.options) == null ? void 0 : r.map(
+              (p) => /* @__PURE__ */ n(
+                Ct,
+                {
+                  value: p.value,
+                  width: "content",
+                  children: /* @__PURE__ */ n(
+                    $e,
+                    {
+                      ...i("checkbox"),
+                      label: p.label,
+                      value: p.value
+                    }
+                  )
+                },
+                `li-checkbox-${p.value}`
+              )
             )
-          )
+          ]
         }
       );
     case "radioButton":
-      return /* @__PURE__ */ n(
+      return /* @__PURE__ */ h(
         "div",
         {
           style: { overflowX: "hidden", overflowY: "auto", maxHeight: "280px" },
-          children: (o = t.options) == null ? void 0 : o.map(
-            (p) => /* @__PURE__ */ n(
-              Ct,
-              {
-                value: p.value,
-                width: "content",
-                children: /* @__PURE__ */ n(
-                  Qt,
-                  {
-                    ...i("radio"),
-                    label: p.label,
-                    value: p.value
-                  }
-                )
-              },
-              `li-radio-${p.value}`
+          children: [
+            t.label,
+            (o = t.options) == null ? void 0 : o.map(
+              (p) => /* @__PURE__ */ n(
+                Ct,
+                {
+                  value: p.value,
+                  width: "content",
+                  children: /* @__PURE__ */ n(
+                    Qt,
+                    {
+                      ...i("radio"),
+                      label: p.label,
+                      value: p.value
+                    }
+                  )
+                },
+                `li-radio-${p.value}`
+              )
             )
-          )
+          ]
         }
       );
     case "select":

package/dist/{components-Kku3YXga.js → components-BXr5fXYf.js}

@@ -1963,7 +1963,7 @@ ${h[8]}...`:(h.length<8&&d(!1),n)},[o,n,e]),u=f.useMemo(g,[g]),x=f.useCallback(a
   svg.fa-check {
     border-radius: 2px;
   }
-`,en=({control:e,option:n,register:i,setValue:r})=>{var a,o,l,c,d;switch(n.type){case"checkboxes":return t.jsx("div",{style:{overflowX:"hidden",overflowY:"auto",maxHeight:"280px"},children:(a=n.options)==null?void 0:a.map(g=>t.jsx(xt,{value:g.value,width:"content",children:t.jsx(ie,{...i("checkbox"),label:g.label,value:g.value})},`li-checkbox-${g.value}`))});case"radioButton":return t.jsx("div",{style:{overflowX:"hidden",overflowY:"auto",maxHeight:"280px"},children:(o=n.options)==null?void 0:o.map(g=>t.jsx(xt,{value:g.value,width:"content",children:t.jsx(Ze,{...i("radio"),label:g.label,value:g.value})},`li-radio-${g.value}`))});case"select":return t.jsx(Ke,{control:e,items:((l=n.options)==null?void 0:l.map(g=>({name:g.label??"",value:g.value})))??[],label:n.label,name:`text.${String(n.key)}-${n.filterFn??"caseInsensitive"}`,placeholder:n.placeholder,value:n.value});case"text":const p=`text.${String(n.key)}-${n.filterFn??"caseInsensitive"}`;return t.jsx(De,{label:n.label,name:p,placeholder:n.placeholder,register:i,value:n.value});case"numberRange":return t.jsx(Pt,{label:n.label,name:String(n.key),propsMax:{placeholder:n.placeholder?`${n.placeholder} Max`:"Max",register:i,name:"maxValue",value:n.maxValue,setValue:r},propsMin:{placeholder:n.placeholder?`${n.placeholder} Min`:"Min",register:i,name:"minValue",value:n.minValue,setValue:r},variant:"filters"});case"dateRange":return t.jsx(Et,{label:n.label,name:String(n.key),propsMax:{name:"maxValue",value:(c=n.maxValue)==null?void 0:c.toString()},propsMin:{name:"minValue",value:(d=n.minValue)==null?void 0:d.toString()},register:i,setValue:r,variant:"filters"});default:return t.jsx("div",{})}},tn=({control:e,items:n,register:i,setValue:r})=>t.jsx(t.Fragment,{children:n.map((a,o)=>{const l=`${a.type}-${a.value}-${a.filterFn??"default"}`;return t.jsxs("div",{children:[t.jsx(en,{control:e,option:a,register:i,setValue:r}),o<n.length-1&&t.jsx("hr",{style:{margin:"1.25rem 0 0.625rem"}})]},l)})}),nn=e=>{var c,d,p,g,u;const[n,i]=f.useState([...e]),{control:r,register:a,handleSubmit:o,setValue:l}=s.useForm({defaultValues:{checkbox:e.filter(x=>x.type==="checkboxes").flatMap(x=>{var h;return((h=x.options)==null?void 0:h.filter(b=>b.checked).map(b=>b.value))??[]}),radio:((p=(d=(c=e.find(x=>x.type==="radioButton"))==null?void 0:c.options)==null?void 0:d.find(({checked:x})=>x))==null?void 0:p.value)??"",text:e.filter(x=>["text","select"].includes(x.type)).reduce((x,h)=>({...x,[`${String(h.key)}-${h.filterFn??"caseInsensitive"}`]:h.value??""}),{}),minValue:(g=e.find(x=>["numberRange","dateRange"].includes(x.type)))==null?void 0:g.minValue,maxValue:(u=e.find(x=>["numberRange","dateRange"].includes(x.type)))==null?void 0:u.maxValue}});return{control:r,items:n,setItems:i,register:a,handleSubmit:o,setValue:l}},Mr=(e,n)=>{var i,r,a,o,l;n("checkbox",e.filter(c=>c.type==="checkboxes").flatMap(c=>{var d;return((d=c.options)==null?void 0:d.filter(p=>p.checked).map(p=>p.value))??[]})),n("radio",((a=(r=(i=e.find(c=>c.type==="radioButton"))==null?void 0:i.options)==null?void 0:r.find(({checked:c})=>c))==null?void 0:a.value)??""),n("text",e.filter(c=>["text","select"].includes(c.type)).reduce((c,d)=>({...c,[`${String(d.key)}-${d.filterFn??"caseInsensitive"}`]:d.value??""}),{})),n("minValue",(o=e.find(c=>["numberRange","dateRange"].includes(c.type)))==null?void 0:o.minValue),n("maxValue",(l=e.find(c=>["numberRange","dateRange"].includes(c.type)))==null?void 0:l.maxValue)},Hr=(e,n)=>(e==null?void 0:e.filter(i=>{var r;return((r=i.label)==null?void 0:r.toLowerCase().includes((n==null?void 0:n.toLowerCase())??""))??i.value.toLowerCase().includes((n==null?void 0:n.toLowerCase())??"")}))??[],_r=async(e,n)=>await Promise.all(e.map(async i=>i.type==="checkboxes"?{...i,options:i.filterOptions?await i.filterOptions(i.options??[],n):Hr(i.options??[],n)}:i)),_e=({options:e,onSearch:n,onSubmit:i,id:r})=>{const{control:a,items:o,setItems:l,register:c,handleSubmit:d,setValue:p}=nn(e),g=e.some(h=>h.type==="checkboxes"&&h.hideSearch!==!0),u=f.useCallback(async h=>{const{value:b}=h.target;n&&n(b);const $=await _r(e,b);l($)},[e,n,l]),x=f.useCallback(h=>{i&&i(h)},[i]);return f.useEffect(()=>{l(e),Mr(e,p)},[e,l,p]),t.jsxs("div",{className:"flex flex-col gap-[8px]",id:r,children:[g&&t.jsx(ue,{onChange:u}),t.jsxs("form",{id:r,onSubmit:d(x),children:[t.jsx(tn,{control:a,items:o,register:c,setValue:p}),t.jsx(L,{mt:1,type:"submit",children:"Apply"})]})]})},rn=({options:e,variant:n,onApplyFilters:i,onSearch:r,setDirection:a,setHandler:o})=>{const l=s.Je(),[c,d]=f.useState(e),[p,g]=f.useState([]),[u,x]=f.useState({}),[h,b]=f.useState(""),$=f.useCallback(m=>()=>{const j=c.find(S=>S.label===m),k=!(j!=null&&j.filterOptions.some(S=>S.type==="dateRange"||S.type==="select"));o==null||o(k??!0),b(m),g((j==null?void 0:j.filterOptions)??[])},[c,o]),w=f.useCallback(m=>{const j=[...m.checkbox,...Object.values(m.text??{}),...m.radio?[m.radio]:[],...m.minValue?[String(m.minValue)]:[],...m.maxValue?[String(m.maxValue)]:[]];x(C=>j.length>0?{...C,[h]:j}:C);const k=C=>{var E,R;return{...C,options:(E=C.options)==null?void 0:E.map(P=>({...P,checked:m.checkbox.includes(P.value)||m.radio===P.value})),value:["text","select"].includes(C.type)?((R=m.text)==null?void 0:R[`${String(C.key)}-${C.filterFn??"caseInsensitive"}`])??C.value:C.value,minValue:["numberRange","dateRange"].includes(C.type)?m.minValue:C.minValue,maxValue:["numberRange","dateRange"].includes(C.type)?m.maxValue:C.maxValue}},S=C=>C.label===h?{...C,filterOptions:C.filterOptions.map(k)}:C,D=c.map(S);d(C=>C.map(S));const F=D.flatMap(({filterOptions:C})=>C);i(F),g([])},[c,i,h]),v=f.useCallback((m,j)=>{const k=`li-filter-option-${m}`;return t.jsxs(Br,{icon:j,onClick:$(m),style:{minWidth:"180px"},value:k,width:"100%",children:[m,u[m]===void 0?void 0:t.jsx(G,{tagLabel:u[m].length.toString()})]},k)},[u,$]);return f.useEffect(()=>{const m=e.reduce((j,{label:k,filterOptions:S})=>{const D=S.flatMap(({value:E,minValue:R,maxValue:P})=>[R,P,E]).filter(Boolean),F=S.flatMap(({options:E})=>E??[]).filter(({checked:E=!1})=>E).map(({value:E})=>E),C=[...D,...F];return C.length===0?j:{...j,[k]:C}},{});x(m),p.length>0&&a&&a("column")},[p,e,a]),n==="grouped"?t.jsx(y,{display:"flex",flexDirection:"column",flexGrow:1,maxHeight:p.length>0?"unset":"360px",style:{columnGap:"10px"},width:"100%",wrap:"wrap",children:p.length>0?t.jsx(_e,{id:"filters-options",onSearch:r,onSubmit:w,options:p}):Object.entries(Zt(e)).map(([m,j])=>t.jsxs(y,{children:[t.jsx(z,{color:l.palette.gray[400],mb:.25,size:"sm",children:m}),j.map(({label:k,icon:S="filter-list"})=>v(k,S))]},m))}):t.jsx(y,{display:"flex",flexDirection:"column",flexGrow:1,maxHeight:p.length>0?"unset":"200px",style:{columnGap:"10px"},width:"100%",wrap:"wrap",children:p.length>0?t.jsx(_e,{id:"filters-options",onSearch:r,onSubmit:w,options:p}):e.map(({label:m,icon:j="filter-list"})=>v(m,j))})},an=({options:e,onApplyFilters:n,onSearch:i,modalRef:r,variant:a})=>{const[o,l]=f.useState("row"),[c,d]=f.useState(!0),p=s.Je(),g=f.useRef(null),u=t.jsx(O,{icon:"close",iconColor:p.palette.gray[400],iconSize:"xs",iconTransform:"grow-2",iconType:"fa-light",id:"modal-close",onClick:r.close,px:.25,py:.25,variant:"ghost"});return f.useEffect(()=>{const x=h=>{const b=g.current;b&&!b.contains(h.target)&&r.close()};if(c)return document.addEventListener("mousedown",x,!0),()=>{document.removeEventListener("mousedown",x,!0)}},[g,c,r]),t.jsx(Or,{$bgColor:"transparent","aria-label":r.name,children:t.jsxs(Qe,{$size:"fixed",alignItems:o==="row"?"start":"end",display:"flex",flexDirection:o,gap:.5,id:"filters-list",position:"relative",px:1.25,py:1.25,ref:g,style:{overflow:"hidden",width:"max-content"},children:[o==="column"?u:void 0,t.jsx(rn,{onApplyFilters:n,onSearch:i,options:e,setDirection:l,setHandler:d,variant:a}),o==="row"?u:void 0]})})};function Jr(e){if(e)return e}function on(e){if(!e||e.length===0)return;const n=e.filter(r=>r.checked).map(r=>r.label??r.value);return n.length===0?void 0:n.join(", ")}function Ur(e,n,i){const r=i??"",a=s._.isEmpty(e)&&typeof e!="number"||Number.isNaN(e)?void 0:Number(e),o=s._.isEmpty(n)&&typeof n!="number"||Number.isNaN(n)?void 0:Number(String(n));if(!s._.isUndefined(a)&&!s._.isUndefined(o))return`${a}${r} - ${o}${r}`;if(!s._.isUndefined(a))return`Min ${a}${r}`;if(!s._.isUndefined(o))return`Max ${o}${r}`}function Vr(e,n){if(s.dayjs_minExports.extend(s.localizedFormat),!(s._.isUndefined(e)&&s._.isUndefined(n))){if(e!==""&&n!==""&&!s._.isUndefined(e)&&!s._.isUndefined(n))return`${s.dayjs(e).format("LL")} - ${s.dayjs(n).format("LL")}`;if(e!==""&&!s._.isUndefined(e))return`From ${s.dayjs(e).format("LL")}`;if(n!==""&&!s._.isUndefined(n))return`To ${s.dayjs(n).format("LL")}`}}function Gr(e,n,i){return e==="select"?n:`${n} ${i==="includesInsensitive"?"contains":"is"}`}const ce=({filter:e,icon:n="filter-list",label:i,onClose:r,filterValue:a})=>s._.isNil(a)||s._.isEmpty(String(a))?null:t.jsx(G,{filterValues:a,icon:n,id:"remove-filter",onClose:r(e),tagLabel:`${i} `}),Yr=({options:e,onClose:n})=>{const i=e.flatMap(r=>r.filterOptions.map(a=>{const{filterFn:o,label:l,type:c,value:d,options:p,minValue:g,maxValue:u}=a;switch(c){case"numberRange":{const x=Ur(g,u,r.placeholder);return t.jsx(ce,{filter:a,filterValue:x,icon:r.icon,label:r.label,onClose:n},l)}case"dateRange":{const x=Vr(g==null?void 0:g.toString(),u==null?void 0:u.toString());return t.jsx(ce,{filter:a,filterValue:x,icon:r.icon,label:r.label,onClose:n},l)}case"radioButton":case"checkboxes":{const x=on(p);return t.jsx(ce,{filter:a,filterValue:x,icon:r.icon,label:r.label,onClose:n},l)}case void 0:case"select":case"text":default:{const x=Jr(d),h=Gr(c,r.label,o);return t.jsx(ce,{filter:a,filterValue:x,icon:r.icon,label:h,onClose:n},l)}}})).filter(r=>{if(r===null)return!1;const{filterValue:a}=r.props;return!s._.isNil(a)&&!s._.isEmpty(String(a))});return i.length>0?t.jsx(y,{alignItems:"center",display:"flex",gap:.5,pb:1,width:"100%",wrap:"wrap",children:i}):null},qr=(e,n)=>{function i(l,c){if(c.value===""||c.value===void 0||s._.defaultTo(c.isBackFilter,!1))return!0;switch(c.filterFn){case"includesInsensitive":return String(l[c.key]).toLowerCase().includes(c.value.toLowerCase());case"caseInsensitive":case void 0:default:return String(l[c.key]).toLowerCase()===c.value.toLowerCase()}}function r(l,c){if(!c.options||c.options.length===0)return!0;const d=c.options.filter(p=>p.checked).map(p=>p.value);return d.length===0?!0:d.includes(String(l[c.key]))}function a(l,c,d){const p=d(String(l[c.key])),{minValue:g,maxValue:u}=c,x=s._.isEmpty(g)&&typeof g!="number"?void 0:d(String(g)),h=s._.isEmpty(u)&&typeof u!="number"?void 0:d(String(u));return s._.isUndefined(x)&&s._.isUndefined(h)?!0:(x??-1/0)<=p&&p<=(h??1/0)}function o(l){return n.every(c=>{if(typeof c.key=="function")return c.key(l,c.value);switch(c.type){case"radioButton":case"checkboxes":return r(l,c);case"numberRange":return a(l,c,Number);case"dateRange":return a(l,c,d=>new Date(d));case"select":case"text":default:return i(l,c)}})}return e.filter(o)},ft=e=>[...e.flatMap(({options:i})=>i).filter(i=>i==null?void 0:i.checked),...e.flatMap(i=>[i.value,i.maxValue,i.minValue]).filter(Boolean)].length,Kr=e=>{var i;const n=((i=e.options)==null?void 0:i.map(r=>({...r,checked:void 0})))??void 0;return{...e,minValue:void 0,maxValue:void 0,value:void 0,options:n}},Xr=({dataset:e,localStorageKey:n,options:i,setFilteredDataset:r,onFiltersChange:a,onReset:o,onSearch:l,variant:c="ungrouped"})=>{const d=Re("filters-modal"),[p,g]=f.useState([]),[u,x]=f.useState(ft(p)),h=i.map(m=>({...m,filterOptions:m.filterOptions.map(j=>p.find(S=>S.key===j.key&&S.type===j.type&&S.filterFn===j.filterFn)??{...j})})),b=f.useCallback(m=>{g([...m]),localStorage.setItem(n,JSON.stringify(m))},[g,n]),$=f.useCallback(()=>{o&&o(),d.toggle()},[d,o]),w=f.useCallback(m=>()=>{o&&o();const j=p.map(k=>k.key===m.key&&k.type===m.type&&k.filterFn===m.filterFn?Kr(k):k);g(j),localStorage.setItem(n,JSON.stringify(j))},[p,n,o]);return f.useEffect(()=>{const m=localStorage.getItem(n),j=i.flatMap(S=>S.filterOptions),k=m?JSON.parse(m):j;j.flatMap(S=>S.value).filter(Boolean).length>0||j.flatMap(S=>S.options).filter(S=>(S==null?void 0:S.checked)===void 0).length>0?(g(j),localStorage.setItem(n,JSON.stringify(j))):g(k)},[n,i,g]),f.useEffect(()=>{r&&e!==void 0&&r(qr(e,p)),x(ft(p)),a==null||a(p)},[e,p,r,x,a]),{Filters:()=>t.jsxs(y,{alignItems:"center",display:"flex",gap:.25,maxWidth:"100%",position:"relative",wrap:"wrap",children:[t.jsx(y,{pr:.25,children:t.jsx(L,{icon:"filter",id:"filterBtn",onClick:$,tag:u.toString(),variant:"ghost"})}),d.isOpen&&t.jsx(an,{modalRef:d,onApplyFilters:b,onSearch:l,options:h,variant:c})]}),options:h,removeFilter:w}},sn=({_portal:e=!0,alert:n,cancelButton:i=void 0,children:r=void 0,confirmButton:a=void 0,content:o=void 0,description:l=void 0,modalRef:c,otherActions:d=void 0,onClose:p=void 0,tabItems:g=void 0,title:u=void 0,size:x,id:h="modal-container"})=>{const b=s.Je(),$=t.jsx(Jt,{"aria-label":c.name,"aria-modal":"true",id:"modal-wrapper",children:t.jsxs(Qe,{$size:x,"data-testid":h,flexDirection:"column",id:h,children:[!s._.isEmpty(u)&&!s._.isNil(u)&&t.jsx(Vt,{description:l,modalRef:c,onClose:p,otherActions:d,title:u}),g&&t.jsx(y,{borderTop:`1px solid ${b.palette.gray[300]}`,display:"block",mb:1.25,position:"sticky",children:t.jsx(et,{items:g})}),(s._.isObject(o)||r)&&t.jsxs(jr,{children:[r,s._.isObject(o)&&s._.isString(o.imageSrc)&&t.jsx(Sr,{$framed:o.imageFramed,children:t.jsx(Z,{alt:"modal-img",publicId:o.imageSrc})}),s._.isObject(o)&&s._.isString(o.imageText)&&t.jsx(z,{size:"sm",children:o.imageText})]}),t.jsx(Ut,{alert:n,cancelButton:i,confirmButton:a,modalRef:c})]})});return e&&c.isOpen?ae.createPortal($,document.getElementById("portals")??document.body):c.isOpen?$:null},Zr=()=>{const[e,n]=f.useState(!1),[i,r]=f.useState(),a=f.useRef(null),o=Re("confirm-dialog-modal"),l=f.useCallback(async g=>(r(g),n(!0),new Promise(u=>{a.current=u})),[]),c=f.useCallback(()=>{var g;n(!1),r(void 0),(g=a.current)==null||g.call(a,!0)},[]),d=f.useCallback(()=>{var g;n(!1),r(void 0),(g=a.current)==null||g.call(a,!1)},[]);return f.useEffect(()=>{o.setIsOpen(e)},[e,o]),{ConfirmDialog:({id:g="confirm-dialog-modal",children:u})=>t.jsxs(sn,{cancelButton:{onClick:d,text:"Cancel"},confirmButton:{id:(i==null?void 0:i.id)??"modal-confirm",onClick:c,text:"Confirm"},description:i==null?void 0:i.message,id:g,modalRef:{...o,close:d},size:"sm",title:i==null?void 0:i.title,children:[i==null?void 0:i.content,u]}),confirm:l}},Qr=s.st.ul`
+`,en=({control:e,option:n,register:i,setValue:r})=>{var a,o,l,c,d;switch(n.type){case"checkboxes":return t.jsxs("div",{style:{overflowX:"hidden",overflowY:"auto",maxHeight:"280px"},children:[n.label,(a=n.options)==null?void 0:a.map(g=>t.jsx(xt,{value:g.value,width:"content",children:t.jsx(ie,{...i("checkbox"),label:g.label,value:g.value})},`li-checkbox-${g.value}`))]});case"radioButton":return t.jsxs("div",{style:{overflowX:"hidden",overflowY:"auto",maxHeight:"280px"},children:[n.label,(o=n.options)==null?void 0:o.map(g=>t.jsx(xt,{value:g.value,width:"content",children:t.jsx(Ze,{...i("radio"),label:g.label,value:g.value})},`li-radio-${g.value}`))]});case"select":return t.jsx(Ke,{control:e,items:((l=n.options)==null?void 0:l.map(g=>({name:g.label??"",value:g.value})))??[],label:n.label,name:`text.${String(n.key)}-${n.filterFn??"caseInsensitive"}`,placeholder:n.placeholder,value:n.value});case"text":const p=`text.${String(n.key)}-${n.filterFn??"caseInsensitive"}`;return t.jsx(De,{label:n.label,name:p,placeholder:n.placeholder,register:i,value:n.value});case"numberRange":return t.jsx(Pt,{label:n.label,name:String(n.key),propsMax:{placeholder:n.placeholder?`${n.placeholder} Max`:"Max",register:i,name:"maxValue",value:n.maxValue,setValue:r},propsMin:{placeholder:n.placeholder?`${n.placeholder} Min`:"Min",register:i,name:"minValue",value:n.minValue,setValue:r},variant:"filters"});case"dateRange":return t.jsx(Et,{label:n.label,name:String(n.key),propsMax:{name:"maxValue",value:(c=n.maxValue)==null?void 0:c.toString()},propsMin:{name:"minValue",value:(d=n.minValue)==null?void 0:d.toString()},register:i,setValue:r,variant:"filters"});default:return t.jsx("div",{})}},tn=({control:e,items:n,register:i,setValue:r})=>t.jsx(t.Fragment,{children:n.map((a,o)=>{const l=`${a.type}-${a.value}-${a.filterFn??"default"}`;return t.jsxs("div",{children:[t.jsx(en,{control:e,option:a,register:i,setValue:r}),o<n.length-1&&t.jsx("hr",{style:{margin:"1.25rem 0 0.625rem"}})]},l)})}),nn=e=>{var c,d,p,g,u;const[n,i]=f.useState([...e]),{control:r,register:a,handleSubmit:o,setValue:l}=s.useForm({defaultValues:{checkbox:e.filter(x=>x.type==="checkboxes").flatMap(x=>{var h;return((h=x.options)==null?void 0:h.filter(b=>b.checked).map(b=>b.value))??[]}),radio:((p=(d=(c=e.find(x=>x.type==="radioButton"))==null?void 0:c.options)==null?void 0:d.find(({checked:x})=>x))==null?void 0:p.value)??"",text:e.filter(x=>["text","select"].includes(x.type)).reduce((x,h)=>({...x,[`${String(h.key)}-${h.filterFn??"caseInsensitive"}`]:h.value??""}),{}),minValue:(g=e.find(x=>["numberRange","dateRange"].includes(x.type)))==null?void 0:g.minValue,maxValue:(u=e.find(x=>["numberRange","dateRange"].includes(x.type)))==null?void 0:u.maxValue}});return{control:r,items:n,setItems:i,register:a,handleSubmit:o,setValue:l}},Mr=(e,n)=>{var i,r,a,o,l;n("checkbox",e.filter(c=>c.type==="checkboxes").flatMap(c=>{var d;return((d=c.options)==null?void 0:d.filter(p=>p.checked).map(p=>p.value))??[]})),n("radio",((a=(r=(i=e.find(c=>c.type==="radioButton"))==null?void 0:i.options)==null?void 0:r.find(({checked:c})=>c))==null?void 0:a.value)??""),n("text",e.filter(c=>["text","select"].includes(c.type)).reduce((c,d)=>({...c,[`${String(d.key)}-${d.filterFn??"caseInsensitive"}`]:d.value??""}),{})),n("minValue",(o=e.find(c=>["numberRange","dateRange"].includes(c.type)))==null?void 0:o.minValue),n("maxValue",(l=e.find(c=>["numberRange","dateRange"].includes(c.type)))==null?void 0:l.maxValue)},Hr=(e,n)=>(e==null?void 0:e.filter(i=>{var r;return((r=i.label)==null?void 0:r.toLowerCase().includes((n==null?void 0:n.toLowerCase())??""))??i.value.toLowerCase().includes((n==null?void 0:n.toLowerCase())??"")}))??[],_r=async(e,n)=>await Promise.all(e.map(async i=>i.type==="checkboxes"?{...i,options:i.filterOptions?await i.filterOptions(i.options??[],n):Hr(i.options??[],n)}:i)),_e=({options:e,onSearch:n,onSubmit:i,id:r})=>{const{control:a,items:o,setItems:l,register:c,handleSubmit:d,setValue:p}=nn(e),g=e.some(h=>h.type==="checkboxes"&&h.hideSearch!==!0),u=f.useCallback(async h=>{const{value:b}=h.target;n&&n(b);const $=await _r(e,b);l($)},[e,n,l]),x=f.useCallback(h=>{i&&i(h)},[i]);return f.useEffect(()=>{l(e),Mr(e,p)},[e,l,p]),t.jsxs("div",{className:"flex flex-col gap-[8px]",id:r,children:[g&&t.jsx(ue,{onChange:u}),t.jsxs("form",{id:r,onSubmit:d(x),children:[t.jsx(tn,{control:a,items:o,register:c,setValue:p}),t.jsx(L,{mt:1,type:"submit",children:"Apply"})]})]})},rn=({options:e,variant:n,onApplyFilters:i,onSearch:r,setDirection:a,setHandler:o})=>{const l=s.Je(),[c,d]=f.useState(e),[p,g]=f.useState([]),[u,x]=f.useState({}),[h,b]=f.useState(""),$=f.useCallback(m=>()=>{const j=c.find(S=>S.label===m),k=!(j!=null&&j.filterOptions.some(S=>S.type==="dateRange"||S.type==="select"));o==null||o(k??!0),b(m),g((j==null?void 0:j.filterOptions)??[])},[c,o]),w=f.useCallback(m=>{const j=[...m.checkbox,...Object.values(m.text??{}),...m.radio?[m.radio]:[],...m.minValue?[String(m.minValue)]:[],...m.maxValue?[String(m.maxValue)]:[]];x(C=>j.length>0?{...C,[h]:j}:C);const k=C=>{var E,R;return{...C,options:(E=C.options)==null?void 0:E.map(P=>({...P,checked:m.checkbox.includes(P.value)||m.radio===P.value})),value:["text","select"].includes(C.type)?((R=m.text)==null?void 0:R[`${String(C.key)}-${C.filterFn??"caseInsensitive"}`])??C.value:C.value,minValue:["numberRange","dateRange"].includes(C.type)?m.minValue:C.minValue,maxValue:["numberRange","dateRange"].includes(C.type)?m.maxValue:C.maxValue}},S=C=>C.label===h?{...C,filterOptions:C.filterOptions.map(k)}:C,D=c.map(S);d(C=>C.map(S));const F=D.flatMap(({filterOptions:C})=>C);i(F),g([])},[c,i,h]),v=f.useCallback((m,j)=>{const k=`li-filter-option-${m}`;return t.jsxs(Br,{icon:j,onClick:$(m),style:{minWidth:"180px"},value:k,width:"100%",children:[m,u[m]===void 0?void 0:t.jsx(G,{tagLabel:u[m].length.toString()})]},k)},[u,$]);return f.useEffect(()=>{const m=e.reduce((j,{label:k,filterOptions:S})=>{const D=S.flatMap(({value:E,minValue:R,maxValue:P})=>[R,P,E]).filter(Boolean),F=S.flatMap(({options:E})=>E??[]).filter(({checked:E=!1})=>E).map(({value:E})=>E),C=[...D,...F];return C.length===0?j:{...j,[k]:C}},{});x(m),p.length>0&&a&&a("column")},[p,e,a]),n==="grouped"?t.jsx(y,{display:"flex",flexDirection:"column",flexGrow:1,maxHeight:p.length>0?"unset":"360px",style:{columnGap:"10px"},width:"100%",wrap:"wrap",children:p.length>0?t.jsx(_e,{id:"filters-options",onSearch:r,onSubmit:w,options:p}):Object.entries(Zt(e)).map(([m,j])=>t.jsxs(y,{children:[t.jsx(z,{color:l.palette.gray[400],mb:.25,size:"sm",children:m}),j.map(({label:k,icon:S="filter-list"})=>v(k,S))]},m))}):t.jsx(y,{display:"flex",flexDirection:"column",flexGrow:1,maxHeight:p.length>0?"unset":"200px",style:{columnGap:"10px"},width:"100%",wrap:"wrap",children:p.length>0?t.jsx(_e,{id:"filters-options",onSearch:r,onSubmit:w,options:p}):e.map(({label:m,icon:j="filter-list"})=>v(m,j))})},an=({options:e,onApplyFilters:n,onSearch:i,modalRef:r,variant:a})=>{const[o,l]=f.useState("row"),[c,d]=f.useState(!0),p=s.Je(),g=f.useRef(null),u=t.jsx(O,{icon:"close",iconColor:p.palette.gray[400],iconSize:"xs",iconTransform:"grow-2",iconType:"fa-light",id:"modal-close",onClick:r.close,px:.25,py:.25,variant:"ghost"});return f.useEffect(()=>{const x=h=>{const b=g.current;b&&!b.contains(h.target)&&r.close()};if(c)return document.addEventListener("mousedown",x,!0),()=>{document.removeEventListener("mousedown",x,!0)}},[g,c,r]),t.jsx(Or,{$bgColor:"transparent","aria-label":r.name,children:t.jsxs(Qe,{$size:"fixed",alignItems:o==="row"?"start":"end",display:"flex",flexDirection:o,gap:.5,id:"filters-list",position:"relative",px:1.25,py:1.25,ref:g,style:{overflow:"hidden",width:"max-content"},children:[o==="column"?u:void 0,t.jsx(rn,{onApplyFilters:n,onSearch:i,options:e,setDirection:l,setHandler:d,variant:a}),o==="row"?u:void 0]})})};function Jr(e){if(e)return e}function on(e){if(!e||e.length===0)return;const n=e.filter(r=>r.checked).map(r=>r.label??r.value);return n.length===0?void 0:n.join(", ")}function Ur(e,n,i){const r=i??"",a=s._.isEmpty(e)&&typeof e!="number"||Number.isNaN(e)?void 0:Number(e),o=s._.isEmpty(n)&&typeof n!="number"||Number.isNaN(n)?void 0:Number(String(n));if(!s._.isUndefined(a)&&!s._.isUndefined(o))return`${a}${r} - ${o}${r}`;if(!s._.isUndefined(a))return`Min ${a}${r}`;if(!s._.isUndefined(o))return`Max ${o}${r}`}function Vr(e,n){if(s.dayjs_minExports.extend(s.localizedFormat),!(s._.isUndefined(e)&&s._.isUndefined(n))){if(e!==""&&n!==""&&!s._.isUndefined(e)&&!s._.isUndefined(n))return`${s.dayjs(e).format("LL")} - ${s.dayjs(n).format("LL")}`;if(e!==""&&!s._.isUndefined(e))return`From ${s.dayjs(e).format("LL")}`;if(n!==""&&!s._.isUndefined(n))return`To ${s.dayjs(n).format("LL")}`}}function Gr(e,n,i){return e==="select"?n:`${n} ${i==="includesInsensitive"?"contains":"is"}`}const ce=({filter:e,icon:n="filter-list",label:i,onClose:r,filterValue:a})=>s._.isNil(a)||s._.isEmpty(String(a))?null:t.jsx(G,{filterValues:a,icon:n,id:"remove-filter",onClose:r(e),tagLabel:`${i} `}),Yr=({options:e,onClose:n})=>{const i=e.flatMap(r=>r.filterOptions.map(a=>{const{filterFn:o,label:l,type:c,value:d,options:p,minValue:g,maxValue:u}=a;switch(c){case"numberRange":{const x=Ur(g,u,r.placeholder);return t.jsx(ce,{filter:a,filterValue:x,icon:r.icon,label:r.label,onClose:n},l)}case"dateRange":{const x=Vr(g==null?void 0:g.toString(),u==null?void 0:u.toString());return t.jsx(ce,{filter:a,filterValue:x,icon:r.icon,label:r.label,onClose:n},l)}case"radioButton":case"checkboxes":{const x=on(p);return t.jsx(ce,{filter:a,filterValue:x,icon:r.icon,label:r.label,onClose:n},l)}case void 0:case"select":case"text":default:{const x=Jr(d),h=Gr(c,r.label,o);return t.jsx(ce,{filter:a,filterValue:x,icon:r.icon,label:h,onClose:n},l)}}})).filter(r=>{if(r===null)return!1;const{filterValue:a}=r.props;return!s._.isNil(a)&&!s._.isEmpty(String(a))});return i.length>0?t.jsx(y,{alignItems:"center",display:"flex",gap:.5,pb:1,width:"100%",wrap:"wrap",children:i}):null},qr=(e,n)=>{function i(l,c){if(c.value===""||c.value===void 0||s._.defaultTo(c.isBackFilter,!1))return!0;switch(c.filterFn){case"includesInsensitive":return String(l[c.key]).toLowerCase().includes(c.value.toLowerCase());case"caseInsensitive":case void 0:default:return String(l[c.key]).toLowerCase()===c.value.toLowerCase()}}function r(l,c){if(!c.options||c.options.length===0)return!0;const d=c.options.filter(p=>p.checked).map(p=>p.value);return d.length===0?!0:d.includes(String(l[c.key]))}function a(l,c,d){const p=d(String(l[c.key])),{minValue:g,maxValue:u}=c,x=s._.isEmpty(g)&&typeof g!="number"?void 0:d(String(g)),h=s._.isEmpty(u)&&typeof u!="number"?void 0:d(String(u));return s._.isUndefined(x)&&s._.isUndefined(h)?!0:(x??-1/0)<=p&&p<=(h??1/0)}function o(l){return n.every(c=>{if(typeof c.key=="function")return c.key(l,c.value);switch(c.type){case"radioButton":case"checkboxes":return r(l,c);case"numberRange":return a(l,c,Number);case"dateRange":return a(l,c,d=>new Date(d));case"select":case"text":default:return i(l,c)}})}return e.filter(o)},ft=e=>[...e.flatMap(({options:i})=>i).filter(i=>i==null?void 0:i.checked),...e.flatMap(i=>[i.value,i.maxValue,i.minValue]).filter(Boolean)].length,Kr=e=>{var i;const n=((i=e.options)==null?void 0:i.map(r=>({...r,checked:void 0})))??void 0;return{...e,minValue:void 0,maxValue:void 0,value:void 0,options:n}},Xr=({dataset:e,localStorageKey:n,options:i,setFilteredDataset:r,onFiltersChange:a,onReset:o,onSearch:l,variant:c="ungrouped"})=>{const d=Re("filters-modal"),[p,g]=f.useState([]),[u,x]=f.useState(ft(p)),h=i.map(m=>({...m,filterOptions:m.filterOptions.map(j=>p.find(S=>S.key===j.key&&S.type===j.type&&S.filterFn===j.filterFn)??{...j})})),b=f.useCallback(m=>{g([...m]),localStorage.setItem(n,JSON.stringify(m))},[g,n]),$=f.useCallback(()=>{o&&o(),d.toggle()},[d,o]),w=f.useCallback(m=>()=>{o&&o();const j=p.map(k=>k.key===m.key&&k.type===m.type&&k.filterFn===m.filterFn?Kr(k):k);g(j),localStorage.setItem(n,JSON.stringify(j))},[p,n,o]);return f.useEffect(()=>{const m=localStorage.getItem(n),j=i.flatMap(S=>S.filterOptions),k=m?JSON.parse(m):j;j.flatMap(S=>S.value).filter(Boolean).length>0||j.flatMap(S=>S.options).filter(S=>(S==null?void 0:S.checked)===void 0).length>0?(g(j),localStorage.setItem(n,JSON.stringify(j))):g(k)},[n,i,g]),f.useEffect(()=>{r&&e!==void 0&&r(qr(e,p)),x(ft(p)),a==null||a(p)},[e,p,r,x,a]),{Filters:()=>t.jsxs(y,{alignItems:"center",display:"flex",gap:.25,maxWidth:"100%",position:"relative",wrap:"wrap",children:[t.jsx(y,{pr:.25,children:t.jsx(L,{icon:"filter",id:"filterBtn",onClick:$,tag:u.toString(),variant:"ghost"})}),d.isOpen&&t.jsx(an,{modalRef:d,onApplyFilters:b,onSearch:l,options:h,variant:c})]}),options:h,removeFilter:w}},sn=({_portal:e=!0,alert:n,cancelButton:i=void 0,children:r=void 0,confirmButton:a=void 0,content:o=void 0,description:l=void 0,modalRef:c,otherActions:d=void 0,onClose:p=void 0,tabItems:g=void 0,title:u=void 0,size:x,id:h="modal-container"})=>{const b=s.Je(),$=t.jsx(Jt,{"aria-label":c.name,"aria-modal":"true",id:"modal-wrapper",children:t.jsxs(Qe,{$size:x,"data-testid":h,flexDirection:"column",id:h,children:[!s._.isEmpty(u)&&!s._.isNil(u)&&t.jsx(Vt,{description:l,modalRef:c,onClose:p,otherActions:d,title:u}),g&&t.jsx(y,{borderTop:`1px solid ${b.palette.gray[300]}`,display:"block",mb:1.25,position:"sticky",children:t.jsx(et,{items:g})}),(s._.isObject(o)||r)&&t.jsxs(jr,{children:[r,s._.isObject(o)&&s._.isString(o.imageSrc)&&t.jsx(Sr,{$framed:o.imageFramed,children:t.jsx(Z,{alt:"modal-img",publicId:o.imageSrc})}),s._.isObject(o)&&s._.isString(o.imageText)&&t.jsx(z,{size:"sm",children:o.imageText})]}),t.jsx(Ut,{alert:n,cancelButton:i,confirmButton:a,modalRef:c})]})});return e&&c.isOpen?ae.createPortal($,document.getElementById("portals")??document.body):c.isOpen?$:null},Zr=()=>{const[e,n]=f.useState(!1),[i,r]=f.useState(),a=f.useRef(null),o=Re("confirm-dialog-modal"),l=f.useCallback(async g=>(r(g),n(!0),new Promise(u=>{a.current=u})),[]),c=f.useCallback(()=>{var g;n(!1),r(void 0),(g=a.current)==null||g.call(a,!0)},[]),d=f.useCallback(()=>{var g;n(!1),r(void 0),(g=a.current)==null||g.call(a,!1)},[]);return f.useEffect(()=>{o.setIsOpen(e)},[e,o]),{ConfirmDialog:({id:g="confirm-dialog-modal",children:u})=>t.jsxs(sn,{cancelButton:{onClick:d,text:"Cancel"},confirmButton:{id:(i==null?void 0:i.id)??"modal-confirm",onClick:c,text:"Confirm"},description:i==null?void 0:i.message,id:g,modalRef:{...o,close:d},size:"sm",title:i==null?void 0:i.title,children:[i==null?void 0:i.content,u]}),confirm:l}},Qr=s.st.ul`
   ${({theme:e})=>`
     align-items: flex-start;
     border-radius: ${e.spacing[.25]};

package/dist/hooks/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../components-Kku3YXga.js");exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../components-BXr5fXYf.js");exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components-Kku3YXga.js"),t=require("./vendor-CJUQQyxF.js");exports.Accordion=e.Accordion;exports.Alert=e.Alert;exports.AppliedFilters=e.AppliedFilters;exports.Avatar=e.Avatar;exports.BaseButtonComponent=e.BaseButtonComponent;exports.BaseComponent=e.BaseComponent;exports.BaseSpanComponent=e.BaseSpanComponent;exports.BaseTextComponent=e.BaseTextComponent;exports.Button=e.Button;exports.ButtonToolbarCenter=e.ButtonToolbarCenter;exports.ButtonToolbarRow=e.ButtonToolbarRow;exports.ButtonToolbarStartRow=e.ButtonToolbarStartRow;exports.CardHeader=e.CardHeader;exports.CardWithImage=e.CardWithImage;exports.CardWithInput=e.CardWithInput;exports.CardWithSelector=e.CardWithSelector;exports.CardWithSwitch=e.CardWithSwitch;exports.Carousel=e.Carousel;exports.Checkbox=e.Checkbox;exports.CloudImage=e.MemoizedImage;exports.CodeSnippet=e.CodeSnippet;exports.Col=e.Col;exports.ColumFilters=e.ColumFilters;exports.ColumnsModal=e.ColumnsModal;exports.ComboBox=e.ComboBox;exports.Container=e.Container;exports.CustomThemeProvider=e.CustomThemeProvider;exports.Divider=e.Divider;exports.Dropdown=e.Dropdown;exports.Editable=e.Editable;exports.EmptyState=e.EmptyState;exports.FilePreview=e.FilePreview;exports.Form=e.Form;exports.Gap=e.Gap;exports.GridContainer=e.GridContainer;exports.GroupSelector=e.GroupSelector;exports.Heading=e.Heading;exports.Icon=e.Icon;exports.IconButton=e.IconButton;exports.IndicatorCard=e.IndicatorCard;exports.InfoSidebar=e.InfoSidebar;exports.InnerForm=e.InnerForm;exports.Input=e.Input;exports.InputArray=e.InputArray;exports.InputDate=e.InputDate;exports.InputDateRange=e.InputDateRange;exports.InputDateTime=e.InputDateTime;exports.InputFile=e.InputFile;exports.InputNumber=e.InputNumber;exports.InputNumberRange=e.InputNumberRange;exports.InputTags=e.InputTags;exports.Link=e.Link;exports.ListItem=e.ListItem;exports.ListItemsWrapper=e.ListItemsWrapper;exports.LittleFlag=e.LittleFlag;exports.Loading=e.Loading;exports.Logo=e.Logo;exports.Lottie=e.Lottie;exports.Menu=e.Menu;exports.MessageBanner=e.MessageBanner;exports.Modal=e.Modal;exports.ModalConfirm=e.ModalConfirm;exports.ModalFooter=e.ModalFooter;exports.Notification=e.Notification;exports.NotificationSign=e.NotificationSign;exports.NumberInput=e.NumberInput;exports.OAuthSelector=e.OAuthSelector;exports.OptionContainer=e.OptionContainer;exports.OutlineContainer=e.OutlineContainer;exports.PhoneInput=e.PhoneInput;exports.PopUp=e.PopUp;exports.PremiumFeature=e.PremiumFeature;exports.PriorityScore=e.PriorityScore;exports.ProgressBar=e.ProgressBar;exports.RadioButton=e.RadioButton;exports.Row=e.Row;exports.ScrollUpButton=e.ScrollUpButton;exports.Search=e.Search;exports.SeverityBadge=e.SeverityBadge;exports.SeverityOverview=e.SeverityOverview;exports.ShowOnHover=e.ShowOnHover;exports.SlideOutMenu=e.SlideOutMenu;exports.Slider=e.Slider;exports.Span=e.Span;exports.StepLapse=e.StepLapse;exports.TableButton=e.TableButton;exports.Tabs=e.Tabs;exports.Tag=e.Tag;exports.Text=e.Text;exports.TextArea=e.TextArea;exports.TimeLine=e.TimeLine;exports.TimeLineCard=e.TimeLineCard;exports.Toggle=e.Toggle;exports.ToggleButton=e.ToggleButton;exports.Tooltip=e.Tooltip;exports.Tour=e.Tour;exports.baseStep=e.baseStep;exports.formatCheckValues=e.formatCheckValues;exports.getStyledConfig=e.getStyledConfig;exports.hiddenProps=e.hiddenProps;exports.icons=e.icons;exports.setBorder=e.setBorder;exports.setDisplay=e.setDisplay;exports.setInteraction=e.setInteraction;exports.setMargin=e.setMargin;exports.setPadding=e.setPadding;exports.setPosition=e.setPosition;exports.setText=e.setText;exports.theme=e.theme;exports.uniqueIcons=e.uniqueIcons;exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useConfirmDialog=e.useConfirmDialog;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useFilters=e.useFilters;exports.useModal=e.useModal;exports.useSearch=e.useSearch;exports.variantBuilder=e.variantBuilder;exports.Controller=t.Controller;exports.useController=t.useController;exports.useFieldArray=t.useFieldArray;exports.useFormContext=t.useFormContext;exports.useWatch=t.useWatch;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components-BXr5fXYf.js"),t=require("./vendor-CJUQQyxF.js");exports.Accordion=e.Accordion;exports.Alert=e.Alert;exports.AppliedFilters=e.AppliedFilters;exports.Avatar=e.Avatar;exports.BaseButtonComponent=e.BaseButtonComponent;exports.BaseComponent=e.BaseComponent;exports.BaseSpanComponent=e.BaseSpanComponent;exports.BaseTextComponent=e.BaseTextComponent;exports.Button=e.Button;exports.ButtonToolbarCenter=e.ButtonToolbarCenter;exports.ButtonToolbarRow=e.ButtonToolbarRow;exports.ButtonToolbarStartRow=e.ButtonToolbarStartRow;exports.CardHeader=e.CardHeader;exports.CardWithImage=e.CardWithImage;exports.CardWithInput=e.CardWithInput;exports.CardWithSelector=e.CardWithSelector;exports.CardWithSwitch=e.CardWithSwitch;exports.Carousel=e.Carousel;exports.Checkbox=e.Checkbox;exports.CloudImage=e.MemoizedImage;exports.CodeSnippet=e.CodeSnippet;exports.Col=e.Col;exports.ColumFilters=e.ColumFilters;exports.ColumnsModal=e.ColumnsModal;exports.ComboBox=e.ComboBox;exports.Container=e.Container;exports.CustomThemeProvider=e.CustomThemeProvider;exports.Divider=e.Divider;exports.Dropdown=e.Dropdown;exports.Editable=e.Editable;exports.EmptyState=e.EmptyState;exports.FilePreview=e.FilePreview;exports.Form=e.Form;exports.Gap=e.Gap;exports.GridContainer=e.GridContainer;exports.GroupSelector=e.GroupSelector;exports.Heading=e.Heading;exports.Icon=e.Icon;exports.IconButton=e.IconButton;exports.IndicatorCard=e.IndicatorCard;exports.InfoSidebar=e.InfoSidebar;exports.InnerForm=e.InnerForm;exports.Input=e.Input;exports.InputArray=e.InputArray;exports.InputDate=e.InputDate;exports.InputDateRange=e.InputDateRange;exports.InputDateTime=e.InputDateTime;exports.InputFile=e.InputFile;exports.InputNumber=e.InputNumber;exports.InputNumberRange=e.InputNumberRange;exports.InputTags=e.InputTags;exports.Link=e.Link;exports.ListItem=e.ListItem;exports.ListItemsWrapper=e.ListItemsWrapper;exports.LittleFlag=e.LittleFlag;exports.Loading=e.Loading;exports.Logo=e.Logo;exports.Lottie=e.Lottie;exports.Menu=e.Menu;exports.MessageBanner=e.MessageBanner;exports.Modal=e.Modal;exports.ModalConfirm=e.ModalConfirm;exports.ModalFooter=e.ModalFooter;exports.Notification=e.Notification;exports.NotificationSign=e.NotificationSign;exports.NumberInput=e.NumberInput;exports.OAuthSelector=e.OAuthSelector;exports.OptionContainer=e.OptionContainer;exports.OutlineContainer=e.OutlineContainer;exports.PhoneInput=e.PhoneInput;exports.PopUp=e.PopUp;exports.PremiumFeature=e.PremiumFeature;exports.PriorityScore=e.PriorityScore;exports.ProgressBar=e.ProgressBar;exports.RadioButton=e.RadioButton;exports.Row=e.Row;exports.ScrollUpButton=e.ScrollUpButton;exports.Search=e.Search;exports.SeverityBadge=e.SeverityBadge;exports.SeverityOverview=e.SeverityOverview;exports.ShowOnHover=e.ShowOnHover;exports.SlideOutMenu=e.SlideOutMenu;exports.Slider=e.Slider;exports.Span=e.Span;exports.StepLapse=e.StepLapse;exports.TableButton=e.TableButton;exports.Tabs=e.Tabs;exports.Tag=e.Tag;exports.Text=e.Text;exports.TextArea=e.TextArea;exports.TimeLine=e.TimeLine;exports.TimeLineCard=e.TimeLineCard;exports.Toggle=e.Toggle;exports.ToggleButton=e.ToggleButton;exports.Tooltip=e.Tooltip;exports.Tour=e.Tour;exports.baseStep=e.baseStep;exports.formatCheckValues=e.formatCheckValues;exports.getStyledConfig=e.getStyledConfig;exports.hiddenProps=e.hiddenProps;exports.icons=e.icons;exports.setBorder=e.setBorder;exports.setDisplay=e.setDisplay;exports.setInteraction=e.setInteraction;exports.setMargin=e.setMargin;exports.setPadding=e.setPadding;exports.setPosition=e.setPosition;exports.setText=e.setText;exports.theme=e.theme;exports.uniqueIcons=e.uniqueIcons;exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useConfirmDialog=e.useConfirmDialog;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useFilters=e.useFilters;exports.useModal=e.useModal;exports.useSearch=e.useSearch;exports.variantBuilder=e.variantBuilder;exports.Controller=t.Controller;exports.useController=t.useController;exports.useFieldArray=t.useFieldArray;exports.useFormContext=t.useFormContext;exports.useWatch=t.useWatch;

package/package.json

@@ -116,5 +116,5 @@
     "test-storybook": "test-storybook"
   },
   "typings": "./dist/index.d.ts",
-  "version": "3.18.5"
+  "version": "3.18.6"
 }