@lightsparkdev/ui 1.1.15 → 1.1.17

package/dist/{chunk-2J6Q4CBW.cjs → chunk-NJAEPGD6.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkPE2GMFRWcjs = require('./chunk-PE2GMFRW.cjs');
+var _chunkKNOF6XGCcjs = require('./chunk-KNOF6XGC.cjs');
 
 
-var _chunkPAG7VG4Ccjs = require('./chunk-PAG7VG4C.cjs');
+var _chunkOIVMDDPCcjs = require('./chunk-OIVMDDPC.cjs');
 
 
-var _chunkCF6NXTX7cjs = require('./chunk-CF6NXTX7.cjs');
+var _chunk2MT546OVcjs = require('./chunk-2MT546OV.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 
-var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
+var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
 
 // src/components/Pill.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -83,9 +83,9 @@ function Pill({
           {
             hasIconInset: Boolean(icon && !loading && !onDeleteMouseDown),
             children: [
-              loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPE2GMFRWcjs.Loading, { size: 16.1, center: false, ml: 5 }),
+              loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKNOF6XGCcjs.Loading, { size: 16.1, center: false, ml: 5 }),
               !loading && onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkPAG7VG4Ccjs.UnstyledButton,
+                _chunkOIVMDDPCcjs.UnstyledButton,
                 {
                   onMouseDown: handleOnDeleteMouseDown,
                   onKeyDown: handleOnDeleteKeyDown,
@@ -95,10 +95,10 @@ function Pill({
                     padding: "10px",
                     marginRight: "-10px"
                   },
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "DeleteIcon", width: 16.1 })
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { name: "DeleteIcon", width: 16.1 })
                 }
               ),
-              !loading && icon && !onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: icon, width: 16.1, color: "white" })
+              !loading && icon && !onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { name: icon, width: 16.1, color: "white" })
             ]
           }
         )
@@ -131,9 +131,9 @@ var StyledPill = _styled2.default.div`
   position: relative;
 `;
 var PillIconContainer = _styled2.default.div`
-  ${_chunkCF6NXTX7cjs.flexCenter}
+  ${_chunk2MT546OVcjs.flexCenter}
   ${({ hasIconInset }) => hasIconInset ? `
-    background-color: ${_chunkJFPLNGMQcjs.colors.blue43};
+    background-color: ${_chunkWRQU4F3Ncjs.colors.blue43};
     padding: 8px;
     right: 4px;
     top: 3.5px;` : `right: 18px;`}

package/dist/{chunk-DESHZ7J3.js → chunk-NJGZTOFB.js}

@@ -1,18 +1,18 @@
 import {
   lineClamp
-} from "./chunk-HOPTXOE6.js";
+} from "./chunk-OOOWTNUV.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   applyTypography
-} from "./chunk-WDMRNPBD.js";
+} from "./chunk-I3KWQ42J.js";
 import {
   elide
 } from "./chunk-HAC5YAGQ.js";
 import {
   getLineHeightNumberForTypographyType
-} from "./chunk-FXKLW6CU.js";
+} from "./chunk-GZXIEXUR.js";
 import {
   useClipboard
 } from "./chunk-NFQP7P3D.js";

package/dist/{chunk-PTC3NGRD.cjs → chunk-NUECEPL5.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkD3DCZG67cjs = require('./chunk-D3DCZG67.cjs');
+var _chunkCWO637N3cjs = require('./chunk-CWO637N3.cjs');
 
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 
 
@@ -26,13 +26,13 @@ function TextIconAligner({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunkD3DCZG67cjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunkCWO637N3cjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography,
     link: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, defaultTypography), { color: "link" })
   });
-  const content = _chunkXC4APVGIcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkS6OGIIJCcjs.toReactNodes.call(void 0, nodesWithTypography);
   const leftIconNode = leftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkMLMYJBDVcjs.Icon,
+    _chunkDSTWBIG7cjs.Icon,
     {
       name: leftIcon.name,
       width: leftIcon.width ? leftIcon.width : 12,
@@ -41,7 +41,7 @@ function TextIconAligner({
     }
   ) : null;
   const rightIconNode = rightIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkMLMYJBDVcjs.Icon,
+    _chunkDSTWBIG7cjs.Icon,
     {
       name: rightIcon.name,
       width: rightIcon.width ? rightIcon.width : 12,

package/dist/chunk-O3NJJRRC.cjs

@@ -0,0 +1,90 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useIOSScrollLock.tsx
+var _react = require('react');
+function getScrollableAncestor(element) {
+  while (element && element !== document.body) {
+    const style = window.getComputedStyle(element);
+    const overflowY = style.overflowY;
+    const isScrollable = (overflowY === "auto" || overflowY === "scroll") && element.scrollHeight > element.clientHeight;
+    if (isScrollable) {
+      return element;
+    }
+    element = element.parentElement;
+  }
+  return null;
+}
+function useIOSScrollLock() {
+  _react.useEffect.call(void 0, () => {
+    const scrollY = window.scrollY;
+    const body = document.body;
+    const html = document.documentElement;
+    const originalBodyStyles = {
+      position: body.style.position,
+      top: body.style.top,
+      left: body.style.left,
+      right: body.style.right,
+      overflow: body.style.overflow,
+      width: body.style.width,
+      height: body.style.height
+    };
+    const originalHtmlStyles = {
+      overflow: html.style.overflow,
+      height: html.style.height
+    };
+    body.style.position = "fixed";
+    body.style.top = `-${scrollY}px`;
+    body.style.left = "0";
+    body.style.right = "0";
+    body.style.overflow = "hidden";
+    body.style.width = "100%";
+    body.style.height = "100%";
+    html.style.overflow = "hidden";
+    html.style.height = "100%";
+    let touchStartY = 0;
+    const handleTouchStart = (e) => {
+      touchStartY = e.touches[0].clientY;
+    };
+    const handleTouchMove = (e) => {
+      const target = e.target;
+      if (!target.closest("[data-drawer-scrollable]")) {
+        e.preventDefault();
+        return;
+      }
+      const scrollable = getScrollableAncestor(target);
+      if (!scrollable) {
+        e.preventDefault();
+        return;
+      }
+      const { scrollTop, scrollHeight, clientHeight } = scrollable;
+      const touchY = e.touches[0].clientY;
+      const isScrollingUp = touchY > touchStartY;
+      const isScrollingDown = touchY < touchStartY;
+      const isAtTop = scrollTop <= 0;
+      const isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
+      if (isAtTop && isScrollingUp || isAtBottom && isScrollingDown) {
+        e.preventDefault();
+      }
+    };
+    document.addEventListener("touchstart", handleTouchStart, {
+      passive: true
+    });
+    document.addEventListener("touchmove", handleTouchMove, { passive: false });
+    return () => {
+      body.style.position = originalBodyStyles.position;
+      body.style.top = originalBodyStyles.top;
+      body.style.left = originalBodyStyles.left;
+      body.style.right = originalBodyStyles.right;
+      body.style.overflow = originalBodyStyles.overflow;
+      body.style.width = originalBodyStyles.width;
+      body.style.height = originalBodyStyles.height;
+      html.style.overflow = originalHtmlStyles.overflow;
+      html.style.height = originalHtmlStyles.height;
+      window.scrollTo(0, scrollY);
+      document.removeEventListener("touchstart", handleTouchStart);
+      document.removeEventListener("touchmove", handleTouchMove);
+    };
+  }, []);
+}
+
+
+
+exports.useIOSScrollLock = useIOSScrollLock;

package/dist/{chunk-KLY4AIMZ.js → chunk-O4LA325I.js}

@@ -7,17 +7,17 @@ import {
   textInputPadding,
   textInputPaddingPx,
   textInputPlaceholderColor
-} from "./chunk-QGXS3TWB.js";
+} from "./chunk-ULTSHCPV.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   getColor,
   themeOr
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-V7XAF6D2.js";
 import {
   __objRest,
   __spreadProps,

package/dist/chunk-OCCL7V3S.js

@@ -0,0 +1,31 @@
+// src/icons/central/QuestionCircle.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function QuestionCircle({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M7.75 7.25C8.5 5 12.25 5.19156 12.25 7.54132C12.25 9.2008 10 9.4614 10 11.25M10 14V13.99M19.25 10C19.25 15.1086 15.1086 19.25 10 19.25C4.89137 19.25 0.75 15.1086 0.75 10C0.75 4.89137 4.89137 0.75 10 0.75C15.1086 0.75 19.25 4.89137 19.25 10ZM10.25 14C10.25 14.1381 10.1381 14.25 10 14.25C9.8619 14.25 9.75 14.1381 9.75 14C9.75 13.8619 9.8619 13.75 10 13.75C10.1381 13.75 10.25 13.8619 10.25 14Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+export {
+  QuestionCircle
+};

package/dist/{chunk-PAG7VG4C.cjs → chunk-OIVMDDPC.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
 
 // src/components/UnstyledButton.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var UnstyledButton = _styled2.default.button`
-  ${_chunkQ3N3HXJAcjs.standardFocusOutline}
+  ${_chunkGSQGDJAVcjs.standardFocusOutline}
   font-family: ${({ theme }) => theme.typography.fontFamilies.main};
   appearance: none;
   background: transparent;

package/dist/{chunk-HOPTXOE6.js → chunk-OOOWTNUV.js}

@@ -1,6 +1,6 @@
 import {
   rootFontSizePx
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-B73N7I6O.js";
 
 // src/styles/utils.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-YSWYAATF.js → chunk-OP5OIFTR.js}

@@ -1,92 +1,92 @@
 import {
   Table
-} from "./chunk-DKVMPTSO.js";
+} from "./chunk-FNZCHTDL.js";
 import {
   PillFilter
-} from "./chunk-SO4ANP7B.js";
+} from "./chunk-WV7TPVQG.js";
 import {
   Body
-} from "./chunk-W4XJBHK7.js";
+} from "./chunk-7EFMN3WP.js";
+import {
+  IdFilter,
+  getDefaultIdFilterState,
+  isIdFilterState
+} from "./chunk-Z6UYOVYJ.js";
 import {
   StringFilter,
   getDefaultStringFilterState,
   isStringFilterState
-} from "./chunk-Y5VXL55D.js";
+} from "./chunk-WI5XQUH4.js";
+import {
+  BooleanFilter,
+  getDefaultBooleanFilterState
+} from "./chunk-WMPFJGZV.js";
 import {
   CurrencyFilter,
   getDefaultCurrencyFilterState
-} from "./chunk-JOC6RUNI.js";
+} from "./chunk-HR7H6SLW.js";
 import {
   DateFilter,
   getDefaultDateFilterState
-} from "./chunk-ERFXSGKM.js";
+} from "./chunk-TEXBKPJA.js";
 import {
   EnumFilter,
   getDefaultEnumFilterState,
   isEnumFilterState
-} from "./chunk-6I5DOF7X.js";
-import {
-  IdFilter,
-  getDefaultIdFilterState,
-  isIdFilterState
-} from "./chunk-6BIVD4LL.js";
-import {
-  BooleanFilter,
-  getDefaultBooleanFilterState
-} from "./chunk-4UED3BP6.js";
+} from "./chunk-RBX3AT5J.js";
 import {
   LabelModerate
-} from "./chunk-CTBKIGQC.js";
+} from "./chunk-QMD63NFZ.js";
 import {
   Label
-} from "./chunk-DZSH5MVI.js";
+} from "./chunk-F6CTXKJU.js";
 import {
   Modal
-} from "./chunk-WB73QZAP.js";
+} from "./chunk-WRXIHU6H.js";
 import {
   Dropdown
-} from "./chunk-5TPQIZLT.js";
+} from "./chunk-EX7WN2KM.js";
 import {
   Flex
 } from "./chunk-M4R57NN3.js";
+import {
+  TextIconAligner
+} from "./chunk-ATOUPPQI.js";
 import {
   CardPageFullWidth
-} from "./chunk-YRASUZJH.js";
+} from "./chunk-L4DV2S2G.js";
 import {
   StyledButtonRow
-} from "./chunk-DZCZ5DIU.js";
+} from "./chunk-6ZZPMIC2.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   Button,
   StyledButton
-} from "./chunk-CHQSMSJF.js";
+} from "./chunk-NE7756PY.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
-import {
-  TextIconAligner
-} from "./chunk-ZP65NSD3.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   standardBorderRadius,
   standardContentInset
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-B73N7I6O.js";
 import {
   getColor,
   themeOr,
   themeOrWithKey
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-V7XAF6D2.js";
 import {
   bp,
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-XT5NXF55.js";
+} from "./chunk-4BTMZ2KB.js";
 import {
   __async,
   __spreadProps,
@@ -549,17 +549,25 @@ function DataManagerTable(props) {
       void handleApplyFilters(filterStates, props.filterOptions, size);
     }
   });
+  const createFilterStateUpdater = (filter) => (state) => {
+    var _a2, _b2;
+    setFilterStates((prevState) => __spreadProps(__spreadValues({}, prevState), {
+      [filter.accessorKey]: state
+    }));
+    (_b2 = (_a2 = props.filterOptions) == null ? void 0 : _a2.onFilterStateChange) == null ? void 0 : _b2.call(
+      _a2,
+      filter.accessorKey,
+      state,
+      setFilterStates
+    );
+  };
   const filterSections = props.filterOptions ? props.filterOptions.filters.map((filter) => {
     switch (filter.type) {
       case "date" /* DATE */:
         return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
           DateFilter,
           {
-            updateFilterState: (state) => {
-              setFilterStates((prevState) => __spreadProps(__spreadValues({}, prevState), {
-                [filter.accessorKey]: state
-              }));
-            },
+            updateFilterState: createFilterStateUpdater(filter),
             state: filterStates[filter.accessorKey]
           }
         ) }, filter.label);
@@ -567,11 +575,7 @@ function DataManagerTable(props) {
         return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
           EnumFilter,
           {
-            updateFilterState: (state) => {
-              setFilterStates((prevState) => __spreadProps(__spreadValues({}, prevState), {
-                [filter.accessorKey]: state
-              }));
-            },
+            updateFilterState: createFilterStateUpdater(filter),
             options: filter.enumValues,
             label: filter.label,
             placeholder: filter.placeholder,
@@ -583,11 +587,7 @@ function DataManagerTable(props) {
         return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
           StringFilter,
           {
-            updateFilterState: (state) => {
-              setFilterStates((prevState) => __spreadProps(__spreadValues({}, prevState), {
-                [filter.accessorKey]: state
-              }));
-            },
+            updateFilterState: createFilterStateUpdater(filter),
             label: filter.label,
             placeholder: filter.placeholder,
             state: filterStates[filter.accessorKey]
@@ -597,11 +597,7 @@ function DataManagerTable(props) {
         return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
           IdFilter,
           {
-            updateFilterState: (state) => {
-              setFilterStates((prevState) => __spreadProps(__spreadValues({}, prevState), {
-                [filter.accessorKey]: state
-              }));
-            },
+            updateFilterState: createFilterStateUpdater(filter),
             label: filter.label,
             placeholder: filter.placeholder,
             state: filterStates[filter.accessorKey]
@@ -611,11 +607,7 @@ function DataManagerTable(props) {
         return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
           BooleanFilter,
           {
-            updateFilterState: (state) => {
-              setFilterStates((prevState) => __spreadProps(__spreadValues({}, prevState), {
-                [filter.accessorKey]: state
-              }));
-            },
+            updateFilterState: createFilterStateUpdater(filter),
             label: filter.label,
             state: filterStates[filter.accessorKey]
           }
@@ -624,11 +616,7 @@ function DataManagerTable(props) {
         return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
           CurrencyFilter,
           {
-            updateFilterState: (state) => {
-              setFilterStates((prevState) => __spreadProps(__spreadValues({}, prevState), {
-                [filter.accessorKey]: state
-              }));
-            },
+            updateFilterState: createFilterStateUpdater(filter),
             label: filter.label,
             state: filterStates[filter.accessorKey]
           }
@@ -736,8 +724,21 @@ function DataManagerTable(props) {
           },
           onUpdateFilter: (newFilterState) => {
             setFilterStates((prevStates) => {
-              const newStates = __spreadValues({}, prevStates);
+              var _a3, _b3;
+              let newStates = __spreadValues({}, prevStates);
               newStates[filter.accessorKey] = newFilterState;
+              (_b3 = (_a3 = props.filterOptions) == null ? void 0 : _a3.onFilterStateChange) == null ? void 0 : _b3.call(
+                _a3,
+                filter.accessorKey,
+                newFilterState,
+                (updater) => {
+                  if (typeof updater === "function") {
+                    newStates = updater(newStates);
+                  } else {
+                    newStates = updater;
+                  }
+                }
+              );
               void handleApplyFilters(
                 newStates,
                 props.filterOptions,
@@ -766,7 +767,8 @@ function DataManagerTable(props) {
               handleApplyFilters,
               pageSize,
               setShowFilterEditor,
-              customDropdownComponent: (_g = props.customComponents) == null ? void 0 : _g.dropdownComponent
+              customDropdownComponent: (_g = props.customComponents) == null ? void 0 : _g.dropdownComponent,
+              onFilterStateChange: props.filterOptions.onFilterStateChange
             }),
             isOpen: showFilterEditor,
             onOpen: () => {
@@ -1011,8 +1013,25 @@ function getPillDropdownItems({
   handleApplyFilters,
   pageSize,
   setShowFilterEditor,
-  customDropdownComponent
+  customDropdownComponent,
+  onFilterStateChange
 }) {
+  const applyFilterState = (filter, newFilterState) => {
+    setFilterStates((prevStates) => {
+      let newStates = __spreadValues({}, prevStates);
+      newStates[filter.accessorKey] = newFilterState;
+      onFilterStateChange == null ? void 0 : onFilterStateChange(filter.accessorKey, newFilterState, (updater) => {
+        if (typeof updater === "function") {
+          newStates = updater(newStates);
+        } else {
+          newStates = updater;
+        }
+      });
+      void handleApplyFilters(newStates, filterOptions, pageSize);
+      setShowFilterEditor(false);
+      return newStates;
+    });
+  };
   const getDropdownItemForFilter = (filter) => {
     let filterSubDropdownOptions = [];
     if (filter.type === "enum" /* ENUM */) {
@@ -1032,17 +1051,11 @@ function getPillDropdownItems({
           } else {
             updatedAppliedValues = [...optionValues];
           }
-          setFilterStates((prevStates) => {
-            const newStates = __spreadValues({}, prevStates);
-            newStates[filter.accessorKey] = __spreadProps(__spreadValues({}, getDefaultFilterState(filter)), {
-              value: updatedAppliedValues.join(", "),
-              isApplied: true,
-              appliedValues: updatedAppliedValues
-            });
-            void handleApplyFilters(newStates, filterOptions, pageSize);
-            setShowFilterEditor(false);
-            return newStates;
-          });
+          applyFilterState(filter, __spreadProps(__spreadValues({}, getDefaultFilterState(filter)), {
+            value: updatedAppliedValues.join(", "),
+            isApplied: true,
+            appliedValues: updatedAppliedValues
+          }));
         }
       }));
     }
@@ -1063,28 +1076,16 @@ function getPillDropdownItems({
               (appliedValue) => appliedValue !== filter.value
             )
           ] : state.appliedValues ? [...state.appliedValues] : [];
-          setFilterStates((prevStates) => {
-            const newStates = __spreadValues({}, prevStates);
-            newStates[filter.accessorKey] = __spreadProps(__spreadValues({}, getDefaultFilterState(filter)), {
-              value: updatedAppliedValues.join(", "),
-              isApplied: true,
-              appliedValues: updatedAppliedValues
-            });
-            void handleApplyFilters(newStates, filterOptions, pageSize);
-            setShowFilterEditor(false);
-            return newStates;
-          });
+          applyFilterState(filter, __spreadProps(__spreadValues({}, getDefaultFilterState(filter)), {
+            value: updatedAppliedValues.join(", "),
+            isApplied: true,
+            appliedValues: updatedAppliedValues
+          }));
         } else if (filter.type === "boolean" /* BOOLEAN */) {
-          setFilterStates((prevStates) => {
-            const newStates = __spreadValues({}, prevStates);
-            newStates[filter.accessorKey] = __spreadProps(__spreadValues({}, getDefaultFilterState(filter)), {
-              value: filter.value,
-              isApplied: true
-            });
-            void handleApplyFilters(newStates, filterOptions, pageSize);
-            setShowFilterEditor(false);
-            return newStates;
-          });
+          applyFilterState(filter, __spreadProps(__spreadValues({}, getDefaultFilterState(filter)), {
+            value: filter.value,
+            isApplied: true
+          }));
         } else if (filter.type === "id" /* ID */) {
           const state = filterStates[filter.accessorKey];
           let updatedAppliedValues = [];
@@ -1093,31 +1094,19 @@ function getPillDropdownItems({
               (appliedValue) => appliedValue !== filter.value
             )
           ] : state.appliedValues ? [...state.appliedValues] : [];
-          setFilterStates((prevStates) => {
-            const newStates = __spreadValues({}, prevStates);
-            newStates[filter.accessorKey] = __spreadProps(__spreadValues({}, getDefaultFilterState(filter)), {
-              value: updatedAppliedValues.join(", "),
-              isApplied: true,
-              appliedValues: updatedAppliedValues
-            });
-            void handleApplyFilters(newStates, filterOptions, pageSize);
-            setShowFilterEditor(false);
-            return newStates;
-          });
+          applyFilterState(filter, __spreadProps(__spreadValues({}, getDefaultFilterState(filter)), {
+            value: updatedAppliedValues.join(", "),
+            isApplied: true,
+            appliedValues: updatedAppliedValues
+          }));
         } else if (filter.type === "currency" /* CURRENCY */) {
         } else if (filter.type === "date" /* DATE */) {
-          setFilterStates((prevStates) => {
-            const newStates = __spreadValues({}, prevStates);
-            newStates[filter.accessorKey] = __spreadProps(__spreadValues({}, getDefaultFilterState(filter)), {
-              preset: "Custom" /* Custom */,
-              start: null,
-              end: null,
-              isApplied: true
-            });
-            void handleApplyFilters(newStates, filterOptions, pageSize);
-            setShowFilterEditor(false);
-            return newStates;
-          });
+          applyFilterState(filter, __spreadProps(__spreadValues({}, getDefaultFilterState(filter)), {
+            preset: "Custom" /* Custom */,
+            start: null,
+            end: null,
+            isApplied: true
+          }));
         }
       },
       subDropdown: filterSubDropdownOptions.length > 0 ? {