@lightsparkdev/ui 1.0.14 → 1.0.16

package/dist/{chunk-JOUTS6XR.cjs → chunk-LEZKEM3W.cjs}

@@ -1,57 +1,62 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk3RNPU5L4cjs = require('./chunk-3RNPU5L4.cjs');
+var _chunkE7KJQVHIcjs = require('./chunk-E7KJQVHI.cjs');
 
 
 
 
-var _chunkDGFWQF4Mcjs = require('./chunk-DGFWQF4M.cjs');
+var _chunkV5S4YEWCcjs = require('./chunk-V5S4YEWC.cjs');
 
 
 
-var _chunkRHV7BUULcjs = require('./chunk-RHV7BUUL.cjs');
 
+var _chunkEXBPIQ7Ecjs = require('./chunk-EXBPIQ7E.cjs');
 
 
-var _chunkRFXYCZGKcjs = require('./chunk-RFXYCZGK.cjs');
+var _chunkH7F6GCBNcjs = require('./chunk-H7F6GCBN.cjs');
 
 
 
 
-var _chunkGPIFTFNZcjs = require('./chunk-GPIFTFNZ.cjs');
+var _chunk6JBRQSACcjs = require('./chunk-6JBRQSAC.cjs');
 
 
 
+var _chunkTFJSJF5Tcjs = require('./chunk-TFJSJF5T.cjs');
 
-var _chunkWLNH323Ocjs = require('./chunk-WLNH323O.cjs');
 
 
-var _chunkI4CYB34Ncjs = require('./chunk-I4CYB34N.cjs');
+var _chunkT4KB6SLYcjs = require('./chunk-T4KB6SLY.cjs');
 
 
-var _chunkHDFK3GS2cjs = require('./chunk-HDFK3GS2.cjs');
 
+var _chunkZL3BFUENcjs = require('./chunk-ZL3BFUEN.cjs');
 
-var _chunkEMR7MXGYcjs = require('./chunk-EMR7MXGY.cjs');
 
+var _chunkHRLEYHRQcjs = require('./chunk-HRLEYHRQ.cjs');
 
-var _chunkG6JGUH6Acjs = require('./chunk-G6JGUH6A.cjs');
 
+var _chunkGUOIFRKDcjs = require('./chunk-GUOIFRKD.cjs');
+
+
+var _chunk2V6UQOXNcjs = require('./chunk-2V6UQOXN.cjs');
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
+var _chunk73ASJLG3cjs = require('./chunk-73ASJLG3.cjs');
 
-var _chunkPRW5IDAHcjs = require('./chunk-PRW5IDAH.cjs');
+
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkDNZBIDU2cjs = require('./chunk-DNZBIDU2.cjs');
+var _chunkFMAUS34Lcjs = require('./chunk-FMAUS34L.cjs');
 
 
 
-var _chunkRSAWZM47cjs = require('./chunk-RSAWZM47.cjs');
+var _chunk2U6C2FAGcjs = require('./chunk-2U6C2FAG.cjs');
 
 
-var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
+var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
+
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -59,7 +64,7 @@ var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/DataManagerTable/DataManagerTable.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -68,15 +73,17 @@ var _jsxruntime = require('@emotion/react/jsx-runtime');
 function getDefaultFilterState(filter) {
   switch (filter.type) {
     case "date" /* DATE */:
-      return _chunkRFXYCZGKcjs.getDefaultDateFilterState.call(void 0, );
+      return _chunkZL3BFUENcjs.getDefaultDateFilterState.call(void 0, );
     case "enum" /* ENUM */:
-      return _chunkGPIFTFNZcjs.getDefaultEnumFilterState.call(void 0, );
+      return _chunkV5S4YEWCcjs.getDefaultEnumFilterState.call(void 0, );
     case "string" /* STRING */:
-      return _chunkDGFWQF4Mcjs.getDefaultStringFilterState.call(void 0, );
+      return _chunk6JBRQSACcjs.getDefaultStringFilterState.call(void 0, );
     case "id" /* ID */:
-      return _chunkWLNH323Ocjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
+      return _chunkEXBPIQ7Ecjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
     case "boolean" /* BOOLEAN */:
-      return _chunkRHV7BUULcjs.getDefaultBooleanFilterState.call(void 0, );
+      return _chunkTFJSJF5Tcjs.getDefaultBooleanFilterState.call(void 0, );
+    case "currency" /* CURRENCY */:
+      return _chunkT4KB6SLYcjs.getDefaultCurrencyFilterState.call(void 0, );
     default:
       throw new Error("Invalid filter type");
   }
@@ -84,14 +91,15 @@ function getDefaultFilterState(filter) {
 function initialFilterState(filters) {
   let state = {};
   filters.forEach((filter) => {
-    state = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
-      [filter.accessor]: getDefaultFilterState(filter)
+    state = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, state), {
+      [filter.accessorKey]: getDefaultFilterState(filter)
     });
   });
   return state;
 }
 function DataManagerTable(props) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
+  const breakPoint = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
   const [pageSize, setPageSize] = _react.useState.call(void 0, ((_a = props.pageSizes) == null ? void 0 : _a[0]) || 20);
   const [pageCursorState, setPageCursorState] = _react.useState.call(void 0, {
     startResult: void 0,
@@ -107,6 +115,7 @@ function DataManagerTable(props) {
   const [fetchVariables, setFetchVariables] = _react.useState.call(void 0, 
     ((_b = props.filterOptions) == null ? void 0 : _b.initialQueryVariables) || {}
   );
+  const isSm = breakPoint.isSm();
   _react.useEffect.call(void 0, () => {
     setIsLoading(Boolean(props.loading));
   }, [props.loading]);
@@ -118,7 +127,7 @@ function DataManagerTable(props) {
       pageCursorState.cursorCache[pageSize] || {}
     ).find(([_, cursor]) => cursor === props.nextPageCursor);
     if (cursorCacheResult) {
-      setPageCursorState((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+      setPageCursorState((prevState) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState), {
         startResult: parseInt(cursorCacheResult[0]),
         nextPageCursor: cursorCacheResult[1]
       }));
@@ -126,11 +135,11 @@ function DataManagerTable(props) {
       setPageCursorState((prevState) => {
         if (prevState.nextPageCursor === props.nextPageCursor) return prevState;
         const startResult = prevState.startResult === void 0 ? 1 : prevState.startResult + pageSize;
-        return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+        return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState), {
           startResult,
           nextPageCursor: props.nextPageCursor,
-          cursorCache: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState.cursorCache), {
-            [pageSize]: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState.cursorCache[pageSize]), {
+          cursorCache: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState.cursorCache), {
+            [pageSize]: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState.cursorCache[pageSize]), {
               [startResult]: props.nextPageCursor
             })
           })
@@ -140,15 +149,15 @@ function DataManagerTable(props) {
   }, [props.nextPageCursor, pageSize, pageCursorState.cursorCache]);
   function updateFilterState(filter) {
     return (state) => {
-      setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
-        [filter.accessor]: state
+      setFilterStates((prevState) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState), {
+        [filter.accessorKey]: state
       }));
     };
   }
-  const handleApplyFilters = (filterStates2, filterOptions, pageSize2) => _chunkYM5JDZDQcjs.__async.call(void 0, this, null, function* () {
-    var _a2, _b2, _c2, _d;
+  const handleApplyFilters = (filterStates2, filterOptions, pageSize2) => _chunkZ6EUSUADcjs.__async.call(void 0, this, null, function* () {
+    var _a2, _b2, _c2, _d2;
     const { filters: filters2, refetch, getFilterQueryVariables } = filterOptions;
-    const appliedFilterStates = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, filterStates2);
+    const appliedFilterStates = _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, filterStates2);
     const filterStatesArray = Object.values(appliedFilterStates);
     let isValid = true;
     for (let i = 0; i < filterStatesArray.length; i++) {
@@ -160,11 +169,11 @@ function DataManagerTable(props) {
           filter.isMulti
         );
         if (validResult) {
-          appliedFilterStates[filter.accessor] = validResult;
-          if (_chunkWLNH323Ocjs.isIdFilterState.call(void 0, filterState)) {
+          appliedFilterStates[filter.accessorKey] = validResult;
+          if (_chunkEXBPIQ7Ecjs.isIdFilterState.call(void 0, filterState)) {
             const appliedValues = validResult.appliedValues;
             const isApplied = !!(appliedValues == null ? void 0 : appliedValues.length);
-            updateFilterState(filter)(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessor]), {
+            updateFilterState(filter)(_chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessorKey]), {
               value: "",
               appliedValues: appliedValues ? [...appliedValues] : [],
               isApplied
@@ -178,14 +187,14 @@ function DataManagerTable(props) {
       }
     }
     if (!isValid) {
-      setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState));
+      setFilterStates((prevState) => _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState));
       return;
     }
     for (let i = 0; i < filterStatesArray.length; i++) {
       const filterState = filterStatesArray[i];
       if (!filterState.isApplied) continue;
       const filter = filters2[i];
-      if (_chunkDGFWQF4Mcjs.isStringFilterState.call(void 0, filterState)) {
+      if (_chunk6JBRQSACcjs.isStringFilterState.call(void 0, filterState)) {
         if (filterState.value) {
           const value = filterState.value;
           let updatedAppliedValues = [];
@@ -195,28 +204,28 @@ function DataManagerTable(props) {
             )) || [];
           }
           updatedAppliedValues.push(value);
-          const newFilterState = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessor]), {
+          const newFilterState = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessorKey]), {
             value: "",
             appliedValues: updatedAppliedValues,
             isApplied: !!updatedAppliedValues.length
           });
-          appliedFilterStates[filter.accessor] = newFilterState;
+          appliedFilterStates[filter.accessorKey] = newFilterState;
           updateFilterState(filter)(newFilterState);
         } else if (((_b2 = filterState.appliedValues) == null ? void 0 : _b2.length) === 0) {
-          updateFilterState(filter)(_chunkDGFWQF4Mcjs.getDefaultStringFilterState.call(void 0, ));
+          updateFilterState(filter)(_chunk6JBRQSACcjs.getDefaultStringFilterState.call(void 0, ));
           filterState.isApplied = false;
         }
-      } else if (_chunkGPIFTFNZcjs.isEnumFilterState.call(void 0, filterState)) {
+      } else if (_chunkV5S4YEWCcjs.isEnumFilterState.call(void 0, filterState)) {
         if (filterState.value) {
-          const newFilterState = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessor]), {
+          const newFilterState = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessorKey]), {
             value: "",
             appliedValues: filterState.appliedValues,
             isApplied: !!((_c2 = filterState.appliedValues) == null ? void 0 : _c2.length)
           });
-          appliedFilterStates[filter.accessor] = newFilterState;
+          appliedFilterStates[filter.accessorKey] = newFilterState;
           updateFilterState(filter)(newFilterState);
-        } else if (((_d = filterState.appliedValues) == null ? void 0 : _d.length) === 0) {
-          updateFilterState(filter)(_chunkDGFWQF4Mcjs.getDefaultStringFilterState.call(void 0, ));
+        } else if (((_d2 = filterState.appliedValues) == null ? void 0 : _d2.length) === 0) {
+          updateFilterState(filter)(_chunkV5S4YEWCcjs.getDefaultEnumFilterState.call(void 0, ));
           filterState.isApplied = false;
         }
       }
@@ -233,7 +242,7 @@ function DataManagerTable(props) {
       pageSize2
     );
     setFetchVariables(newFetchVariables);
-    setPageCursorState((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+    setPageCursorState((prevState) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState), {
       startResult: void 0
     }));
     try {
@@ -252,13 +261,13 @@ function DataManagerTable(props) {
       void handleApplyFilters(newFilterStates, props.filterOptions, pageSize);
     }
   };
-  const handleNext = () => _chunkYM5JDZDQcjs.__async.call(void 0, this, null, function* () {
+  const handleNext = () => _chunkZ6EUSUADcjs.__async.call(void 0, this, null, function* () {
     if (!props.filterOptions) {
       return;
     }
     const { refetch } = props.filterOptions;
     setIsLoading(true);
-    const newFetchVariables = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, fetchVariables), {
+    const newFetchVariables = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, fetchVariables), {
       after: pageCursorState === void 0 ? void 0 : pageCursorState.nextPageCursor
     });
     setFetchVariables(newFetchVariables);
@@ -270,13 +279,13 @@ function DataManagerTable(props) {
     }
     setIsLoading(false);
   });
-  const handlePrev = () => _chunkYM5JDZDQcjs.__async.call(void 0, this, null, function* () {
+  const handlePrev = () => _chunkZ6EUSUADcjs.__async.call(void 0, this, null, function* () {
     if (!props.filterOptions) {
       return;
     }
     const { refetch } = props.filterOptions;
     setIsLoading(true);
-    const newFetchVariables = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, fetchVariables), {
+    const newFetchVariables = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, fetchVariables), {
       after: pageCursorState.startResult ? pageCursorState.cursorCache[pageSize][pageCursorState.startResult - pageSize - pageSize] : void 0
     });
     setFetchVariables(newFetchVariables);
@@ -288,7 +297,7 @@ function DataManagerTable(props) {
     }
     setIsLoading(false);
   });
-  const handleChangePageSize = (size) => _chunkYM5JDZDQcjs.__async.call(void 0, this, null, function* () {
+  const handleChangePageSize = (size) => _chunkZ6EUSUADcjs.__async.call(void 0, this, null, function* () {
     setPageSize(size);
     if (props.showMoreOptions) {
       const { refetch, initialQueryVariables } = props.showMoreOptions;
@@ -302,7 +311,7 @@ function DataManagerTable(props) {
       } else {
         pageSizeQueryVariables = { first: size };
       }
-      const newFetchVariables = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, initialQueryVariables), pageSizeQueryVariables);
+      const newFetchVariables = _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, initialQueryVariables), pageSizeQueryVariables);
       setFetchVariables(newFetchVariables);
       try {
         yield refetch(newFetchVariables);
@@ -319,71 +328,84 @@ function DataManagerTable(props) {
     switch (filter.type) {
       case "date" /* DATE */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkRFXYCZGKcjs.DateFilter,
+          _chunkZL3BFUENcjs.DateFilter,
           {
             updateFilterState: (state) => {
-              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
-                [filter.accessor]: state
+              setFilterStates((prevState) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessorKey]: state
               }));
             },
-            state: filterStates[filter.accessor]
+            state: filterStates[filter.accessorKey]
           }
         ) }, filter.label);
       case "enum" /* ENUM */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkGPIFTFNZcjs.EnumFilter,
+          _chunkV5S4YEWCcjs.EnumFilter,
           {
             updateFilterState: (state) => {
-              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
-                [filter.accessor]: state
+              setFilterStates((prevState) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessorKey]: state
               }));
             },
             options: filter.enumValues,
             label: filter.label,
             placeholder: filter.placeholder,
-            state: filterStates[filter.accessor],
+            state: filterStates[filter.accessorKey],
             isMulti: filter.isMulti
           }
         ) }, filter.label);
       case "string" /* STRING */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkDGFWQF4Mcjs.StringFilter,
+          _chunk6JBRQSACcjs.StringFilter,
           {
             updateFilterState: (state) => {
-              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
-                [filter.accessor]: state
+              setFilterStates((prevState) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessorKey]: state
               }));
             },
             label: filter.label,
             placeholder: filter.placeholder,
-            state: filterStates[filter.accessor]
+            state: filterStates[filter.accessorKey]
           }
         ) }, filter.label);
       case "id" /* ID */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkWLNH323Ocjs.IdFilter,
+          _chunkEXBPIQ7Ecjs.IdFilter,
           {
             updateFilterState: (state) => {
-              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
-                [filter.accessor]: state
+              setFilterStates((prevState) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessorKey]: state
               }));
             },
             label: filter.label,
             placeholder: filter.placeholder,
-            state: filterStates[filter.accessor]
+            state: filterStates[filter.accessorKey]
           }
         ) }, filter.label);
       case "boolean" /* BOOLEAN */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkRHV7BUULcjs.BooleanFilter,
+          _chunkTFJSJF5Tcjs.BooleanFilter,
           {
             updateFilterState: (state) => {
-              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
-                [filter.accessor]: state
+              setFilterStates((prevState) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessorKey]: state
               }));
             },
             label: filter.label,
-            state: filterStates[filter.accessor]
+            state: filterStates[filter.accessorKey]
+          }
+        ) }, filter.label);
+      case "currency" /* CURRENCY */:
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkT4KB6SLYcjs.CurrencyFilter,
+          {
+            updateFilterState: (state) => {
+              setFilterStates((prevState) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessorKey]: state
+              }));
+            },
+            label: filter.label,
+            state: filterStates[filter.accessorKey]
           }
         ) }, filter.label);
       default:
@@ -391,20 +413,24 @@ function DataManagerTable(props) {
     }
   }) : [];
   let filters;
+  const isFilterButtonSmall = isSm && props.header;
   if (props.filterOptions) {
     filters = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableFilterContainer, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkRSAWZM47cjs.Button,
+        _chunk2U6C2FAGcjs.Button,
         {
-          text: `Filter${numFiltersApplied > 0 ? ` | ${numFiltersApplied}` : ""}`,
-          paddingY: "short",
-          icon: { name: "Sort" },
+          kind: isFilterButtonSmall ? "roundIcon" : "secondary",
+          text: !isFilterButtonSmall ? `Filter${numFiltersApplied > 0 ? ` | ${numFiltersApplied}` : ""}` : void 0,
+          size: "ExtraSmall",
+          icon: {
+            name: "Sort"
+          },
           typography: { color: "c6Neutral" },
           onClick: () => setShowFilterPopover(!showFilterPopover)
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkHDFK3GS2cjs.Popover,
+        _chunkH7F6GCBNcjs.Popover,
         {
           show: showFilterPopover,
           setShow: setShowFilterPopover,
@@ -423,7 +449,7 @@ function DataManagerTable(props) {
   let showMoreDropdown;
   if (((_c = props.pageSizes) == null ? void 0 : _c.length) > 1) {
     showMoreDropdown = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG6JGUH6Acjs.Dropdown,
+      _chunk2V6UQOXNcjs.Dropdown,
       {
         getCSS: ({ isOpen }) => ({
           height: "fit-content",
@@ -437,7 +463,7 @@ function DataManagerTable(props) {
             width: "100%"
           }),
           getContent: ({ isOpen }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkPRW5IDAHcjs.TextIconAligner,
+            _chunkFMAUS34Lcjs.TextIconAligner,
             {
               content: `Show ${pageSize} items`,
               typography: { size: "ExtraSmall" },
@@ -463,7 +489,7 @@ function DataManagerTable(props) {
   if (props.showMoreOptions) {
     footer = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkRSAWZM47cjs.Button,
+        _chunk2U6C2FAGcjs.Button,
         {
           text: "Show more",
           paddingY: "short",
@@ -478,12 +504,14 @@ function DataManagerTable(props) {
   } else if (props.resultCount) {
     const startResult = pageCursorState.startResult || 1;
     const endResult = Math.min(props.resultCount, startResult + pageSize - 1);
+    const isFullCount = (_d = props.isFullCount) != null ? _d : true;
+    const countString = isFullCount ? props.resultCount : props.resultCount + "+";
     const resultsString = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMR7MXGYcjs.Label, { children: "Viewing " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI4CYB34Ncjs.LabelModerate, { children: `${startResult}-${endResult}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMR7MXGYcjs.Label, { children: " of " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI4CYB34Ncjs.LabelModerate, { children: `${props.resultCount}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMR7MXGYcjs.Label, { children: " results" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGUOIFRKDcjs.Label, { children: "Viewing " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHRLEYHRQcjs.LabelModerate, { children: `${startResult}-${endResult}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGUOIFRKDcjs.Label, { children: " of " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHRLEYHRQcjs.LabelModerate, { children: `${countString}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGUOIFRKDcjs.Label, { children: " results" })
     ] });
     const hasNext = props.resultCount ? startResult + pageSize - 1 < props.resultCount : false;
     const hasPrev = startResult > 1;
@@ -493,7 +521,7 @@ function DataManagerTable(props) {
         showMoreDropdown,
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationButtonsContainer, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkRSAWZM47cjs.Button,
+            _chunk2U6C2FAGcjs.Button,
             {
               text: "Previous",
               paddingY: "short",
@@ -504,7 +532,7 @@ function DataManagerTable(props) {
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkRSAWZM47cjs.Button,
+            _chunk2U6C2FAGcjs.Button,
             {
               text: "Next",
               paddingY: "short",
@@ -519,36 +547,36 @@ function DataManagerTable(props) {
     ] });
   }
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    props.showHeader && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataManagerTableHeader, { children: filters }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3RNPU5L4cjs.Table, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { loading: isLoading })),
+    props.showHeader && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableHeader, { children: [
+      props.header,
+      filters
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE7KJQVHIcjs.Table, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { loading: isLoading })),
     footer
   ] });
   const isCardPage = typeof props.cardPage === "boolean" ? props.cardPage : true;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDataManagerTable, { children: isCardPage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDNZBIDU2cjs.CardPageFullWidth, { css: { marginTop: "24px" }, children: content }) : content });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDataManagerTable, { children: isCardPage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk73ASJLG3cjs.CardPageFullWidth, { css: { marginTop: "24px" }, children: content }) : content });
 }
 var StyledDataManagerTable = _styled2.default.div``;
 var commonPadding = `
   ${_chunkKW3JYLRIcjs.bp.lg(`
-  padding-left: ${_chunkRUDXRW4Rcjs.standardContentInset.lgPx}px;
-  padding-right: ${_chunkRUDXRW4Rcjs.standardContentInset.lgPx}px;
+  padding-left: ${_chunk2KKFVDUDcjs.standardContentInset.lgPx}px;
+  padding-right: ${_chunk2KKFVDUDcjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-  padding-left: ${_chunkRUDXRW4Rcjs.standardContentInset.smPx}px;
-  padding-right: ${_chunkRUDXRW4Rcjs.standardContentInset.smPx}px;
+  padding-left: ${_chunk2KKFVDUDcjs.standardContentInset.smPx}px;
+  padding-right: ${_chunk2KKFVDUDcjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-  padding-left: ${_chunkRUDXRW4Rcjs.standardContentInset.minSmMaxLgPx}px;
-  padding-right: ${_chunkRUDXRW4Rcjs.standardContentInset.minSmMaxLgPx}px;
+  padding-left: ${_chunk2KKFVDUDcjs.standardContentInset.minSmMaxLgPx}px;
+  padding-right: ${_chunk2KKFVDUDcjs.standardContentInset.minSmMaxLgPx}px;
   `)}
 `;
 var DataManagerTableHeader = _styled2.default.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-  justify-content: flex-end;
-  gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
   padding: ${_chunkZUAO4DW3cjs.Spacing.px.xs} 0;
-  ${commonPadding};
 `;
 var DataManagerTableFooter = _styled2.default.div`
   border-top: 1px solid ${({ theme }) => theme.c1Neutral};
@@ -561,7 +589,7 @@ var DataManagerTableFooter = _styled2.default.div`
   padding-top: ${_chunkZUAO4DW3cjs.Spacing.px.md};
   padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.md};
 
-  ${_chunkRSAWZM47cjs.StyledButton} {
+  ${_chunk2U6C2FAGcjs.StyledButton} {
     align-self: end;
   }
 `;
@@ -576,7 +604,16 @@ var PaginationButtonsContainer = _styled2.default.div`
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
 `;
 var DataManagerTableFilterContainer = _styled2.default.div`
-  position: relative;
+  position: absolute;
+  z-index: 3;
+  background: white;
+  right: 0;
+  background: linear-gradient(
+    to right,
+    rgba(255, 255, 255, 0) 0%,
+    rgba(255, 255, 255, 1) 15%
+  );
+  ${commonPadding}
 `;
 
 

package/dist/chunk-LIVX4NT2.js

@@ -0,0 +1,65 @@
+import {
+  parseAbbrValue
+} from "./chunk-PMVCK3WB.js";
+import {
+  removeInvalidChars
+} from "./chunk-J5JBFO7A.js";
+import {
+  removeSeparators
+} from "./chunk-QBRDZ3U5.js";
+import {
+  escapeRegExp
+} from "./chunk-NANOYEVH.js";
+
+// src/hooks/useNumberInput/utils/cleanValue.ts
+var cleanValue = ({
+  value,
+  groupSeparator = ",",
+  decimalSeparator = ".",
+  allowDecimals = true,
+  decimalsLimit = 2,
+  allowNegativeValue = true,
+  disableAbbreviations = false,
+  prefix = "",
+  transformRawValue = (rawValue) => rawValue
+}) => {
+  const transformedValue = transformRawValue(value);
+  if (transformedValue === "-") {
+    return transformedValue;
+  }
+  const abbreviations = disableAbbreviations ? [] : ["k", "m", "b"];
+  const reg = new RegExp(`((^|\\D)-\\d)|(-${escapeRegExp(prefix)})`);
+  const isNegative = reg.test(transformedValue);
+  const [prefixWithValue, preValue] = RegExp(`(\\d+)-?${escapeRegExp(prefix)}`).exec(value) || [];
+  const withoutPrefix = prefix ? prefixWithValue ? transformedValue.replace(prefixWithValue, "").concat(preValue) : transformedValue.replace(prefix, "") : transformedValue;
+  const withoutSeparators = removeSeparators(withoutPrefix, groupSeparator);
+  const withoutInvalidChars = removeInvalidChars(withoutSeparators, [
+    groupSeparator,
+    decimalSeparator,
+    ...abbreviations
+  ]);
+  let valueOnly = withoutInvalidChars;
+  if (!disableAbbreviations) {
+    if (abbreviations.some(
+      (letter) => letter === withoutInvalidChars.toLowerCase().replace(decimalSeparator, "")
+    )) {
+      return "";
+    }
+    const parsed = parseAbbrValue(withoutInvalidChars, decimalSeparator);
+    if (parsed) {
+      valueOnly = String(parsed);
+    }
+  }
+  const includeNegative = isNegative && allowNegativeValue ? "-" : "";
+  if (decimalSeparator && valueOnly.includes(decimalSeparator)) {
+    const [int, decimals] = withoutInvalidChars.split(decimalSeparator);
+    const trimmedDecimals = decimalsLimit && decimals ? decimals.slice(0, decimalsLimit) : decimals;
+    const includeDecimals = allowDecimals ? `${decimalSeparator}${trimmedDecimals}` : "";
+    return `${includeNegative}${int}${includeDecimals}`;
+  }
+  return `${includeNegative}${valueOnly}`;
+};
+
+export {
+  cleanValue
+};