@lightsparkdev/ui 1.0.8 → 1.0.9

package/dist/chunk-5NUORYME.cjs

@@ -0,0 +1,584 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkAF7KMKGFcjs = require('./chunk-AF7KMKGF.cjs');
+
+
+
+var _chunkN55NOLCVcjs = require('./chunk-N55NOLCV.cjs');
+
+
+
+
+var _chunkODJXKX67cjs = require('./chunk-ODJXKX67.cjs');
+
+
+
+
+var _chunkQTX2AMWHcjs = require('./chunk-QTX2AMWH.cjs');
+
+
+var _chunkINOVOG4Xcjs = require('./chunk-INOVOG4X.cjs');
+
+
+
+
+var _chunkKXVW2OLBcjs = require('./chunk-KXVW2OLB.cjs');
+
+
+
+var _chunkBT3OMKYCcjs = require('./chunk-BT3OMKYC.cjs');
+
+
+var _chunkSDECQB2Ocjs = require('./chunk-SDECQB2O.cjs');
+
+
+var _chunkIBVONPMCcjs = require('./chunk-IBVONPMC.cjs');
+
+
+var _chunkGJZCJSPKcjs = require('./chunk-GJZCJSPK.cjs');
+
+
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+
+
+var _chunk4SNEOOFXcjs = require('./chunk-4SNEOOFX.cjs');
+
+
+var _chunkX5V7LCCXcjs = require('./chunk-X5V7LCCX.cjs');
+
+
+
+var _chunk3XWROTDTcjs = require('./chunk-3XWROTDT.cjs');
+
+
+var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.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 _jsxruntime = require('@emotion/react/jsx-runtime');
+function getDefaultFilterState(filter) {
+  switch (filter.type) {
+    case "date" /* DATE */:
+      return _chunkN55NOLCVcjs.getDefaultDateFilterState.call(void 0, );
+    case "enum" /* ENUM */:
+      return _chunkODJXKX67cjs.getDefaultEnumFilterState.call(void 0, );
+    case "string" /* STRING */:
+      return _chunkKXVW2OLBcjs.getDefaultStringFilterState.call(void 0, );
+    case "id" /* ID */:
+      return _chunkQTX2AMWHcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
+    case "boolean" /* BOOLEAN */:
+      return _chunkBT3OMKYCcjs.getDefaultBooleanFilterState.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.accessor]: getDefaultFilterState(filter)
+    });
+  });
+  return state;
+}
+function DataManagerTable(props) {
+  var _a, _b, _c;
+  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,
+    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 [showFilterPopover, setShowFilterPopover] = _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, 
+    ((_b = props.filterOptions) == null ? void 0 : _b.initialQueryVariables) || {}
+  );
+  _react.useEffect.call(void 0, () => {
+    setIsLoading(Boolean(props.loading));
+  }, [props.loading]);
+  _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.accessor]: state
+      }));
+    };
+  }
+  const handleApplyFilters = (filterStates2, filterOptions, pageSize2) => _chunkYM5JDZDQcjs.__async.call(void 0, this, null, function* () {
+    var _a2, _b2, _c2, _d;
+    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.accessor] = validResult;
+          if (_chunkQTX2AMWHcjs.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]), {
+              value: "",
+              appliedValues: appliedValues ? [...appliedValues] : [],
+              isApplied
+            }));
+            filterState.isApplied = isApplied;
+          }
+        } 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 (_chunkKXVW2OLBcjs.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.accessor]), {
+            value: "",
+            appliedValues: updatedAppliedValues,
+            isApplied: !!updatedAppliedValues.length
+          });
+          appliedFilterStates[filter.accessor] = newFilterState;
+          updateFilterState(filter)(newFilterState);
+        } else if (((_b2 = filterState.appliedValues) == null ? void 0 : _b2.length) === 0) {
+          updateFilterState(filter)(_chunkKXVW2OLBcjs.getDefaultStringFilterState.call(void 0, ));
+          filterState.isApplied = false;
+        }
+      } else if (_chunkODJXKX67cjs.isEnumFilterState.call(void 0, filterState)) {
+        if (filterState.value) {
+          const newFilterState = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessor]), {
+            value: "",
+            appliedValues: filterState.appliedValues,
+            isApplied: !!((_c2 = filterState.appliedValues) == null ? void 0 : _c2.length)
+          });
+          appliedFilterStates[filter.accessor] = newFilterState;
+          updateFilterState(filter)(newFilterState);
+        } else if (((_d = filterState.appliedValues) == null ? void 0 : _d.length) === 0) {
+          updateFilterState(filter)(_chunkKXVW2OLBcjs.getDefaultStringFilterState.call(void 0, ));
+          filterState.isApplied = false;
+        }
+      }
+    }
+    const numFiltersApplied2 = filterStatesArray.reduce((acc, state) => {
+      return state.isApplied ? acc + 1 : acc;
+    }, 0);
+    setNumFiltersApplied(numFiltersApplied2);
+    setShowFilterPopover(false);
+    setIsLoading(true);
+    const newFetchVariables = getFilterQueryVariables(
+      filters2,
+      appliedFilterStates,
+      pageSize2
+    );
+    setFetchVariables(newFetchVariables);
+    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 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, 
+          _chunkN55NOLCVcjs.DateFilter,
+          {
+            updateFilterState: (state) => {
+              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessor]: state
+              }));
+            },
+            state: filterStates[filter.accessor]
+          }
+        ) }, filter.label);
+      case "enum" /* ENUM */:
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkODJXKX67cjs.EnumFilter,
+          {
+            updateFilterState: (state) => {
+              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessor]: state
+              }));
+            },
+            options: filter.enumValues,
+            label: filter.label,
+            placeholder: filter.placeholder,
+            state: filterStates[filter.accessor],
+            isMulti: filter.isMulti
+          }
+        ) }, filter.label);
+      case "string" /* STRING */:
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkKXVW2OLBcjs.StringFilter,
+          {
+            updateFilterState: (state) => {
+              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessor]: state
+              }));
+            },
+            label: filter.label,
+            placeholder: filter.placeholder,
+            state: filterStates[filter.accessor]
+          }
+        ) }, filter.label);
+      case "id" /* ID */:
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkQTX2AMWHcjs.IdFilter,
+          {
+            updateFilterState: (state) => {
+              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessor]: state
+              }));
+            },
+            label: filter.label,
+            placeholder: filter.placeholder,
+            state: filterStates[filter.accessor]
+          }
+        ) }, filter.label);
+      case "boolean" /* BOOLEAN */:
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkBT3OMKYCcjs.BooleanFilter,
+          {
+            updateFilterState: (state) => {
+              setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
+                [filter.accessor]: state
+              }));
+            },
+            label: filter.label,
+            state: filterStates[filter.accessor]
+          }
+        ) }, filter.label);
+      default:
+        return null;
+    }
+  }) : [];
+  let filters;
+  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, 
+        _chunk3XWROTDTcjs.Button,
+        {
+          text: `Filter${numFiltersApplied > 0 ? ` | ${numFiltersApplied}` : ""}`,
+          paddingY: "short",
+          icon: "Sort",
+          typography: { color: "c6Neutral" },
+          onClick: () => setShowFilterPopover(!showFilterPopover)
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkINOVOG4Xcjs.Popover,
+        {
+          show: showFilterPopover,
+          setShow: setShowFilterPopover,
+          side: "right",
+          onApply: () => void handleApplyFilters(
+            filterStates,
+            props.filterOptions,
+            pageSize
+          ),
+          onClear: handleClearFilters,
+          children: filterSections
+        }
+      )
+    ] }) });
+  }
+  let showMoreDropdown;
+  if (((_c = props.pageSizes) == null ? void 0 : _c.length) > 1) {
+    showMoreDropdown = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkGJZCJSPKcjs.Dropdown,
+      {
+        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, 
+            _chunk4SNEOOFXcjs.TextIconAligner,
+            {
+              content: `Show ${pageSize} items`,
+              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, 
+        _chunk3XWROTDTcjs.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 resultsString = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIBVONPMCcjs.Label, { children: "Viewing " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDECQB2Ocjs.LabelModerate, { children: `${startResult}-${endResult}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIBVONPMCcjs.Label, { children: " of " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDECQB2Ocjs.LabelModerate, { children: `${props.resultCount}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIBVONPMCcjs.Label, { children: " results" })
+    ] });
+    const hasNext = props.resultCount ? startResult + pageSize - 1 < props.resultCount : false;
+    const hasPrev = startResult > 1;
+    footer = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableFooter, { children: [
+      resultsString,
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationContainer, { children: [
+        showMoreDropdown,
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationButtonsContainer, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunk3XWROTDTcjs.Button,
+            {
+              text: "Previous",
+              paddingY: "short",
+              onClick: () => {
+                void handlePrev();
+              },
+              disabled: !hasPrev
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunk3XWROTDTcjs.Button,
+            {
+              text: "Next",
+              paddingY: "short",
+              onClick: () => {
+                void handleNext();
+              },
+              disabled: !hasNext
+            }
+          )
+        ] })
+      ] })
+    ] });
+  }
+  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, _chunkAF7KMKGFcjs.Table, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__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, _chunkX5V7LCCXcjs.CardPageFullWidth, { css: { marginTop: "24px" }, children: content }) : content });
+}
+var StyledDataManagerTable = _styled2.default.div``;
+var commonPadding = `
+  ${_chunkKW3JYLRIcjs.bp.lg(`
+  padding-left: ${_chunk23NA5VW6cjs.standardContentInset.lgPx}px;
+  padding-right: ${_chunk23NA5VW6cjs.standardContentInset.lgPx}px;
+  `)}
+  ${_chunkKW3JYLRIcjs.bp.sm(`
+  padding-left: ${_chunk23NA5VW6cjs.standardContentInset.smPx}px;
+  padding-right: ${_chunk23NA5VW6cjs.standardContentInset.smPx}px;
+  `)}
+  ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
+  padding-left: ${_chunk23NA5VW6cjs.standardContentInset.minSmMaxLgPx}px;
+  padding-right: ${_chunk23NA5VW6cjs.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};
+  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};
+
+  ${_chunk3XWROTDTcjs.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 DataManagerTableFilterContainer = _styled2.default.div`
+  position: relative;
+`;
+
+
+
+exports.DataManagerTable = DataManagerTable;

package/dist/chunk-5O2EL5I3.js

@@ -0,0 +1,14 @@
+// src/components/DataManagerTable/filters.ts
+var FilterType = /* @__PURE__ */ ((FilterType2) => {
+  FilterType2["DATE"] = "date";
+  FilterType2["ENUM"] = "enum";
+  FilterType2["STRING"] = "string";
+  FilterType2["ID"] = "id";
+  FilterType2["NUMBER"] = "number";
+  FilterType2["BOOLEAN"] = "boolean";
+  return FilterType2;
+})(FilterType || {});
+
+export {
+  FilterType
+};

package/dist/{chunk-LZ24FX6C.cjs → chunk-5OP23S3Q.cjs}

@@ -3,11 +3,11 @@
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
+var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
 
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/Tooltip.tsx
 var _css = require('@emotion/css');
@@ -36,7 +36,7 @@ function Tooltip(props) {
   return nodeReady && nodeRef.current ? _reactdom2.default.createPortal(
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _reacttooltip.Tooltip,
-      _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, props), {
+      _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), {
         id: props.id || "",
         content: props.content || "",
         noArrow: true,
@@ -54,7 +54,7 @@ var styles = ({ theme }) => _css.css`
   border-radius: 8px !important;
   padding: 16px !important;
   z-index: ${_chunkZU72XWNEcjs.z.tooltip};
-  ${_chunkPYL3O7AFcjs.overlaySurface.call(void 0, { theme, important: true })};
+  ${_chunk23NA5VW6cjs.overlaySurface.call(void 0, { theme, important: true })};
 
   max-width: 260px;
   box-shadow: