@lightsparkdev/ui 1.1.15 → 1.1.17

package/dist/{chunk-E2PCB5EX.cjs → chunk-7PA6RU2J.cjs}

@@ -1,92 +1,92 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk4T3DUXQRcjs = require('./chunk-4T3DUXQR.cjs');
+var _chunkBCKK52YKcjs = require('./chunk-BCKK52YK.cjs');
 
 
-var _chunkBWAOJTO6cjs = require('./chunk-BWAOJTO6.cjs');
+var _chunkWP36V5ZFcjs = require('./chunk-WP36V5ZF.cjs');
 
 
-var _chunkO4VLH5EAcjs = require('./chunk-O4VLH5EA.cjs');
+var _chunkZFJD4ZEQcjs = require('./chunk-ZFJD4ZEQ.cjs');
 
 
 
 
-var _chunkFJVMFYT4cjs = require('./chunk-FJVMFYT4.cjs');
+var _chunkBFU2ZFVBcjs = require('./chunk-BFU2ZFVB.cjs');
 
 
 
-var _chunkGKGQJZEPcjs = require('./chunk-GKGQJZEP.cjs');
 
+var _chunkYKQHWI5Zcjs = require('./chunk-YKQHWI5Z.cjs');
 
 
-var _chunk5XEX5L2Gcjs = require('./chunk-5XEX5L2G.cjs');
 
+var _chunkQOIHLOYAcjs = require('./chunk-QOIHLOYA.cjs');
 
 
 
-var _chunkH6WE3EBUcjs = require('./chunk-H6WE3EBU.cjs');
+var _chunkCBYQ32BMcjs = require('./chunk-CBYQ32BM.cjs');
 
 
 
+var _chunkZURWWUC4cjs = require('./chunk-ZURWWUC4.cjs');
 
-var _chunkBJOQU4YRcjs = require('./chunk-BJOQU4YR.cjs');
 
 
 
-var _chunkIL2IP5BNcjs = require('./chunk-IL2IP5BN.cjs');
+var _chunkBE7T24POcjs = require('./chunk-BE7T24PO.cjs');
 
 
-var _chunkNSD4GFTYcjs = require('./chunk-NSD4GFTY.cjs');
+var _chunkBYDL5MCYcjs = require('./chunk-BYDL5MCY.cjs');
 
 
-var _chunkYUURHUIRcjs = require('./chunk-YUURHUIR.cjs');
+var _chunkJSTLSJH4cjs = require('./chunk-JSTLSJH4.cjs');
 
 
-var _chunkFV26RUHPcjs = require('./chunk-FV26RUHP.cjs');
+var _chunkDBKXHGJDcjs = require('./chunk-DBKXHGJD.cjs');
 
 
-var _chunkOPM7ZYLAcjs = require('./chunk-OPM7ZYLA.cjs');
+var _chunkVASSEH55cjs = require('./chunk-VASSEH55.cjs');
 
 
 var _chunkEZUXCJOHcjs = require('./chunk-EZUXCJOH.cjs');
 
 
-var _chunkDUK7NCDVcjs = require('./chunk-DUK7NCDV.cjs');
+var _chunkNUECEPL5cjs = require('./chunk-NUECEPL5.cjs');
 
 
-var _chunkX6Y3L3FKcjs = require('./chunk-X6Y3L3FK.cjs');
+var _chunkOTCSRVNVcjs = require('./chunk-OTCSRVNV.cjs');
 
 
+var _chunk5RRDZUYNcjs = require('./chunk-5RRDZUYN.cjs');
 
-var _chunkBCJWY2ZAcjs = require('./chunk-BCJWY2ZA.cjs');
 
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkGJ4EVX5Ncjs = require('./chunk-GJ4EVX5N.cjs');
 
 
-var _chunkPTC3NGRDcjs = require('./chunk-PTC3NGRD.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 
 
-var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
 
 
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
+var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
 
 
 
@@ -107,17 +107,17 @@ var _jsxruntime = require('@emotion/react/jsx-runtime');
 function getDefaultFilterState(filter) {
   switch (filter.type) {
     case "date" /* DATE */:
-      return _chunk5XEX5L2Gcjs.getDefaultDateFilterState.call(void 0, );
+      return _chunkZURWWUC4cjs.getDefaultDateFilterState.call(void 0, );
     case "enum" /* ENUM */:
-      return _chunkH6WE3EBUcjs.getDefaultEnumFilterState.call(void 0, );
+      return _chunkBE7T24POcjs.getDefaultEnumFilterState.call(void 0, );
     case "string" /* STRING */:
-      return _chunkFJVMFYT4cjs.getDefaultStringFilterState.call(void 0, );
+      return _chunkYKQHWI5Zcjs.getDefaultStringFilterState.call(void 0, );
     case "id" /* ID */:
-      return _chunkBJOQU4YRcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
+      return _chunkBFU2ZFVBcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
     case "boolean" /* BOOLEAN */:
-      return _chunkIL2IP5BNcjs.getDefaultBooleanFilterState.call(void 0, );
+      return _chunkQOIHLOYAcjs.getDefaultBooleanFilterState.call(void 0, );
     case "currency" /* CURRENCY */:
-      return _chunkGKGQJZEPcjs.getDefaultCurrencyFilterState.call(void 0, );
+      return _chunkCBYQ32BMcjs.getDefaultCurrencyFilterState.call(void 0, );
     default:
       throw new Error("Invalid filter type");
   }
@@ -279,7 +279,7 @@ function DataManagerTable(props) {
   const [fetchVariables, setFetchVariables] = _react.useState.call(void 0, 
     ((_d = props.filterOptions) == null ? void 0 : _d.initialQueryVariables) || {}
   );
-  const DropdownComponent = ((_e = props.customComponents) == null ? void 0 : _e.dropdownComponent) || _chunkOPM7ZYLAcjs.Dropdown;
+  const DropdownComponent = ((_e = props.customComponents) == null ? void 0 : _e.dropdownComponent) || _chunkVASSEH55cjs.Dropdown;
   const isSm = breakPoint.isSm();
   _react.useEffect.call(void 0, () => {
     setIsLoading(Boolean(props.loading));
@@ -376,7 +376,7 @@ function DataManagerTable(props) {
         );
         if (validResult) {
           appliedFilterStates[filter.accessorKey] = validResult;
-          if (_chunkBJOQU4YRcjs.isIdFilterState.call(void 0, filterState)) {
+          if (_chunkBFU2ZFVBcjs.isIdFilterState.call(void 0, filterState)) {
             const appliedValues = validResult.appliedValues;
             updateFilterState(filter)(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessorKey]), {
               value: "",
@@ -397,7 +397,7 @@ function DataManagerTable(props) {
       const filterState = filterStatesArray[i];
       if (!filterState.isApplied) continue;
       const filter = filters2[i];
-      if (_chunkFJVMFYT4cjs.isStringFilterState.call(void 0, filterState)) {
+      if (_chunkYKQHWI5Zcjs.isStringFilterState.call(void 0, filterState)) {
         if (filterState.value) {
           const value = filterState.value;
           let updatedAppliedValues = [];
@@ -414,7 +414,7 @@ function DataManagerTable(props) {
           appliedFilterStates[filter.accessorKey] = newFilterState;
           updateFilterState(filter)(newFilterState);
         }
-      } else if (_chunkH6WE3EBUcjs.isEnumFilterState.call(void 0, filterState)) {
+      } else if (_chunkBE7T24POcjs.isEnumFilterState.call(void 0, filterState)) {
         if (filterState.value) {
           const newFilterState = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessorKey]), {
             value: "",
@@ -549,29 +549,33 @@ function DataManagerTable(props) {
       void handleApplyFilters(filterStates, props.filterOptions, size);
     }
   });
+  const createFilterStateUpdater = (filter) => (state) => {
+    var _a2, _b2;
+    setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, 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__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk5XEX5L2Gcjs.DateFilter,
+          _chunkZURWWUC4cjs.DateFilter,
           {
-            updateFilterState: (state) => {
-              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
-                [filter.accessorKey]: state
-              }));
-            },
+            updateFilterState: createFilterStateUpdater(filter),
             state: filterStates[filter.accessorKey]
           }
         ) }, filter.label);
       case "enum" /* ENUM */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkH6WE3EBUcjs.EnumFilter,
+          _chunkBE7T24POcjs.EnumFilter,
           {
-            updateFilterState: (state) => {
-              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
-                [filter.accessorKey]: state
-              }));
-            },
+            updateFilterState: createFilterStateUpdater(filter),
             options: filter.enumValues,
             label: filter.label,
             placeholder: filter.placeholder,
@@ -581,13 +585,9 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "string" /* STRING */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkFJVMFYT4cjs.StringFilter,
+          _chunkYKQHWI5Zcjs.StringFilter,
           {
-            updateFilterState: (state) => {
-              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
-                [filter.accessorKey]: state
-              }));
-            },
+            updateFilterState: createFilterStateUpdater(filter),
             label: filter.label,
             placeholder: filter.placeholder,
             state: filterStates[filter.accessorKey]
@@ -595,13 +595,9 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "id" /* ID */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBJOQU4YRcjs.IdFilter,
+          _chunkBFU2ZFVBcjs.IdFilter,
           {
-            updateFilterState: (state) => {
-              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
-                [filter.accessorKey]: state
-              }));
-            },
+            updateFilterState: createFilterStateUpdater(filter),
             label: filter.label,
             placeholder: filter.placeholder,
             state: filterStates[filter.accessorKey]
@@ -609,26 +605,18 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "boolean" /* BOOLEAN */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkIL2IP5BNcjs.BooleanFilter,
+          _chunkQOIHLOYAcjs.BooleanFilter,
           {
-            updateFilterState: (state) => {
-              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
-                [filter.accessorKey]: state
-              }));
-            },
+            updateFilterState: createFilterStateUpdater(filter),
             label: filter.label,
             state: filterStates[filter.accessorKey]
           }
         ) }, filter.label);
       case "currency" /* CURRENCY */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkGKGQJZEPcjs.CurrencyFilter,
+          _chunkCBYQ32BMcjs.CurrencyFilter,
           {
-            updateFilterState: (state) => {
-              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
-                [filter.accessorKey]: state
-              }));
-            },
+            updateFilterState: createFilterStateUpdater(filter),
             label: filter.label,
             state: filterStates[filter.accessorKey]
           }
@@ -654,10 +642,10 @@ function DataManagerTable(props) {
       children: [
         filterSections,
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContentFooter, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBCJWY2ZAcjs.Button, { text: "Clear", onClick: handleClearFilters }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGJ4EVX5Ncjs.Button, { text: "Clear", onClick: handleClearFilters }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContentFooterRight, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBCJWY2ZAcjs.Button, { text: "Cancel", onClick: () => setShowFilterEditor(false) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBCJWY2ZAcjs.Button, { text: "Apply", kind: "primary", onClick: onApply })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGJ4EVX5Ncjs.Button, { text: "Cancel", onClick: () => setShowFilterEditor(false) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGJ4EVX5Ncjs.Button, { text: "Apply", kind: "primary", onClick: onApply })
           ] })
         ] })
       ]
@@ -676,13 +664,13 @@ function DataManagerTable(props) {
     const FilterContainerComponent = ((_f = props.customComponents) == null ? void 0 : _f.filterContainerComponent) || DataManagerTableFilterContainer;
     const defaultFilterContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: isSm ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBCJWY2ZAcjs.Button,
+        _chunkGJ4EVX5Ncjs.Button,
         _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonButtonProps), props.filterButtonProps), {
           onClick: () => setShowFilterEditor(!showFilterEditor)
         })
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkFV26RUHPcjs.Modal,
+        _chunkDBKXHGJDcjs.Modal,
         {
           visible: showFilterEditor,
           onClose: () => setShowFilterEditor(false),
@@ -713,7 +701,7 @@ function DataManagerTable(props) {
     }).map((filter) => {
       var _a2, _b2, _c2;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBWAOJTO6cjs.PillFilter,
+        _chunkWP36V5ZFcjs.PillFilter,
         {
           filter,
           state: filterStates[filter.accessorKey],
@@ -736,8 +724,21 @@ function DataManagerTable(props) {
           },
           onUpdateFilter: (newFilterState) => {
             setFilterStates((prevStates) => {
-              const newStates = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevStates);
+              var _a3, _b3;
+              let newStates = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, 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: () => {
@@ -783,7 +785,7 @@ function DataManagerTable(props) {
         )
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEZUXCJOHcjs.Flex, { children: numFiltersApplied > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBCJWY2ZAcjs.Button,
+        _chunkGJ4EVX5Ncjs.Button,
         _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonButtonProps), props.filterButtonProps), {
           icon: {
             name: "CentralCrossSmall",
@@ -810,7 +812,7 @@ function DataManagerTable(props) {
   let showMoreDropdown;
   if (((_h = props.pageSizes) == null ? void 0 : _h.length) > 1) {
     showMoreDropdown = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOPM7ZYLAcjs.Dropdown,
+      _chunkVASSEH55cjs.Dropdown,
       {
         align: "right",
         verticalPlacement: "top",
@@ -826,7 +828,7 @@ function DataManagerTable(props) {
             width: "100%"
           }),
           getContent: ({ isOpen }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkPTC3NGRDcjs.TextIconAligner,
+            _chunkNUECEPL5cjs.TextIconAligner,
             {
               content: pageSizeString.replace("{pageSize}", `${pageSize}`),
               typography: { size: "ExtraSmall" },
@@ -853,7 +855,7 @@ function DataManagerTable(props) {
     if (props.showMoreOptions) {
       footer = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableFooter, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBCJWY2ZAcjs.Button,
+          _chunkGJ4EVX5Ncjs.Button,
           {
             text: "Show more",
             paddingY: "short",
@@ -871,11 +873,11 @@ function DataManagerTable(props) {
       const isFullCount = (_i = props.isFullCount) != null ? _i : true;
       const countString = isFullCount ? props.resultCount : props.resultCount + "+";
       const resultsString = ((_j = props.paginationDisplayOptions) == null ? void 0 : _j.showPageNumberButtons) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYUURHUIRcjs.Label, { children: "Viewing " }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNSD4GFTYcjs.LabelModerate, { children: `${startResult}-${endResult}` }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYUURHUIRcjs.Label, { children: " of " }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNSD4GFTYcjs.LabelModerate, { children: `${countString}` }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYUURHUIRcjs.Label, { children: " results" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJSTLSJH4cjs.Label, { children: "Viewing " }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBYDL5MCYcjs.LabelModerate, { children: `${startResult}-${endResult}` }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJSTLSJH4cjs.Label, { children: " of " }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBYDL5MCYcjs.LabelModerate, { children: `${countString}` }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJSTLSJH4cjs.Label, { children: " results" })
       ] });
       const hasNext = props.resultCount ? startResult + pageSize - 1 < props.resultCount : false;
       const hasPrev = startResult > 1;
@@ -885,7 +887,7 @@ function DataManagerTable(props) {
       );
       const pageNumberButtons = ((_k = props.paginationDisplayOptions) == null ? void 0 : _k.showPageNumberButtons) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageNumberPaginationButtonsContainer, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBCJWY2ZAcjs.Button,
+          _chunkGJ4EVX5Ncjs.Button,
           {
             icon: {
               name: "CentralChevronLeftSmall",
@@ -903,12 +905,12 @@ function DataManagerTable(props) {
           {
             onClick: () => void handleChangePage(pageNumber + 1),
             isCurrentPage: currentPage === pageNumber + 1,
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkO4VLH5EAcjs.Body, { content: `${pageNumber + 1}` })
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJD4ZEQcjs.Body, { content: `${pageNumber + 1}` })
           },
           pageNumber
         )),
         pageNumbers.length >= 4 && currentPage - 2 > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkMLMYJBDVcjs.Icon,
+          _chunkDSTWBIG7cjs.Icon,
           {
             name: "CentralDotGrid1x3Horizontal",
             width: 18,
@@ -922,12 +924,12 @@ function DataManagerTable(props) {
           {
             isCurrentPage: true,
             onClick: () => void handleChangePage(currentPage),
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkO4VLH5EAcjs.Body, { content: `${currentPage}` })
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJD4ZEQcjs.Body, { content: `${currentPage}` })
           },
           currentPage
         ),
         pageNumbers.length >= 4 && currentPage + 1 < pageNumbers.length && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkMLMYJBDVcjs.Icon,
+          _chunkDSTWBIG7cjs.Icon,
           {
             name: "CentralDotGrid1x3Horizontal",
             width: 18,
@@ -941,12 +943,12 @@ function DataManagerTable(props) {
           {
             isCurrentPage: currentPage === pageNumbers.length,
             onClick: () => void handleChangePage(pageNumbers.length),
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkO4VLH5EAcjs.Body, { content: `${pageNumbers.length}` })
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJD4ZEQcjs.Body, { content: `${pageNumbers.length}` })
           },
           pageNumbers.length
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBCJWY2ZAcjs.Button,
+          _chunkGJ4EVX5Ncjs.Button,
           {
             icon: {
               name: "CentralChevronRightSmall",
@@ -967,7 +969,7 @@ function DataManagerTable(props) {
           showMoreDropdown,
           showPaginationPreviousNext && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationButtonsContainer, { children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkBCJWY2ZAcjs.Button,
+              _chunkGJ4EVX5Ncjs.Button,
               {
                 text: "Previous",
                 paddingY: "short",
@@ -978,7 +980,7 @@ function DataManagerTable(props) {
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkBCJWY2ZAcjs.Button,
+              _chunkGJ4EVX5Ncjs.Button,
               {
                 text: "Next",
                 paddingY: "short",
@@ -999,10 +1001,10 @@ function DataManagerTable(props) {
       props.header,
       filters
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4T3DUXQRcjs.Table, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { loading: isLoading })),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBCKK52YKcjs.Table, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { loading: isLoading })),
     footer
   ] });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDataManagerTable, { fullHeight: props.fullHeight, children: isCardPageFullWidth ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDUK7NCDVcjs.CardPageFullWidth, { css: { marginTop: `${cardPageMt}px` }, children: content }) : content });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDataManagerTable, { fullHeight: props.fullHeight, children: isCardPageFullWidth ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOTCSRVNVcjs.CardPageFullWidth, { css: { marginTop: `${cardPageMt}px` }, children: content }) : content });
 }
 function getPillDropdownItems({
   filterOptions,
@@ -1011,8 +1013,25 @@ function getPillDropdownItems({
   handleApplyFilters,
   pageSize,
   setShowFilterEditor,
-  customDropdownComponent
+  customDropdownComponent,
+  onFilterStateChange
 }) {
+  const applyFilterState = (filter, newFilterState) => {
+    setFilterStates((prevStates) => {
+      let newStates = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, 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 = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevStates);
-            newStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, getDefaultFilterState(filter)), {
-              value: updatedAppliedValues.join(", "),
-              isApplied: true,
-              appliedValues: updatedAppliedValues
-            });
-            void handleApplyFilters(newStates, filterOptions, pageSize);
-            setShowFilterEditor(false);
-            return newStates;
-          });
+          applyFilterState(filter, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, 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 = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevStates);
-            newStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, getDefaultFilterState(filter)), {
-              value: updatedAppliedValues.join(", "),
-              isApplied: true,
-              appliedValues: updatedAppliedValues
-            });
-            void handleApplyFilters(newStates, filterOptions, pageSize);
-            setShowFilterEditor(false);
-            return newStates;
-          });
+          applyFilterState(filter, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, getDefaultFilterState(filter)), {
+            value: updatedAppliedValues.join(", "),
+            isApplied: true,
+            appliedValues: updatedAppliedValues
+          }));
         } else if (filter.type === "boolean" /* BOOLEAN */) {
-          setFilterStates((prevStates) => {
-            const newStates = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevStates);
-            newStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, getDefaultFilterState(filter)), {
-              value: filter.value,
-              isApplied: true
-            });
-            void handleApplyFilters(newStates, filterOptions, pageSize);
-            setShowFilterEditor(false);
-            return newStates;
-          });
+          applyFilterState(filter, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, 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 = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevStates);
-            newStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, getDefaultFilterState(filter)), {
-              value: updatedAppliedValues.join(", "),
-              isApplied: true,
-              appliedValues: updatedAppliedValues
-            });
-            void handleApplyFilters(newStates, filterOptions, pageSize);
-            setShowFilterEditor(false);
-            return newStates;
-          });
+          applyFilterState(filter, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, 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 = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevStates);
-            newStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, getDefaultFilterState(filter)), {
-              preset: "Custom" /* Custom */,
-              start: null,
-              end: null,
-              isApplied: true
-            });
-            void handleApplyFilters(newStates, filterOptions, pageSize);
-            setShowFilterEditor(false);
-            return newStates;
-          });
+          applyFilterState(filter, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, getDefaultFilterState(filter)), {
+            preset: "Custom" /* Custom */,
+            start: null,
+            end: null,
+            isApplied: true
+          }));
         }
       },
       subDropdown: filterSubDropdownOptions.length > 0 ? {
@@ -1140,16 +1129,16 @@ var StyledDataManagerTable = _styled2.default.div`
 `;
 var commonPadding = `
   ${_chunkKW3JYLRIcjs.bp.lg(`
-  padding-left: ${_chunkQ3N3HXJAcjs.standardContentInset.lgPx}px;
-  padding-right: ${_chunkQ3N3HXJAcjs.standardContentInset.lgPx}px;
+  padding-left: ${_chunkGSQGDJAVcjs.standardContentInset.lgPx}px;
+  padding-right: ${_chunkGSQGDJAVcjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-  padding-left: ${_chunkQ3N3HXJAcjs.standardContentInset.smPx}px;
-  padding-right: ${_chunkQ3N3HXJAcjs.standardContentInset.smPx}px;
+  padding-left: ${_chunkGSQGDJAVcjs.standardContentInset.smPx}px;
+  padding-right: ${_chunkGSQGDJAVcjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-  padding-left: ${_chunkQ3N3HXJAcjs.standardContentInset.minSmMaxLgPx}px;
-  padding-right: ${_chunkQ3N3HXJAcjs.standardContentInset.minSmMaxLgPx}px;
+  padding-left: ${_chunkGSQGDJAVcjs.standardContentInset.minSmMaxLgPx}px;
+  padding-right: ${_chunkGSQGDJAVcjs.standardContentInset.minSmMaxLgPx}px;
   `)}
 `;
 var DataManagerTableHeader = _styled2.default.div`
@@ -1170,7 +1159,7 @@ var DataManagerTableFooter = _styled2.default.div`
   padding-top: ${_chunkZUAO4DW3cjs.Spacing.px.md};
   padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.md};
 
-  ${_chunkBCJWY2ZAcjs.StyledButton} {
+  ${_chunkGJ4EVX5Ncjs.StyledButton} {
     align-self: end;
   }
 `;
@@ -1197,29 +1186,29 @@ var PageNumberButton = _styled2.default.button`
   height: 32px;
   padding: 0;
   cursor: pointer;
-  ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 8)}
   border: none;
   background-color: transparent;
   &:hover {
-    background-color: ${_chunkJFPLNGMQcjs.colors["black-04"]};
+    background-color: ${_chunkWRQU4F3Ncjs.colors["black-04"]};
   }
   &:active {
-    background-color: ${_chunkJFPLNGMQcjs.colors["black-10"]};
+    background-color: ${_chunkWRQU4F3Ncjs.colors["black-10"]};
   }
   ${({ isCurrentPage }) => isCurrentPage ? `
-      border: 0.5px solid ${_chunkJFPLNGMQcjs.colors["black-10"]};
+      border: 0.5px solid ${_chunkWRQU4F3Ncjs.colors["black-10"]};
     ` : ""}
 `;
 var DataManagerTableFilterContainer = _styled2.default.div`
   position: absolute;
   z-index: 3;
   right: 0;
-  ${_chunkX6Y3L3FKcjs.StyledButtonRow} + & {
+  ${_chunk5RRDZUYNcjs.StyledButtonRow} + & {
     background: linear-gradient(
       to right,
-      ${({ theme }) => _chunkRONHCMPDcjs.themeOr.call(void 0, "rgba(0, 0, 0, 0)", "rgba(0, 0, 0, 0)")({ theme })}
+      ${({ theme }) => _chunkWZIDVP2Ucjs.themeOr.call(void 0, "rgba(0, 0, 0, 0)", "rgba(0, 0, 0, 0)")({ theme })}
         0%,
-      ${({ theme }) => _chunkRONHCMPDcjs.getColor.call(void 0, theme, "bg")} 15%
+      ${({ theme }) => _chunkWZIDVP2Ucjs.getColor.call(void 0, theme, "bg")} 15%
     );
   }
   ${commonPadding}
@@ -1228,8 +1217,8 @@ var FilterDropdownContent = _styled2.default.div`
   width: 400px;
   background: ${({ theme }) => theme.bg};
   border: 0.5px solid
-    ${({ theme }) => _chunkRONHCMPDcjs.themeOrWithKey.call(void 0, "c1Neutral", "c4Neutral")({ theme })};
-  ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 12)}
+    ${({ theme }) => _chunkWZIDVP2Ucjs.themeOrWithKey.call(void 0, "c1Neutral", "c4Neutral")({ theme })};
+  ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 12)}
   box-shadow:
     0px 1px 4px 0px rgba(0, 0, 0, 0.1),
     0px 4px 8px 0px rgba(0, 0, 0, 0.08);