@lightsparkdev/ui 1.0.13 → 1.0.15

package/dist/{chunk-RYIQQF2Z.cjs → chunk-RYLPAREB.cjs}

@@ -1,57 +1,62 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkLL5ZCL4Xcjs = require('./chunk-LL5ZCL4X.cjs');
+var _chunkLLRMYTGLcjs = require('./chunk-LLRMYTGL.cjs');
 
 
 
 
-var _chunkMHSHKH3Tcjs = require('./chunk-MHSHKH3T.cjs');
+var _chunkXWLYOHDHcjs = require('./chunk-XWLYOHDH.cjs');
 
 
+var _chunkAHQFD335cjs = require('./chunk-AHQFD335.cjs');
 
-var _chunkPW7AWJZScjs = require('./chunk-PW7AWJZS.cjs');
 
 
 
-var _chunkKPH4MQZBcjs = require('./chunk-KPH4MQZB.cjs');
+var _chunk4DHDY73Ecjs = require('./chunk-4DHDY73E.cjs');
 
 
 
+var _chunk37XSEJCZcjs = require('./chunk-37XSEJCZ.cjs');
 
-var _chunkR2WLCBD4cjs = require('./chunk-R2WLCBD4.cjs');
 
 
+var _chunkEWZL5YWNcjs = require('./chunk-EWZL5YWN.cjs');
 
 
-var _chunkGWXXKISUcjs = require('./chunk-GWXXKISU.cjs');
 
+var _chunkMSMZV4YOcjs = require('./chunk-MSMZV4YO.cjs');
 
-var _chunkGQDEEKCTcjs = require('./chunk-GQDEEKCT.cjs');
 
 
-var _chunkQBZGXSXIcjs = require('./chunk-QBZGXSXI.cjs');
 
+var _chunkPSMRR523cjs = require('./chunk-PSMRR523.cjs');
 
-var _chunkMABO6YJKcjs = require('./chunk-MABO6YJK.cjs');
 
+var _chunkGSJPWD4Acjs = require('./chunk-GSJPWD4A.cjs');
 
-var _chunkUA2GWYSCcjs = require('./chunk-UA2GWYSC.cjs');
 
+var _chunk33LTOBGWcjs = require('./chunk-33LTOBGW.cjs');
+
+
+var _chunkYFYQUHZMcjs = require('./chunk-YFYQUHZM.cjs');
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
+var _chunkWO2JRMIQcjs = require('./chunk-WO2JRMIQ.cjs');
 
-var _chunkILX4T6XZcjs = require('./chunk-ILX4T6XZ.cjs');
+
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkMO5VOH3Wcjs = require('./chunk-MO5VOH3W.cjs');
+var _chunkOXJLUJ7Zcjs = require('./chunk-OXJLUJ7Z.cjs');
 
 
 
-var _chunkQ2CWG22Bcjs = require('./chunk-Q2CWG22B.cjs');
+var _chunkVXRUJP4Qcjs = require('./chunk-VXRUJP4Q.cjs');
 
 
-var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
+var _chunk4GO7VWXEcjs = require('./chunk-4GO7VWXE.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 _chunkKPH4MQZBcjs.getDefaultDateFilterState.call(void 0, );
+      return _chunkMSMZV4YOcjs.getDefaultDateFilterState.call(void 0, );
     case "enum" /* ENUM */:
-      return _chunkR2WLCBD4cjs.getDefaultEnumFilterState.call(void 0, );
+      return _chunkPSMRR523cjs.getDefaultEnumFilterState.call(void 0, );
     case "string" /* STRING */:
-      return _chunkMHSHKH3Tcjs.getDefaultStringFilterState.call(void 0, );
+      return _chunk4DHDY73Ecjs.getDefaultStringFilterState.call(void 0, );
     case "id" /* ID */:
-      return _chunkGWXXKISUcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
+      return _chunkXWLYOHDHcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
     case "boolean" /* BOOLEAN */:
-      return _chunkPW7AWJZScjs.getDefaultBooleanFilterState.call(void 0, );
+      return _chunk37XSEJCZcjs.getDefaultBooleanFilterState.call(void 0, );
+    case "currency" /* CURRENCY */:
+      return _chunkEWZL5YWNcjs.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 (_chunkGWXXKISUcjs.isIdFilterState.call(void 0, filterState)) {
+          appliedFilterStates[filter.accessorKey] = validResult;
+          if (_chunkXWLYOHDHcjs.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 (_chunkMHSHKH3Tcjs.isStringFilterState.call(void 0, filterState)) {
+      if (_chunk4DHDY73Ecjs.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)(_chunkMHSHKH3Tcjs.getDefaultStringFilterState.call(void 0, ));
+          updateFilterState(filter)(_chunk4DHDY73Ecjs.getDefaultStringFilterState.call(void 0, ));
           filterState.isApplied = false;
         }
-      } else if (_chunkR2WLCBD4cjs.isEnumFilterState.call(void 0, filterState)) {
+      } else if (_chunkPSMRR523cjs.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)(_chunkMHSHKH3Tcjs.getDefaultStringFilterState.call(void 0, ));
+        } else if (((_d2 = filterState.appliedValues) == null ? void 0 : _d2.length) === 0) {
+          updateFilterState(filter)(_chunkPSMRR523cjs.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, 
-          _chunkKPH4MQZBcjs.DateFilter,
+          _chunkMSMZV4YOcjs.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, 
-          _chunkR2WLCBD4cjs.EnumFilter,
+          _chunkPSMRR523cjs.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, 
-          _chunkMHSHKH3Tcjs.StringFilter,
+          _chunk4DHDY73Ecjs.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, 
-          _chunkGWXXKISUcjs.IdFilter,
+          _chunkXWLYOHDHcjs.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, 
-          _chunkPW7AWJZScjs.BooleanFilter,
+          _chunk37XSEJCZcjs.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, 
+          _chunkEWZL5YWNcjs.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, 
-        _chunkQ2CWG22Bcjs.Button,
+        _chunkVXRUJP4Qcjs.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, 
-        _chunkQBZGXSXIcjs.Popover,
+        _chunkAHQFD335cjs.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, 
-      _chunkUA2GWYSCcjs.Dropdown,
+      _chunkYFYQUHZMcjs.Dropdown,
       {
         getCSS: ({ isOpen }) => ({
           height: "fit-content",
@@ -437,7 +463,7 @@ function DataManagerTable(props) {
             width: "100%"
           }),
           getContent: ({ isOpen }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkILX4T6XZcjs.TextIconAligner,
+            _chunkOXJLUJ7Zcjs.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, 
-        _chunkQ2CWG22Bcjs.Button,
+        _chunkVXRUJP4Qcjs.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, _chunkMABO6YJKcjs.Label, { children: "Viewing " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGQDEEKCTcjs.LabelModerate, { children: `${startResult}-${endResult}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMABO6YJKcjs.Label, { children: " of " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGQDEEKCTcjs.LabelModerate, { children: `${props.resultCount}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMABO6YJKcjs.Label, { children: " results" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk33LTOBGWcjs.Label, { children: "Viewing " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSJPWD4Acjs.LabelModerate, { children: `${startResult}-${endResult}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk33LTOBGWcjs.Label, { children: " of " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSJPWD4Acjs.LabelModerate, { children: `${countString}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk33LTOBGWcjs.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, 
-            _chunkQ2CWG22Bcjs.Button,
+            _chunkVXRUJP4Qcjs.Button,
             {
               text: "Previous",
               paddingY: "short",
@@ -504,7 +532,7 @@ function DataManagerTable(props) {
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkQ2CWG22Bcjs.Button,
+            _chunkVXRUJP4Qcjs.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, _chunkLL5ZCL4Xcjs.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, _chunkLLRMYTGLcjs.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, _chunkMO5VOH3Wcjs.CardPageFullWidth, { css: { marginTop: "24px" }, children: content }) : content });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDataManagerTable, { children: isCardPage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWO2JRMIQcjs.CardPageFullWidth, { css: { marginTop: "24px" }, children: content }) : content });
 }
 var StyledDataManagerTable = _styled2.default.div``;
 var commonPadding = `
   ${_chunkKW3JYLRIcjs.bp.lg(`
-  padding-left: ${_chunkD262WAOVcjs.standardContentInset.lgPx}px;
-  padding-right: ${_chunkD262WAOVcjs.standardContentInset.lgPx}px;
+  padding-left: ${_chunk4GO7VWXEcjs.standardContentInset.lgPx}px;
+  padding-right: ${_chunk4GO7VWXEcjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-  padding-left: ${_chunkD262WAOVcjs.standardContentInset.smPx}px;
-  padding-right: ${_chunkD262WAOVcjs.standardContentInset.smPx}px;
+  padding-left: ${_chunk4GO7VWXEcjs.standardContentInset.smPx}px;
+  padding-right: ${_chunk4GO7VWXEcjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-  padding-left: ${_chunkD262WAOVcjs.standardContentInset.minSmMaxLgPx}px;
-  padding-right: ${_chunkD262WAOVcjs.standardContentInset.minSmMaxLgPx}px;
+  padding-left: ${_chunk4GO7VWXEcjs.standardContentInset.minSmMaxLgPx}px;
+  padding-right: ${_chunk4GO7VWXEcjs.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};
 
-  ${_chunkQ2CWG22Bcjs.StyledButton} {
+  ${_chunkVXRUJP4Qcjs.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-LIVMIDVJ.js → chunk-S5AV3X5O.js}

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/styles/themeDefaults/loading.tsx
 var loadingThemeBase = {

package/dist/chunk-SE6ENGX5.cjs

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/EnvelopePlus.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function EnvelopePlus() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "32",
+      height: "32",
+      viewBox: "0 0 32 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M28.3334 14.6667V8.46667C28.3334 7.71993 28.3334 7.34656 28.1881 7.06135C28.0602 6.81047 27.8563 6.60649 27.6054 6.47865C27.3202 6.33333 26.9469 6.33333 26.2001 6.33333H5.80008C5.05335 6.33333 4.67997 6.33333 4.39476 6.47865C4.14388 6.60649 3.93991 6.81047 3.81207 7.06135C3.66675 7.34656 3.66675 7.71993 3.66675 8.46667V23.5333C3.66675 24.2801 3.66675 24.6535 3.81207 24.9387C3.93991 25.1896 4.14388 25.3935 4.39476 25.5213C4.67997 25.6667 5.05335 25.6667 5.80008 25.6667H17.3334",
+            stroke: "#16171A",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M4 7.51562L15.3175 14.2604C15.738 14.511 16.262 14.511 16.6825 14.2604L28 7.51562",
+            stroke: "#16171A",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M25.3333 18.3333V27",
+            stroke: "#16171A",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M29.6667 22.6667H21",
+            stroke: "#16171A",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.EnvelopePlus = EnvelopePlus;