@lightsparkdev/ui 1.1.10 → 1.1.12

package/dist/chunk-HES73ORY.cjs

@@ -0,0 +1,1279 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkRV6KAIIFcjs = require('./chunk-RV6KAIIF.cjs');
+
+
+var _chunk24MJ7UXEcjs = require('./chunk-24MJ7UXE.cjs');
+
+
+var _chunkTQ7E3EMIcjs = require('./chunk-TQ7E3EMI.cjs');
+
+
+
+var _chunkAF67FQ4Zcjs = require('./chunk-AF67FQ4Z.cjs');
+
+
+
+
+var _chunkDIRSPH6Acjs = require('./chunk-DIRSPH6A.cjs');
+
+
+
+
+var _chunkMA4TAJR3cjs = require('./chunk-MA4TAJR3.cjs');
+
+
+
+
+var _chunkXHIUWLTCcjs = require('./chunk-XHIUWLTC.cjs');
+
+
+
+var _chunkUPQXK6TFcjs = require('./chunk-UPQXK6TF.cjs');
+
+
+
+var _chunkD4G7AKPXcjs = require('./chunk-D4G7AKPX.cjs');
+
+
+var _chunkG5H7DC2Fcjs = require('./chunk-G5H7DC2F.cjs');
+
+
+var _chunk6YG7IA2Fcjs = require('./chunk-6YG7IA2F.cjs');
+
+
+var _chunkDB6Z636Zcjs = require('./chunk-DB6Z636Z.cjs');
+
+
+var _chunkEJR26GKNcjs = require('./chunk-EJR26GKN.cjs');
+
+
+var _chunkP7BNVHNVcjs = require('./chunk-P7BNVHNV.cjs');
+
+
+var _chunkKUMRXHB4cjs = require('./chunk-KUMRXHB4.cjs');
+
+
+var _chunkQPWUPYZ4cjs = require('./chunk-QPWUPYZ4.cjs');
+
+
+
+var _chunkGMDANQACcjs = require('./chunk-GMDANQAC.cjs');
+
+
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+
+
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+
+
+var _chunkMPO5I3PIcjs = require('./chunk-MPO5I3PI.cjs');
+
+
+var _chunkX6AJB6TLcjs = require('./chunk-X6AJB6TL.cjs');
+
+
+
+var _chunkRZ24JAMPcjs = require('./chunk-RZ24JAMP.cjs');
+
+
+
+
+var _chunkR5SHOMBXcjs = require('./chunk-R5SHOMBX.cjs');
+
+
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+
+
+var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
+
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/DataManagerTable/DataManagerTable.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+
+
+
+
+var _react = require('react');
+var _react3 = require('@emotion/react');
+var _core = require('@lightsparkdev/core');
+var _reactrouterdom = require('react-router-dom');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function getDefaultFilterState(filter) {
+  switch (filter.type) {
+    case "date" /* DATE */:
+      return _chunkAF67FQ4Zcjs.getDefaultDateFilterState.call(void 0, );
+    case "enum" /* ENUM */:
+      return _chunkDIRSPH6Acjs.getDefaultEnumFilterState.call(void 0, );
+    case "string" /* STRING */:
+      return _chunkXHIUWLTCcjs.getDefaultStringFilterState.call(void 0, );
+    case "id" /* ID */:
+      return _chunkMA4TAJR3cjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
+    case "boolean" /* BOOLEAN */:
+      return _chunkUPQXK6TFcjs.getDefaultBooleanFilterState.call(void 0, );
+    case "currency" /* CURRENCY */:
+      return _chunkD4G7AKPXcjs.getDefaultCurrencyFilterState.call(void 0, );
+    default:
+      throw new Error("Invalid filter type");
+  }
+}
+function initialFilterState(filters) {
+  let state = {};
+  filters.forEach((filter) => {
+    state = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+      [filter.accessorKey]: getDefaultFilterState(filter)
+    });
+  });
+  return state;
+}
+function saveFiltersToURL(searchParams, filters, filterStates, currentPage) {
+  const newSearchParams = new URLSearchParams(searchParams);
+  filters.forEach((filter) => {
+    newSearchParams.delete(String(filter.accessorKey));
+  });
+  filters.forEach((filter) => {
+    var _a, _b;
+    const filterState = filterStates[filter.accessorKey];
+    if (filterState && filterState.isApplied) {
+      if (filter.type === "string" /* STRING */ || filter.type === "enum" /* ENUM */ || filter.type === "id" /* ID */) {
+        const appliedValues = filterState.appliedValues;
+        if (appliedValues && appliedValues.length > 0) {
+          newSearchParams.set(
+            String(filter.accessorKey),
+            appliedValues.join(",")
+          );
+        }
+      } else if (filter.type === "boolean" /* BOOLEAN */) {
+        const appliedValue = filterState.value;
+        if (appliedValue !== void 0) {
+          newSearchParams.set(String(filter.accessorKey), String(appliedValue));
+        }
+      } else if (filter.type === "date" /* DATE */) {
+        const dateFilter = filterState;
+        if (dateFilter.start || dateFilter.end) {
+          const startStr = dateFilter.start ? dateFilter.start.toISOString() : "";
+          const endStr = dateFilter.end ? dateFilter.end.toISOString() : "";
+          newSearchParams.set(
+            String(filter.accessorKey),
+            `${startStr},${endStr}`
+          );
+        }
+      } else if (filter.type === "currency" /* CURRENCY */) {
+        const currencyFilter = filterState;
+        if (currencyFilter.min_amount || currencyFilter.max_amount) {
+          const minValue = (_a = currencyFilter.min_amount) == null ? void 0 : _a.value;
+          const maxValue = (_b = currencyFilter.max_amount) == null ? void 0 : _b.value;
+          if (minValue !== void 0 || maxValue !== void 0) {
+            const currencyValue = minValue !== void 0 && maxValue !== void 0 ? `${minValue}-${maxValue}` : minValue !== void 0 ? `>${minValue}` : `<${maxValue}`;
+            newSearchParams.set(String(filter.accessorKey), currencyValue);
+          }
+        }
+      }
+    }
+  });
+  return newSearchParams;
+}
+function loadFiltersFromURL(searchParams, filters, currentFilterStates) {
+  const newFilterStates = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, currentFilterStates);
+  filters.forEach((filter) => {
+    const paramValue = searchParams.get(String(filter.accessorKey));
+    if (paramValue !== null && paramValue !== void 0 && paramValue !== "") {
+      if (filter.type === "string" /* STRING */) {
+        const stringFilter = newFilterStates[filter.accessorKey];
+        const appliedValues = paramValue.includes(",") ? paramValue.split(",").filter((v) => v.trim() !== "") : [paramValue];
+        newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, stringFilter), {
+          appliedValues,
+          isApplied: true
+        });
+      } else if (filter.type === "enum" /* ENUM */) {
+        const enumFilter = newFilterStates[filter.accessorKey];
+        const appliedValues = paramValue.includes(",") ? paramValue.split(",").filter((v) => v.trim() !== "") : [paramValue];
+        newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, enumFilter), {
+          appliedValues,
+          isApplied: true
+        });
+      } else if (filter.type === "id" /* ID */) {
+        const idFilter = newFilterStates[filter.accessorKey];
+        const appliedValues = paramValue.includes(",") ? paramValue.split(",").filter((v) => v.trim() !== "") : [paramValue];
+        newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, idFilter), {
+          appliedValues,
+          isApplied: true
+        });
+      } else if (filter.type === "boolean" /* BOOLEAN */) {
+        const booleanFilter = newFilterStates[filter.accessorKey];
+        const boolValue = paramValue === "true";
+        newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, booleanFilter), {
+          value: boolValue,
+          isApplied: true
+        });
+      } else if (filter.type === "date" /* DATE */) {
+        const dateFilter = newFilterStates[filter.accessorKey];
+        if (paramValue.includes(",")) {
+          const [startStr, endStr] = paramValue.split(",");
+          const startDate = startStr ? new Date(startStr) : null;
+          const endDate = endStr ? new Date(endStr) : null;
+          if (startDate && !isNaN(startDate.getTime()) || endDate && !isNaN(endDate.getTime())) {
+            newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dateFilter), {
+              start: startDate,
+              end: endDate,
+              isApplied: true
+            });
+          }
+        } else {
+          const dateValue = new Date(paramValue);
+          if (!isNaN(dateValue.getTime())) {
+            newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dateFilter), {
+              start: dateValue,
+              end: null,
+              isApplied: true
+            });
+          }
+        }
+      } else if (filter.type === "currency" /* CURRENCY */) {
+        const currencyFilter = newFilterStates[filter.accessorKey];
+        if (paramValue.includes("-")) {
+          const [min, max] = paramValue.split("-").map((v) => parseInt(v));
+          if (!isNaN(min) && !isNaN(max)) {
+            newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, currencyFilter), {
+              min_amount: { value: min, unit: _core.CurrencyUnit.SATOSHI },
+              max_amount: { value: max, unit: _core.CurrencyUnit.SATOSHI },
+              isApplied: true
+            });
+          }
+        } else if (paramValue.startsWith(">")) {
+          const min = parseInt(paramValue.substring(1));
+          if (!isNaN(min)) {
+            newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, currencyFilter), {
+              min_amount: { value: min, unit: _core.CurrencyUnit.SATOSHI },
+              max_amount: null,
+              isApplied: true
+            });
+          }
+        } else if (paramValue.startsWith("<")) {
+          const max = parseInt(paramValue.substring(1));
+          if (!isNaN(max)) {
+            newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, currencyFilter), {
+              min_amount: null,
+              max_amount: { value: max, unit: _core.CurrencyUnit.SATOSHI },
+              isApplied: true
+            });
+          }
+        }
+      }
+    } else {
+      newFilterStates[filter.accessorKey] = getDefaultFilterState(filter);
+    }
+  });
+  return newFilterStates;
+}
+function DataManagerTable(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const [searchParams, setSearchParams] = _reactrouterdom.useSearchParams.call(void 0, );
+  const isCardPageFullWidth = typeof props.cardPageFullWidth === "boolean" ? props.cardPageFullWidth : true;
+  const cardPageMt = typeof props.cardPageMt === "undefined" ? 24 : props.cardPageMt;
+  const showPaginationPreviousNext = typeof ((_a = props.paginationDisplayOptions) == null ? void 0 : _a.showPaginationPreviousNext) === "boolean" ? props.paginationDisplayOptions.showPaginationPreviousNext : true;
+  const pageSizeString = typeof ((_b = props.paginationDisplayOptions) == null ? void 0 : _b.pageSizeStringTemplate) === "string" ? props.paginationDisplayOptions.pageSizeStringTemplate : "Show {pageSize} items";
+  const breakPoint = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
+  const [pageSize, setPageSize] = _react.useState.call(void 0, ((_c = props.pageSizes) == null ? void 0 : _c[0]) || 20);
+  const [pageCursorState, setPageCursorState] = _react.useState.call(void 0, {
+    startResult: void 0,
+    nextPageCursor: props.nextPageCursor,
+    cursorCache: {}
+  });
+  const [isLoading, setIsLoading] = _react.useState.call(void 0, props.loading || false);
+  const [numFiltersApplied, setNumFiltersApplied] = _react.useState.call(void 0, 0);
+  const [showFilterEditor, setShowFilterEditor] = _react.useState.call(void 0, false);
+  const [filterStates, setFilterStates] = _react.useState.call(void 0, 
+    props.filterOptions ? initialFilterState(props.filterOptions.filters) : {}
+  );
+  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) || _chunkEJR26GKNcjs.Dropdown;
+  const isSm = breakPoint.isSm();
+  _react.useEffect.call(void 0, () => {
+    setIsLoading(Boolean(props.loading));
+  }, [props.loading]);
+  _react.useEffect.call(void 0, () => {
+    if (!props.filterOptions || !props.enableURLFilters) return;
+    const { filters: filters2, getFilterQueryVariables } = props.filterOptions;
+    const newFilterStates = loadFiltersFromURL(
+      searchParams,
+      filters2,
+      filterStates
+    );
+    setFilterStates(newFilterStates);
+    const newFetchVariables = getFilterQueryVariables(
+      filters2,
+      newFilterStates,
+      pageSize
+    );
+    setFetchVariables(newFetchVariables);
+    const numFiltersApplied2 = Object.values(newFilterStates).reduce(
+      (acc, state) => {
+        return state.isApplied ? acc + 1 : acc;
+      },
+      0
+    );
+    setNumFiltersApplied(numFiltersApplied2);
+    if (props.filterOptions && Object.values(newFilterStates).some((state) => state.isApplied)) {
+      setIsLoading(true);
+      setPageCursorState((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+        startResult: void 0
+      }));
+      props.filterOptions.refetch(newFetchVariables).then(() => {
+        setIsLoading(false);
+      }).catch((e) => {
+        setIsLoading(false);
+        throw e;
+      });
+    }
+  }, [searchParams, props.filterOptions, pageSize]);
+  _react.useEffect.call(void 0, () => {
+    if (props.refetchOnPropsChange && props.filterOptions) {
+      void handleApplyFilters(filterStates, props.filterOptions, pageSize);
+    }
+  }, [...props.refetchOnPropsChange || []]);
+  _react.useEffect.call(void 0, () => {
+    if (!props.nextPageCursor) {
+      return;
+    }
+    const cursorCacheResult = Object.entries(
+      pageCursorState.cursorCache[pageSize] || {}
+    ).find(([_, cursor]) => cursor === props.nextPageCursor);
+    if (cursorCacheResult) {
+      setPageCursorState((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+        startResult: parseInt(cursorCacheResult[0]),
+        nextPageCursor: cursorCacheResult[1]
+      }));
+    } else {
+      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), {
+          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]), {
+              [startResult]: props.nextPageCursor
+            })
+          })
+        });
+      });
+    }
+  }, [props.nextPageCursor, pageSize, pageCursorState.cursorCache]);
+  function updateFilterState(filter) {
+    return (state) => {
+      setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+        [filter.accessorKey]: state
+      }));
+    };
+  }
+  const handleApplyFilters = (filterStates2, filterOptions, pageSize2) => _chunkYM5JDZDQcjs.__async.call(void 0, this, null, function* () {
+    var _a2;
+    const { filters: filters2, refetch, getFilterQueryVariables } = filterOptions;
+    const appliedFilterStates = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, filterStates2);
+    const filterStatesArray = Object.values(appliedFilterStates);
+    let isValid = true;
+    for (let i = 0; i < filterStatesArray.length; i++) {
+      const filterState = filterStatesArray[i];
+      if (filterState.isApplied && filterState.onValidate) {
+        const filter = filters2[i];
+        const validResult = filterState.onValidate(
+          filterState,
+          filter.isMulti
+        );
+        if (validResult) {
+          appliedFilterStates[filter.accessorKey] = validResult;
+          if (_chunkMA4TAJR3cjs.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: "",
+              appliedValues: appliedValues ? [...appliedValues] : []
+            }));
+          }
+        } else {
+          filterState.errorMessage = filter.errorMessage || "Error validating input";
+          isValid = false;
+        }
+      }
+    }
+    if (!isValid) {
+      setFilterStates((prevState) => _chunkYM5JDZDQcjs.__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 (_chunkXHIUWLTCcjs.isStringFilterState.call(void 0, filterState)) {
+        if (filterState.value) {
+          const value = filterState.value;
+          let updatedAppliedValues = [];
+          if (filter.isMulti) {
+            updatedAppliedValues = ((_a2 = filterState.appliedValues) == null ? void 0 : _a2.filter(
+              (appliedValue) => appliedValue !== value
+            )) || [];
+          }
+          updatedAppliedValues.push(value);
+          const newFilterState = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessorKey]), {
+            value: "",
+            appliedValues: updatedAppliedValues
+          });
+          appliedFilterStates[filter.accessorKey] = newFilterState;
+          updateFilterState(filter)(newFilterState);
+        }
+      } else if (_chunkDIRSPH6Acjs.isEnumFilterState.call(void 0, filterState)) {
+        if (filterState.value) {
+          const newFilterState = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessorKey]), {
+            value: "",
+            appliedValues: filterState.appliedValues
+          });
+          appliedFilterStates[filter.accessorKey] = newFilterState;
+          updateFilterState(filter)(newFilterState);
+        }
+      }
+    }
+    const numFiltersApplied2 = filterStatesArray.reduce((acc, state) => {
+      return state.isApplied ? acc + 1 : acc;
+    }, 0);
+    setNumFiltersApplied(numFiltersApplied2);
+    setShowFilterEditor(false);
+    setIsLoading(true);
+    const newFetchVariables = getFilterQueryVariables(
+      filters2,
+      appliedFilterStates,
+      pageSize2
+    );
+    setFetchVariables(newFetchVariables);
+    if (props.enableURLFilters) {
+      const newSearchParams = saveFiltersToURL(
+        searchParams,
+        filters2,
+        appliedFilterStates,
+        currentPage
+      );
+      setSearchParams(newSearchParams);
+    }
+    setPageCursorState((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+      startResult: void 0
+    }));
+    try {
+      yield refetch(newFetchVariables);
+    } catch (e) {
+      setIsLoading(false);
+      throw e;
+    }
+    setIsLoading(false);
+  });
+  const handleClearFilters = () => {
+    if (props.filterOptions) {
+      const { filters: filters2 } = props.filterOptions;
+      const newFilterStates = initialFilterState(filters2);
+      setFilterStates(newFilterStates);
+      void handleApplyFilters(newFilterStates, props.filterOptions, pageSize);
+    }
+  };
+  const handleNext = () => _chunkYM5JDZDQcjs.__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), {
+      after: pageCursorState === void 0 ? void 0 : pageCursorState.nextPageCursor
+    });
+    setFetchVariables(newFetchVariables);
+    try {
+      yield refetch(newFetchVariables);
+    } catch (e) {
+      setIsLoading(false);
+      throw e;
+    }
+    setIsLoading(false);
+  });
+  const handlePrev = () => _chunkYM5JDZDQcjs.__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), {
+      after: pageCursorState.startResult ? pageCursorState.cursorCache[pageSize][pageCursorState.startResult - pageSize - pageSize] : void 0
+    });
+    setFetchVariables(newFetchVariables);
+    try {
+      yield refetch(newFetchVariables);
+    } catch (e) {
+      setIsLoading(false);
+      throw e;
+    }
+    setIsLoading(false);
+  });
+  const currentPage = Math.floor((pageCursorState.startResult || 0) / pageSize) + 1;
+  const handleChangePage = (page) => _chunkYM5JDZDQcjs.__async.call(void 0, this, null, function* () {
+    const pageCursorIndex = (page - 1) * pageSize + 1 - pageSize;
+    const cachedCursorState = pageCursorState.cursorCache[pageSize][pageCursorIndex];
+    if (!props.filterOptions || pageCursorIndex > 0 && !cachedCursorState || page === currentPage) {
+      return;
+    }
+    const { refetch } = props.filterOptions;
+    setIsLoading(true);
+    const newFetchVariables = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, fetchVariables), {
+      after: cachedCursorState
+    });
+    setFetchVariables(newFetchVariables);
+    try {
+      yield refetch(newFetchVariables);
+    } catch (e) {
+      setIsLoading(false);
+      throw e;
+    }
+    setIsLoading(false);
+  });
+  const handleChangePageSize = (size) => _chunkYM5JDZDQcjs.__async.call(void 0, this, null, function* () {
+    setPageSize(size);
+    if (props.showMoreOptions) {
+      const { refetch, initialQueryVariables } = props.showMoreOptions;
+      setIsLoading(true);
+      let pageSizeQueryVariables;
+      if (props.showMoreOptions.pageSizeVariables) {
+        pageSizeQueryVariables = {};
+        for (const variable of props.showMoreOptions.pageSizeVariables) {
+          pageSizeQueryVariables[variable] = size;
+        }
+      } else {
+        pageSizeQueryVariables = { first: size };
+      }
+      const newFetchVariables = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, initialQueryVariables), pageSizeQueryVariables);
+      setFetchVariables(newFetchVariables);
+      try {
+        yield refetch(newFetchVariables);
+      } catch (e) {
+        setIsLoading(false);
+        throw e;
+      }
+      setIsLoading(false);
+    } else if (props.filterOptions) {
+      void handleApplyFilters(filterStates, props.filterOptions, size);
+    }
+  });
+  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, 
+          _chunkAF67FQ4Zcjs.DateFilter,
+          {
+            updateFilterState: (state) => {
+              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessorKey]: state
+              }));
+            },
+            state: filterStates[filter.accessorKey]
+          }
+        ) }, filter.label);
+      case "enum" /* ENUM */:
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkDIRSPH6Acjs.EnumFilter,
+          {
+            updateFilterState: (state) => {
+              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessorKey]: state
+              }));
+            },
+            options: filter.enumValues,
+            label: filter.label,
+            placeholder: filter.placeholder,
+            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, 
+          _chunkXHIUWLTCcjs.StringFilter,
+          {
+            updateFilterState: (state) => {
+              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessorKey]: state
+              }));
+            },
+            label: filter.label,
+            placeholder: filter.placeholder,
+            state: filterStates[filter.accessorKey]
+          }
+        ) }, filter.label);
+      case "id" /* ID */:
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkMA4TAJR3cjs.IdFilter,
+          {
+            updateFilterState: (state) => {
+              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessorKey]: state
+              }));
+            },
+            label: filter.label,
+            placeholder: filter.placeholder,
+            state: filterStates[filter.accessorKey]
+          }
+        ) }, filter.label);
+      case "boolean" /* BOOLEAN */:
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkUPQXK6TFcjs.BooleanFilter,
+          {
+            updateFilterState: (state) => {
+              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessorKey]: state
+              }));
+            },
+            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, 
+          _chunkD4G7AKPXcjs.CurrencyFilter,
+          {
+            updateFilterState: (state) => {
+              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessorKey]: state
+              }));
+            },
+            label: filter.label,
+            state: filterStates[filter.accessorKey]
+          }
+        ) }, filter.label);
+      default:
+        return null;
+    }
+  }) : [];
+  let filters;
+  const isFilterButtonSmall = isSm && props.header;
+  function onApply() {
+    void handleApplyFilters(filterStates, props.filterOptions, pageSize);
+  }
+  const filterContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    FilterContentInner,
+    {
+      onKeyDownCapture: (e) => {
+        if (e.key === "Enter") {
+          onApply();
+        }
+      },
+      isSm,
+      children: [
+        filterSections,
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContentFooter, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGMDANQACcjs.Button, { text: "Clear", onClick: handleClearFilters }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContentFooterRight, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGMDANQACcjs.Button, { text: "Cancel", onClick: () => setShowFilterEditor(false) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGMDANQACcjs.Button, { text: "Apply", kind: "primary", onClick: onApply })
+          ] })
+        ] })
+      ]
+    }
+  );
+  const commonButtonProps = {
+    kind: isFilterButtonSmall ? "roundIcon" : "secondary",
+    size: "ExtraSmall",
+    typography: { color: "c6Neutral" },
+    icon: {
+      name: "Sort"
+    },
+    text: !isFilterButtonSmall ? `Filter${numFiltersApplied > 0 && props.filterEditorStyle !== "pills" ? ` | ${numFiltersApplied}` : ""}` : void 0
+  };
+  if (props.filterOptions) {
+    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, 
+        _chunkGMDANQACcjs.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, 
+        _chunkDB6Z636Zcjs.Modal,
+        {
+          visible: showFilterEditor,
+          onClose: () => setShowFilterEditor(false),
+          smKind: "fullscreen",
+          children: filterContent
+        }
+      )
+    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      DropdownComponent,
+      {
+        borderRadius: 12,
+        maxDropdownItemsWidth: 400,
+        dropdownContent: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterDropdownContent, { visible: showFilterEditor, children: filterContent }),
+        isOpen: showFilterEditor,
+        onOpen: () => {
+          setShowFilterEditor(true);
+        },
+        onClose: () => {
+          setShowFilterEditor(false);
+        },
+        button: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonButtonProps), props.filterButtonProps),
+        align: props.filterDropdownAlign || "right"
+      }
+    ) });
+    const pillFilters = props.filterOptions ? props.filterOptions.filters.filter((filter) => {
+      var _a2;
+      return (_a2 = filterStates[filter.accessorKey]) == null ? void 0 : _a2.isApplied;
+    }).map((filter) => {
+      var _a2, _b2, _c2;
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunk24MJ7UXEcjs.PillFilter,
+        {
+          filter,
+          state: filterStates[filter.accessorKey],
+          onDelete: () => {
+            setFilterStates((prevStates) => {
+              const newStates = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevStates);
+              newStates[filter.accessorKey] = getDefaultFilterState(filter);
+              void handleApplyFilters(
+                newStates,
+                props.filterOptions,
+                pageSize
+              );
+              return newStates;
+            });
+          },
+          customComponents: {
+            customDropdown: (_a2 = props.customComponents) == null ? void 0 : _a2.dropdownComponent,
+            customTextInput: (_b2 = props.customComponents) == null ? void 0 : _b2.textInputComponent,
+            customCalendarCss: (_c2 = props.customComponents) == null ? void 0 : _c2.customCalendarCss
+          },
+          onUpdateFilter: (newFilterState) => {
+            setFilterStates((prevStates) => {
+              const newStates = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevStates);
+              newStates[filter.accessorKey] = newFilterState;
+              void handleApplyFilters(
+                newStates,
+                props.filterOptions,
+                pageSize
+              );
+              setShowFilterEditor(false);
+              return newStates;
+            });
+          }
+        },
+        filter.label
+      );
+    }) : [];
+    const pillsFilterContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PillFiltersContainer, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkP7BNVHNVcjs.Flex, { gap: 4, align: "center", flexWrap: "wrap", children: [
+        pillFilters,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          DropdownComponent,
+          {
+            borderRadius: 12,
+            maxDropdownItemsWidth: 200,
+            dropdownItems: getPillDropdownItems({
+              filterOptions: props.filterOptions,
+              filterStates,
+              setFilterStates,
+              handleApplyFilters,
+              pageSize,
+              setShowFilterEditor,
+              customDropdownComponent: (_g = props.customComponents) == null ? void 0 : _g.dropdownComponent
+            }),
+            isOpen: showFilterEditor,
+            onOpen: () => {
+              setShowFilterEditor(true);
+            },
+            onClose: () => {
+              setShowFilterEditor(false);
+            },
+            button: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonButtonProps), props.filterButtonProps), {
+              iconSide: "left"
+            }),
+            align: props.filterDropdownAlign || "right"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7BNVHNVcjs.Flex, { children: numFiltersApplied > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkGMDANQACcjs.Button,
+        _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonButtonProps), props.filterButtonProps), {
+          icon: {
+            name: "CentralCrossSmall",
+            width: 16,
+            color: "text",
+            iconProps: {
+              strokeWidth: 3
+            }
+          },
+          text: "Clear",
+          typography: {
+            color: "secondary"
+          },
+          onClick: handleClearFilters,
+          kind: "transparent"
+        })
+      ) })
+    ] });
+    filters = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContainerComponent, { children: [
+      (!props.filterEditorStyle || props.filterEditorStyle === "default") && defaultFilterContent,
+      props.filterEditorStyle === "pills" && pillsFilterContent
+    ] });
+  }
+  let showMoreDropdown;
+  if (((_h = props.pageSizes) == null ? void 0 : _h.length) > 1) {
+    showMoreDropdown = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkEJR26GKNcjs.Dropdown,
+      {
+        align: "right",
+        verticalPlacement: "top",
+        getCSS: ({ isOpen }) => ({
+          height: "fit-content",
+          alignSelf: "center"
+        }),
+        button: {
+          getCSS: ({ isOpen }) => ({
+            display: "flex",
+            alignItems: "center",
+            height: "100%",
+            width: "100%"
+          }),
+          getContent: ({ isOpen }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkMPO5I3PIcjs.TextIconAligner,
+            {
+              content: pageSizeString.replace("{pageSize}", `${pageSize}`),
+              typography: { size: "ExtraSmall" },
+              rightIcon: {
+                name: "Chevron",
+                ml: 4,
+                width: 14,
+                color: isOpen ? "onPrimaryText" : "mcNeutral"
+              }
+            }
+          )
+        },
+        dropdownItems: props.pageSizes.map((size) => ({
+          label: `${size}`,
+          onClick: () => {
+            void handleChangePageSize(size);
+          }
+        }))
+      }
+    );
+  }
+  let footer;
+  if (props.showMoreOptions) {
+    footer = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkGMDANQACcjs.Button,
+        {
+          text: "Show more",
+          paddingY: "short",
+          onClick: () => {
+            var _a2;
+            return void handleChangePageSize(pageSize + (((_a2 = props.pageSizes) == null ? void 0 : _a2[0]) || 20));
+          }
+        }
+      ),
+      showMoreDropdown
+    ] });
+  } else if (props.resultCount) {
+    const startResult = pageCursorState.startResult || 1;
+    const endResult = Math.min(props.resultCount, startResult + pageSize - 1);
+    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, _chunk6YG7IA2Fcjs.Label, { children: "Viewing " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG5H7DC2Fcjs.LabelModerate, { children: `${startResult}-${endResult}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6YG7IA2Fcjs.Label, { children: " of " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG5H7DC2Fcjs.LabelModerate, { children: `${countString}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6YG7IA2Fcjs.Label, { children: " results" })
+    ] });
+    const hasNext = props.resultCount ? startResult + pageSize - 1 < props.resultCount : false;
+    const hasPrev = startResult > 1;
+    const pageNumbers = Array.from(
+      { length: Math.ceil(props.resultCount / pageSize) },
+      (_, i) => i
+    );
+    const pageNumberButtons = ((_k = props.paginationDisplayOptions) == null ? void 0 : _k.showPageNumberButtons) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageNumberPaginationButtonsContainer, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkGMDANQACcjs.Button,
+        {
+          icon: {
+            name: "CentralChevronLeftSmall",
+            width: 24,
+            color: "text"
+          },
+          kind: "ghost",
+          paddingY: "short",
+          onClick: () => void handlePrev(),
+          disabled: !hasPrev
+        }
+      ),
+      pageNumbers.slice(0, 2).map((pageNumber) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        PageNumberButton,
+        {
+          onClick: () => void handleChangePage(pageNumber + 1),
+          isCurrentPage: currentPage === pageNumber + 1,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTQ7E3EMIcjs.Body, { content: `${pageNumber + 1}` })
+        },
+        pageNumber
+      )),
+      pageNumbers.length > 4 && currentPage - 2 > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkX6AJB6TLcjs.Icon,
+        {
+          name: "CentralDotGrid1x3Horizontal",
+          width: 18,
+          ml: 7,
+          mr: 7,
+          color: "text"
+        }
+      ),
+      currentPage - 1 > 1 && currentPage < pageNumbers.length && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        PageNumberButton,
+        {
+          isCurrentPage: true,
+          onClick: () => void handleChangePage(currentPage),
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTQ7E3EMIcjs.Body, { content: `${currentPage}` })
+        },
+        currentPage
+      ),
+      pageNumbers.length > 4 && currentPage + 1 < pageNumbers.length && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkX6AJB6TLcjs.Icon,
+        {
+          name: "CentralDotGrid1x3Horizontal",
+          width: 18,
+          ml: 7,
+          mr: 7,
+          color: "text"
+        }
+      ),
+      pageNumbers.length > 4 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        PageNumberButton,
+        {
+          isCurrentPage: currentPage === pageNumbers.length,
+          onClick: () => void handleChangePage(pageNumbers.length),
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTQ7E3EMIcjs.Body, { content: `${pageNumbers.length}` })
+        },
+        pageNumbers.length
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkGMDANQACcjs.Button,
+        {
+          icon: {
+            name: "CentralChevronRightSmall",
+            width: 24,
+            color: "text"
+          },
+          kind: "ghost",
+          paddingY: "short",
+          onClick: () => void handleNext(),
+          disabled: !hasNext
+        }
+      )
+    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
+    footer = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableFooter, { children: [
+      resultsString,
+      pageNumberButtons,
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationContainer, { children: [
+        showMoreDropdown,
+        showPaginationPreviousNext && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationButtonsContainer, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkGMDANQACcjs.Button,
+            {
+              text: "Previous",
+              paddingY: "short",
+              onClick: () => {
+                void handlePrev();
+              },
+              disabled: !hasPrev
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkGMDANQACcjs.Button,
+            {
+              text: "Next",
+              paddingY: "short",
+              onClick: () => {
+                void handleNext();
+              },
+              disabled: !hasNext
+            }
+          )
+        ] })
+      ] })
+    ] });
+  }
+  const DataManagerTableHeaderComponent = ((_l = props.customComponents) == null ? void 0 : _l.dataManagerTableHeaderComponent) || DataManagerTableHeader;
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    props.showHeader && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableHeaderComponent, { children: [
+      props.header,
+      filters
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRV6KAIIFcjs.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, _chunkKUMRXHB4cjs.CardPageFullWidth, { css: { marginTop: `${cardPageMt}px` }, children: content }) : content });
+}
+function getPillDropdownItems({
+  filterOptions,
+  filterStates,
+  setFilterStates,
+  handleApplyFilters,
+  pageSize,
+  setShowFilterEditor,
+  customDropdownComponent
+}) {
+  const getDropdownItemForFilter = (filter) => {
+    let filterSubDropdownOptions = [];
+    if (filter.type === "enum" /* ENUM */) {
+      filterSubDropdownOptions = filter.enumValues.map((option) => ({
+        label: option.label,
+        onClick: () => {
+          const optionValues = _core.ensureArray.call(void 0, option.value);
+          const state = filterStates[filter.accessorKey];
+          let updatedAppliedValues = [];
+          if (filter.isMulti) {
+            updatedAppliedValues = state.appliedValues ? [
+              ...state.appliedValues.filter(
+                (appliedValue) => appliedValue !== option.value
+              ),
+              ...optionValues
+            ] : [...optionValues];
+          } 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;
+          });
+        }
+      }));
+    }
+    return {
+      label: filter.label,
+      getIcon: ({ dropdownItem, theme }) => ({
+        name: "CentralChevronRightSm",
+        width: 18,
+        color: theme.secondary
+      }),
+      iconSide: "right",
+      onClick: () => {
+        if (filter.type === "string" /* STRING */) {
+          const state = filterStates[filter.accessorKey];
+          let updatedAppliedValues = [];
+          updatedAppliedValues = filter.isMulti && state.appliedValues ? [
+            ...state.appliedValues.filter(
+              (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;
+          });
+        } 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;
+          });
+        } else if (filter.type === "id" /* ID */) {
+          const state = filterStates[filter.accessorKey];
+          let updatedAppliedValues = [];
+          updatedAppliedValues = filter.isMulti && state.appliedValues ? [
+            ...state.appliedValues.filter(
+              (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;
+          });
+        } 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;
+          });
+        }
+      },
+      subDropdown: filterSubDropdownOptions.length > 0 ? {
+        subItems: filterSubDropdownOptions,
+        customDropdown: customDropdownComponent
+      } : void 0
+    };
+  };
+  return filterOptions.filters.map(
+    (filter) => getDropdownItemForFilter(filter)
+  );
+}
+var StyledDataManagerTable = _styled2.default.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  ${({ fullHeight }) => fullHeight && _react3.css`
+      flex-grow: 1;
+    `}
+`;
+var commonPadding = `
+  ${_chunkKW3JYLRIcjs.bp.lg(`
+  padding-left: ${_chunkRZ24JAMPcjs.standardContentInset.lgPx}px;
+  padding-right: ${_chunkRZ24JAMPcjs.standardContentInset.lgPx}px;
+  `)}
+  ${_chunkKW3JYLRIcjs.bp.sm(`
+  padding-left: ${_chunkRZ24JAMPcjs.standardContentInset.smPx}px;
+  padding-right: ${_chunkRZ24JAMPcjs.standardContentInset.smPx}px;
+  `)}
+  ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
+  padding-left: ${_chunkRZ24JAMPcjs.standardContentInset.minSmMaxLgPx}px;
+  padding-right: ${_chunkRZ24JAMPcjs.standardContentInset.minSmMaxLgPx}px;
+  `)}
+`;
+var DataManagerTableHeader = _styled2.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: ${_chunkZUAO4DW3cjs.Spacing.px.xs} 0;
+  position: relative;
+`;
+var DataManagerTableFooter = _styled2.default.div`
+  border-top: 1px solid ${({ theme }) => theme.c1Neutral};
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  ${commonPadding}
+  padding-top: ${_chunkZUAO4DW3cjs.Spacing.px.md};
+  padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.md};
+
+  ${_chunkGMDANQACcjs.StyledButton} {
+    align-self: end;
+  }
+`;
+var PaginationContainer = _styled2.default.div`
+  display: flex;
+  flex-direction: row;
+`;
+var PaginationButtonsContainer = _styled2.default.div`
+  display: flex;
+  flex-direction: row;
+  margin-left: ${_chunkZUAO4DW3cjs.Spacing.px.md};
+  gap: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+`;
+var PageNumberPaginationButtonsContainer = _styled2.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`;
+var PageNumberButton = _styled2.default.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  cursor: pointer;
+  ${_chunkRZ24JAMPcjs.standardBorderRadius.call(void 0, 8)}
+  border: none;
+  background-color: transparent;
+  &:hover {
+    background-color: ${_chunkJFPLNGMQcjs.colors["black-04"]};
+  }
+  &:active {
+    background-color: ${_chunkJFPLNGMQcjs.colors["black-10"]};
+  }
+  ${({ isCurrentPage }) => isCurrentPage ? `
+      border: 0.5px solid ${_chunkJFPLNGMQcjs.colors["black-10"]};
+    ` : ""}
+`;
+var DataManagerTableFilterContainer = _styled2.default.div`
+  position: absolute;
+  z-index: 3;
+  right: 0;
+  ${_chunkQPWUPYZ4cjs.StyledButtonRow} + & {
+    background: linear-gradient(
+      to right,
+      ${({ theme }) => _chunkR5SHOMBXcjs.themeOr.call(void 0, "rgba(0, 0, 0, 0)", "rgba(0, 0, 0, 0)")({ theme })}
+        0%,
+      ${({ theme }) => _chunkR5SHOMBXcjs.getColor.call(void 0, theme, "bg")} 15%
+    );
+  }
+  ${commonPadding}
+`;
+var FilterDropdownContent = _styled2.default.div`
+  width: 400px;
+  background: ${({ theme }) => theme.bg};
+  border: 0.5px solid
+    ${({ theme }) => _chunkR5SHOMBXcjs.themeOrWithKey.call(void 0, "c1Neutral", "c4Neutral")({ theme })};
+  ${_chunkRZ24JAMPcjs.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);
+  ${({ visible }) => !visible && "display: none;"}
+`;
+var FilterContentInner = _styled2.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${_chunkZUAO4DW3cjs.Spacing.px.xl};
+  padding: ${({ isSm }) => isSm ? "0px" : _chunkZUAO4DW3cjs.Spacing.px.lg};
+  z-index: ${_chunkZU72XWNEcjs.z.dropdown + 1};
+  position: relative;
+`;
+var FilterContentFooter = _styled2.default.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+`;
+var FilterContentFooterRight = _styled2.default.div`
+  display: flex;
+  gap: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+`;
+var PillFiltersContainer = _styled2.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  gap: ${_chunkZUAO4DW3cjs.Spacing.px["2xs"]};
+`;
+
+
+
+exports.DataManagerTable = DataManagerTable;