@elliemae/ds-data-table 2.2.0-alpha.2 → 2.2.0-beta.0

package/cjs/addons/Pagination/index.js

@@ -1,35 +1,9 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Pagination_exports = {};
-__export(Pagination_exports, {
-  Pagination: () => import_Pagination.Pagination
-});
-var React = __toESM(require("react"));
-var import_Pagination = __toESM(require("./Pagination"));
-module.exports = __toCommonJS(Pagination_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Pagination = require('./Pagination.js');
+
+
+
+exports.Pagination = Pagination.Pagination;

package/cjs/configs/constants.js

@@ -1,76 +1,49 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var constants_exports = {};
-__export(constants_exports, {
-  ColsLayoutStyle: () => ColsLayoutStyle,
-  DATA_TESTID: () => DATA_TESTID,
-  momentFormat: () => momentFormat
-});
-var React = __toESM(require("react"));
-const momentFormat = "MM/DD/YYYY";
-var ColsLayoutStyle = /* @__PURE__ */ ((ColsLayoutStyle2) => {
-  ColsLayoutStyle2["Fixed"] = "fixed";
-  ColsLayoutStyle2["Auto"] = "auto";
-  return ColsLayoutStyle2;
-})(ColsLayoutStyle || {});
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const momentFormat = 'MM/DD/YYYY';
+exports.ColsLayoutStyle = void 0;
+
+(function (ColsLayoutStyle) {
+  ColsLayoutStyle["Fixed"] = "fixed";
+  ColsLayoutStyle["Auto"] = "auto";
+})(exports.ColsLayoutStyle || (exports.ColsLayoutStyle = {}));
+
 const DATA_TESTID = {
-  DATA_TABLE_WRAPPER: "data-table-wrapper",
-  DATA_TABLE_GLOBAL_EXPAND_CELL: "data-table-global-expand-cell",
-  DATA_TABLE_ICON_ARROW_DOWN: "ic-arrow-head-down",
-  DATA_TABLE_ICON_ARROW_RIGHT: "ic-arrow-head-right",
-  DATA_TABLE_ICON_ARROW_MIXED: "ic-arrow-head-mixed",
-  DATA_TABLE_ICON_CHILD: "ic-arrow-child",
-  DATA_TABLE_GLOBAL_CHECKBOX: "data-table-global-checkbox",
-  DATA_TABLE_CHECKBOX: "data-table-checkbox",
-  DATA_TABLE_RADIO: "data-table-radio",
-  DATA_TABLE_DATE_RANGE_CONTROLLER: "data-table-date-range",
-  DATA_TABLE_SINGLE_DATE_CONTROLLER: "data-table-single-date",
-  DATA_TABLE_NUMBER_RANGE_CONTROLLER: "data-table-number-range",
-  DATA_TABLE_CURRENCY_RANGE_CONTROLLER: "data-table-currency-range",
-  DATA_TABLE_SELECT_MENU_ITEM: "data-table-filter-menu-list-item",
-  DATA_TABLE_MULTISELECT_CONTROLLER: "data-table-multi-select",
-  DATA_TABLE_SINGLESELECT_CONTROLLER: "data-table-single-select",
-  DATA_TABLE_FILTER_BUTTON: "data-table-filter-menu-button",
-  DATA_TABLE_FILTER_MENU_CONTENT: "data-table-filter-menu-content",
-  DATA_TABLE_ROW_CONTENT: "data-table-row-content",
-  DATA_TABLE_ROW: "data-table-row",
-  DATA_TABLE_TOOLBAR_TRIGGER: "data-table-toolbar-trigger",
-  DATA_TABLE_CELL: "data-table-cell",
-  DATA_TABLE_DRAG_HANDLE: "data-table-drag-handle",
-  DATA_TABLE_CONTENT_WRAPPER: "data-table-content-wrapper",
-  DATA_TABLE_TABLE: "data-table-table",
-  DATA_TABLE_SCROLLABLE_CONTAINER: "data-table-scrollable-container",
-  DATA_TABLE_HEADER: "data-table-header",
-  DATA_TABLE_ROW_HEADER_CONTENT: "data-table-row-header-content",
-  DATA_TABLE_ROW_GROUP_HEADER: "data-table-row-group-header",
-  DATA_TABLE_COLUMN_DRAG_OVERLAY: "data-table-drag-column-drag-overlay",
-  DATA_TABLE_HEADER_CELL_TITLE: "header-cell-title",
-  DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON: "filter-bar-ddmenu-button"
+  DATA_TABLE_WRAPPER: 'data-table-wrapper',
+  DATA_TABLE_GLOBAL_EXPAND_CELL: 'data-table-global-expand-cell',
+  DATA_TABLE_ICON_ARROW_DOWN: 'ic-arrow-head-down',
+  DATA_TABLE_ICON_ARROW_RIGHT: 'ic-arrow-head-right',
+  DATA_TABLE_ICON_ARROW_MIXED: 'ic-arrow-head-mixed',
+  DATA_TABLE_ICON_CHILD: 'ic-arrow-child',
+  DATA_TABLE_GLOBAL_CHECKBOX: 'data-table-global-checkbox',
+  DATA_TABLE_CHECKBOX: 'data-table-checkbox',
+  DATA_TABLE_RADIO: 'data-table-radio',
+  DATA_TABLE_DATE_RANGE_CONTROLLER: 'data-table-date-range',
+  DATA_TABLE_SINGLE_DATE_CONTROLLER: 'data-table-single-date',
+  DATA_TABLE_NUMBER_RANGE_CONTROLLER: 'data-table-number-range',
+  DATA_TABLE_CURRENCY_RANGE_CONTROLLER: 'data-table-currency-range',
+  DATA_TABLE_SELECT_MENU_ITEM: 'data-table-filter-menu-list-item',
+  DATA_TABLE_MULTISELECT_CONTROLLER: 'data-table-multi-select',
+  DATA_TABLE_SINGLESELECT_CONTROLLER: 'data-table-single-select',
+  DATA_TABLE_FILTER_BUTTON: 'data-table-filter-menu-button',
+  DATA_TABLE_FILTER_MENU_CONTENT: 'data-table-filter-menu-content',
+  DATA_TABLE_ROW_CONTENT: 'data-table-row-content',
+  DATA_TABLE_ROW: 'data-table-row',
+  DATA_TABLE_TOOLBAR_TRIGGER: 'data-table-toolbar-trigger',
+  DATA_TABLE_CELL: 'data-table-cell',
+  DATA_TABLE_DRAG_HANDLE: 'data-table-drag-handle',
+  DATA_TABLE_CONTENT_WRAPPER: 'data-table-content-wrapper',
+  DATA_TABLE_TABLE: 'data-table-table',
+  DATA_TABLE_SCROLLABLE_CONTAINER: 'data-table-scrollable-container',
+  DATA_TABLE_HEADER: 'data-table-header',
+  DATA_TABLE_ROW_HEADER_CONTENT: 'data-table-row-header-content',
+  DATA_TABLE_ROW_GROUP_HEADER: 'data-table-row-group-header',
+  DATA_TABLE_COLUMN_DRAG_OVERLAY: 'data-table-drag-column-drag-overlay',
+  DATA_TABLE_HEADER_CELL_TITLE: 'header-cell-title',
+  DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON: 'filter-bar-ddmenu-button'
 };
-module.exports = __toCommonJS(constants_exports);
-//# sourceMappingURL=constants.js.map
+
+exports.DATA_TESTID = DATA_TESTID;
+exports.momentFormat = momentFormat;

package/cjs/configs/fixedSizes.js

@@ -1,37 +1,9 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var fixedSizes_exports = {};
-__export(fixedSizes_exports, {
-  FIXED_SIZES: () => FIXED_SIZES
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const FIXED_SIZES = {
   PAGINATION_HEIGHT: 42
 };
-module.exports = __toCommonJS(fixedSizes_exports);
-//# sourceMappingURL=fixedSizes.js.map
+
+exports.FIXED_SIZES = FIXED_SIZES;

package/cjs/configs/index.js

@@ -1,32 +1,22 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var configs_exports = {};
-var React = __toESM(require("react"));
-__reExport(configs_exports, __toESM(require("./constants")));
-__reExport(configs_exports, __toESM(require("./fixedSizes")));
-__reExport(configs_exports, __toESM(require("./useDatatableConfig")));
-__reExport(configs_exports, __toESM(require("./useRowFlattenization")));
-__reExport(configs_exports, __toESM(require("./zIndexInternalConfig")));
-module.exports = __toCommonJS(configs_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var constants = require('./constants.js');
+var fixedSizes = require('./fixedSizes.js');
+var useDatatableConfig = require('./useDatatableConfig.js');
+var useRowFlattenization = require('./useRowFlattenization.js');
+var zIndexInternalConfig = require('./zIndexInternalConfig.js');
+
+
+
+Object.defineProperty(exports, 'ColsLayoutStyle', {
+	enumerable: true,
+	get: function () { return constants.ColsLayoutStyle; }
+});
+exports.DATA_TESTID = constants.DATA_TESTID;
+exports.momentFormat = constants.momentFormat;
+exports.FIXED_SIZES = fixedSizes.FIXED_SIZES;
+exports.useDatatableConfig = useDatatableConfig.useDatatableConfig;
+exports.useRowFlattenization = useRowFlattenization.useRowFlattenization;
+exports.ZIndexDataTable = zIndexInternalConfig.ZIndexDataTable;

package/cjs/configs/useDatatableConfig.js

@@ -1,72 +1,70 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useDatatableConfig_exports = {};
-__export(useDatatableConfig_exports, {
-  useDatatableConfig: () => useDatatableConfig
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_virtual = __toESM(require("react-virtual"));
-var import_columnsToGrid = __toESM(require("../helpers/columnsToGrid"));
-var import_useRowFlattenization = __toESM(require("./useRowFlattenization"));
-var import_usePaginationConfig = __toESM(require("./usePaginationConfig"));
-var import_useTableColsWithAddons = __toESM(require("./useTableColsWithAddons"));
-var import_constants = __toESM(require("./constants"));
-const useDatatableConfig = (props) => {
-  const virtualListRef = (0, import_react.useRef)(null);
-  const columnHeaderRef = (0, import_react.useRef)(null);
-  const tableColsWithAddons = (0, import_useTableColsWithAddons.useTableColsWithAddons)(props);
-  const visibleColumns = (0, import_react.useMemo)(() => tableColsWithAddons.filter((col) => !props.hiddenColumns.includes(col.accessor)), [props.hiddenColumns, tableColsWithAddons]);
-  const [dataLength, setDataLength] = (0, import_react.useState)(1);
-  const virtualListHelpers = (0, import_react_virtual.useVirtual)({
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+var React = require('react');
+var reactVirtual = require('react-virtual');
+var columnsToGrid = require('../helpers/columnsToGrid.js');
+var useRowFlattenization = require('./useRowFlattenization.js');
+var usePaginationConfig = require('./usePaginationConfig.js');
+var useTableColsWithAddons = require('./useTableColsWithAddons.js');
+var constants = require('./constants.js');
+
+const useDatatableConfig = props => {
+  var _columnHeaderRef$curr, _columnHeaderRef$curr2, _columnHeaderRef$curr3;
+
+  const virtualListRef = React.useRef(null);
+  const columnHeaderRef = React.useRef(null); // ===========================================================================
+  // Column config
+  // ===========================================================================
+
+  const tableColsWithAddons = useTableColsWithAddons(props);
+  const visibleColumns = React.useMemo(() => tableColsWithAddons.filter(col => !props.hiddenColumns.includes(col.accessor)), [props.hiddenColumns, tableColsWithAddons]); // ===========================================================================
+  // Virtualization
+  // ===========================================================================
+
+  const [dataLength, setDataLength] = React.useState(1); // estimateSize should not be really required given what was stated on
+  // https://github.com/tannerlinsley/react-virtual/issues/23
+
+  const virtualListHelpers = reactVirtual.useVirtual({
     size: dataLength,
     parentRef: virtualListRef,
     overscan: 15,
-    paddingStart: columnHeaderRef.current?.getBoundingClientRect()?.height ?? 24
-  });
-  (0, import_react.useEffect)(() => {
+    paddingStart: (_columnHeaderRef$curr = (_columnHeaderRef$curr2 = columnHeaderRef.current) === null || _columnHeaderRef$curr2 === void 0 ? void 0 : (_columnHeaderRef$curr3 = _columnHeaderRef$curr2.getBoundingClientRect()) === null || _columnHeaderRef$curr3 === void 0 ? void 0 : _columnHeaderRef$curr3.height) !== null && _columnHeaderRef$curr !== void 0 ? _columnHeaderRef$curr : 24
+  }); // ===========================================================================
+  // Action ref setup
+  // ===========================================================================
+
+  React.useEffect(() => {
     if (props.actionRef) {
       props.actionRef.current.scrollToIndex = virtualListHelpers.scrollToIndex;
       props.actionRef.current.scrollToOffset = virtualListHelpers.scrollToOffset;
     }
-  }, [props.actionRef, virtualListHelpers.scrollToIndex, virtualListHelpers.scrollToOffset]);
-  const [flattenedData, allDataFlattened] = (0, import_useRowFlattenization.useRowFlattenization)(props);
-  const [paginatedData, paginationHelpers] = (0, import_usePaginationConfig.usePaginationConfig)(props, flattenedData);
-  if (dataLength !== (paginatedData || flattenedData).length)
-    setDataLength((paginatedData || flattenedData).length);
-  const [gridLayout, setGridLayout] = (0, import_react.useState)((0, import_columnsToGrid.columnsToGrid)(visibleColumns, props.colsLayoutStyle));
-  const totalColumnsWidth = (0, import_react.useMemo)(() => props.colsLayoutStyle === import_constants.ColsLayoutStyle.Fixed ? gridLayout.reduce((acc, cur) => acc + Number.parseInt(cur, 10), 0) : "100%", [props.colsLayoutStyle, gridLayout]);
-  const layoutHelpers = (0, import_react.useMemo)(() => ({
+  }, [props.actionRef, virtualListHelpers.scrollToIndex, virtualListHelpers.scrollToOffset]); // ===========================================================================
+  // Data flattenization and pagination
+  // ===========================================================================
+
+  const [flattenedData, allDataFlattened] = useRowFlattenization.useRowFlattenization(props);
+  const [paginatedData, paginationHelpers] = usePaginationConfig.usePaginationConfig(props, flattenedData); // Redo virtualization until we match the lengths
+
+  if (dataLength !== (paginatedData || flattenedData).length) setDataLength((paginatedData || flattenedData).length); // ===========================================================================
+  // Layout config
+  // ===========================================================================
+
+  const [gridLayout, setGridLayout] = React.useState(columnsToGrid.columnsToGrid(visibleColumns, props.colsLayoutStyle));
+  const totalColumnsWidth = React.useMemo(() => props.colsLayoutStyle === constants.ColsLayoutStyle.Fixed ? gridLayout.reduce((acc, cur) => acc + Number.parseInt(cur, 10), 0) : '100%', [props.colsLayoutStyle, gridLayout]);
+  const layoutHelpers = React.useMemo(() => ({
     gridLayout,
     setGridLayout,
     totalColumnsWidth
   }), [gridLayout, setGridLayout, totalColumnsWidth]);
-  const ctx = (0, import_react.useMemo)(() => ({
+  const ctx = React.useMemo(() => ({
     tableProps: props,
     layoutHelpers,
     paginationHelpers,
@@ -76,19 +74,8 @@ const useDatatableConfig = (props) => {
     allDataFlattened,
     virtualListRef,
     columnHeaderRef
-  }), [
-    props,
-    layoutHelpers,
-    paginationHelpers,
-    visibleColumns,
-    virtualListHelpers,
-    paginatedData,
-    flattenedData,
-    allDataFlattened,
-    virtualListRef,
-    columnHeaderRef
-  ]);
+  }), [props, layoutHelpers, paginationHelpers, visibleColumns, virtualListHelpers, paginatedData, flattenedData, allDataFlattened, virtualListRef, columnHeaderRef]);
   return ctx;
 };
-module.exports = __toCommonJS(useDatatableConfig_exports);
-//# sourceMappingURL=useDatatableConfig.js.map
+
+exports.useDatatableConfig = useDatatableConfig;

package/cjs/configs/usePaginationConfig.js

@@ -1,41 +1,19 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var usePaginationConfig_exports = {};
-__export(usePaginationConfig_exports, {
-  usePaginationConfig: () => usePaginationConfig
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
 const noPagination = {};
+
 const emptyFunc = () => null;
+
 const usePaginationConfig = (props, flattenedData) => {
-  const { pagination } = props;
-  const hasPagination = !!pagination;
+  const {
+    pagination
+  } = props;
+  const hasPagination = !!pagination; // Set default values
+
   const {
     pageIndex = 1,
     canPreviousPage = true,
@@ -52,14 +30,15 @@ const usePaginationConfig = (props, flattenedData) => {
     maxPerPage = 100,
     showPerPageSelector = true,
     pageDetails = [],
-    pageDetailsTitle = ""
-  } = pagination || noPagination;
-  const page = (0, import_react.useMemo)(() => {
-    if (!hasPagination)
-      return null;
+    pageDetailsTitle = ''
+  } = pagination || noPagination; // pagination can be false
+  // Get the needed page
+
+  const page = React.useMemo(() => {
+    if (!hasPagination) return null;
     return flattenedData.slice((pageIndex - 1) * pageSize, pageIndex * pageSize);
   }, [flattenedData, pageIndex, pageSize, hasPagination]);
-  const paginationHelpers = (0, import_react.useMemo)(() => ({
+  const paginationHelpers = React.useMemo(() => ({
     pageIndex: pageIndex - 1,
     canPreviousPage,
     canNextPage,
@@ -76,25 +55,8 @@ const usePaginationConfig = (props, flattenedData) => {
     showPerPageSelector,
     pageDetails,
     pageDetailsTitle
-  }), [
-    pageIndex,
-    canPreviousPage,
-    canNextPage,
-    pageSize,
-    perPageOptions,
-    onPageSizeChange,
-    onPreviousPage,
-    onNextPage,
-    onPageChange,
-    pageCount,
-    perPageStep,
-    minPerPage,
-    maxPerPage,
-    showPerPageSelector,
-    pageDetails,
-    pageDetailsTitle
-  ]);
+  }), [pageIndex, canPreviousPage, canNextPage, pageSize, perPageOptions, onPageSizeChange, onPreviousPage, onNextPage, onPageChange, pageCount, perPageStep, minPerPage, maxPerPage, showPerPageSelector, pageDetails, pageDetailsTitle]);
   return [page, paginationHelpers];
 };
-module.exports = __toCommonJS(usePaginationConfig_exports);
-//# sourceMappingURL=usePaginationConfig.js.map
+
+exports.usePaginationConfig = usePaginationConfig;