@elliemae/ds-data-table 2.2.1 → 2.3.0-alpha.4

package/esm/addons/Pagination/Pagination.js

@@ -1,37 +1,24 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useContext, useMemo, useEffect } from 'react';
-import { DSPagination } from '@elliemae/ds-pagination';
-import DataTableContext from '../../DataTableContext.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import * as React from "react";
+import React2, { useContext, useEffect, useMemo } from "react";
+import { DSPagination } from "@elliemae/ds-pagination";
+import { DataTableContext } from "../../DataTableContext";
 const Pagination = () => {
   const {
-    tableProps: {
-      onPageChanged
-    },
+    tableProps: { onPageChanged },
     paginationHelpers,
     flattenedData: page,
-    layoutHelpers: {
-      totalColumnsWidth
-    }
+    layoutHelpers: { totalColumnsWidth }
   } = useContext(DataTableContext);
-  const originalPage = useMemo(() => page.map(row => row.original), [page]);
+  const originalPage = useMemo(() => page.map((row) => row.original), [page]);
   useEffect(() => {
     onPageChanged(originalPage);
   }, [onPageChanged, originalPage]);
-  return /*#__PURE__*/jsx(DSPagination, _objectSpread(_objectSpread({}, paginationHelpers), {}, {
+  return /* @__PURE__ */ React2.createElement(DSPagination, {
+    ...paginationHelpers,
     width: totalColumnsWidth
-  }));
+  });
 };
-
-export { Pagination };
+export {
+  Pagination
+};
+//# sourceMappingURL=Pagination.js.map

package/esm/addons/Pagination/Pagination.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/addons/Pagination/Pagination.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useEffect, useMemo } from 'react';\nimport { DSPagination } from '@elliemae/ds-pagination';\nimport { DataTableContext } from '../../DataTableContext';\n\nexport const Pagination: React.ComponentType<Record<string, never>> = () => {\n  const {\n    tableProps: { onPageChanged },\n    paginationHelpers,\n    flattenedData: page,\n    layoutHelpers: { totalColumnsWidth },\n  } = useContext(DataTableContext);\n\n  const originalPage = useMemo(() => page.map((row) => row.original), [page]);\n\n  useEffect(() => {\n    onPageChanged(originalPage);\n  }, [onPageChanged, originalPage]);\n\n  return <DSPagination {...paginationHelpers} width={totalColumnsWidth} />;\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,aAAyD,MAAM;AAC1E,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,IACd;AAAA,IACA,eAAe;AAAA,IACf,eAAe,EAAE;AAAA,MACf,WAAW;AAEf,QAAM,eAAe,QAAQ,MAAM,KAAK,IAAI,CAAC,QAAQ,IAAI,WAAW,CAAC;AAErE,YAAU,MAAM;AACd,kBAAc;AAAA,KACb,CAAC,eAAe;AAEnB,SAAO,qCAAC,cAAD;AAAA,OAAkB;AAAA,IAAmB,OAAO;AAAA;AAAA;",
+  "names": []
+}

package/esm/addons/Pagination/index.js

@@ -1 +1,6 @@
-export { Pagination } from './Pagination.js';
+import * as React from "react";
+import { Pagination } from "./Pagination";
+export {
+  Pagination
+};
+//# sourceMappingURL=index.js.map

package/esm/addons/Pagination/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/addons/Pagination/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { Pagination } from './Pagination';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/esm/configs/constants.js

@@ -1,44 +1,47 @@
-const momentFormat = 'MM/DD/YYYY';
-let ColsLayoutStyle;
-
-(function (ColsLayoutStyle) {
-  ColsLayoutStyle["Fixed"] = "fixed";
-  ColsLayoutStyle["Auto"] = "auto";
-})(ColsLayoutStyle || (ColsLayoutStyle = {}));
-
+import * as React from "react";
+const momentFormat = "MM/DD/YYYY";
+var ColsLayoutStyle = /* @__PURE__ */ ((ColsLayoutStyle2) => {
+  ColsLayoutStyle2["Fixed"] = "fixed";
+  ColsLayoutStyle2["Auto"] = "auto";
+  return ColsLayoutStyle2;
+})(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"
 };
-
-export { ColsLayoutStyle, DATA_TESTID, momentFormat };
+export {
+  ColsLayoutStyle,
+  DATA_TESTID,
+  momentFormat
+};
+//# sourceMappingURL=constants.js.map

package/esm/configs/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/constants.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const momentFormat = 'MM/DD/YYYY';\nexport enum ColsLayoutStyle {\n  Fixed = 'fixed',\n  Auto = 'auto',\n}\n\nexport const DATA_TESTID = {\n  DATA_TABLE_WRAPPER: 'data-table-wrapper',\n  DATA_TABLE_GLOBAL_EXPAND_CELL: 'data-table-global-expand-cell',\n  DATA_TABLE_ICON_ARROW_DOWN: 'ic-arrow-head-down',\n  DATA_TABLE_ICON_ARROW_RIGHT: 'ic-arrow-head-right',\n  DATA_TABLE_ICON_ARROW_MIXED: 'ic-arrow-head-mixed',\n  DATA_TABLE_ICON_CHILD: 'ic-arrow-child',\n  DATA_TABLE_GLOBAL_CHECKBOX: 'data-table-global-checkbox',\n  DATA_TABLE_CHECKBOX: 'data-table-checkbox',\n  DATA_TABLE_RADIO: 'data-table-radio',\n  DATA_TABLE_DATE_RANGE_CONTROLLER: 'data-table-date-range',\n  DATA_TABLE_SINGLE_DATE_CONTROLLER: 'data-table-single-date',\n  DATA_TABLE_NUMBER_RANGE_CONTROLLER: 'data-table-number-range',\n  DATA_TABLE_CURRENCY_RANGE_CONTROLLER: 'data-table-currency-range',\n  DATA_TABLE_SELECT_MENU_ITEM: 'data-table-filter-menu-list-item',\n  DATA_TABLE_MULTISELECT_CONTROLLER: 'data-table-multi-select',\n  DATA_TABLE_SINGLESELECT_CONTROLLER: 'data-table-single-select',\n  DATA_TABLE_FILTER_BUTTON: 'data-table-filter-menu-button',\n  DATA_TABLE_FILTER_MENU_CONTENT: 'data-table-filter-menu-content',\n  DATA_TABLE_ROW_CONTENT: 'data-table-row-content',\n  DATA_TABLE_ROW: 'data-table-row',\n  DATA_TABLE_TOOLBAR_TRIGGER: 'data-table-toolbar-trigger',\n  DATA_TABLE_CELL: 'data-table-cell',\n  DATA_TABLE_DRAG_HANDLE: 'data-table-drag-handle',\n  DATA_TABLE_CONTENT_WRAPPER: 'data-table-content-wrapper',\n  DATA_TABLE_TABLE: 'data-table-table',\n  DATA_TABLE_SCROLLABLE_CONTAINER: 'data-table-scrollable-container',\n  DATA_TABLE_HEADER: 'data-table-header',\n  DATA_TABLE_ROW_HEADER_CONTENT: 'data-table-row-header-content',\n  DATA_TABLE_ROW_GROUP_HEADER: 'data-table-row-group-header',\n  DATA_TABLE_COLUMN_DRAG_OVERLAY: 'data-table-drag-column-drag-overlay',\n  DATA_TABLE_HEADER_CELL_TITLE: 'header-cell-title',\n  DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON: 'filter-bar-ddmenu-button',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,eAAe;AACrB,IAAK,kBAAL,kBAAK,qBAAL;AACL,8BAAQ;AACR,6BAAO;AAFG;AAAA;AAKL,MAAM,cAAc;AAAA,EACzB,oBAAoB;AAAA,EACpB,+BAA+B;AAAA,EAC/B,4BAA4B;AAAA,EAC5B,6BAA6B;AAAA,EAC7B,6BAA6B;AAAA,EAC7B,uBAAuB;AAAA,EACvB,4BAA4B;AAAA,EAC5B,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,kCAAkC;AAAA,EAClC,mCAAmC;AAAA,EACnC,oCAAoC;AAAA,EACpC,sCAAsC;AAAA,EACtC,6BAA6B;AAAA,EAC7B,mCAAmC;AAAA,EACnC,oCAAoC;AAAA,EACpC,0BAA0B;AAAA,EAC1B,gCAAgC;AAAA,EAChC,wBAAwB;AAAA,EACxB,gBAAgB;AAAA,EAChB,4BAA4B;AAAA,EAC5B,iBAAiB;AAAA,EACjB,wBAAwB;AAAA,EACxB,4BAA4B;AAAA,EAC5B,kBAAkB;AAAA,EAClB,iCAAiC;AAAA,EACjC,mBAAmB;AAAA,EACnB,+BAA+B;AAAA,EAC/B,6BAA6B;AAAA,EAC7B,gCAAgC;AAAA,EAChC,8BAA8B;AAAA,EAC9B,sCAAsC;AAAA;",
+  "names": []
+}

package/esm/configs/fixedSizes.js

@@ -1,5 +1,8 @@
+import * as React from "react";
 const FIXED_SIZES = {
   PAGINATION_HEIGHT: 42
 };
-
-export { FIXED_SIZES };
+export {
+  FIXED_SIZES
+};
+//# sourceMappingURL=fixedSizes.js.map

package/esm/configs/fixedSizes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/fixedSizes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const FIXED_SIZES = {\n  PAGINATION_HEIGHT: 42,\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,cAAc;AAAA,EACzB,mBAAmB;AAAA;",
+  "names": []
+}

package/esm/configs/index.js

@@ -1,5 +1,7 @@
-export { ColsLayoutStyle, DATA_TESTID, momentFormat } from './constants.js';
-export { FIXED_SIZES } from './fixedSizes.js';
-export { useDatatableConfig } from './useDatatableConfig.js';
-export { useRowFlattenization } from './useRowFlattenization.js';
-export { ZIndexDataTable } from './zIndexInternalConfig.js';
+import * as React from "react";
+export * from "./constants";
+export * from "./fixedSizes";
+export * from "./useDatatableConfig";
+export * from "./useRowFlattenization";
+export * from "./zIndexInternalConfig";
+//# sourceMappingURL=index.js.map

package/esm/configs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './constants';\nexport * from './fixedSizes';\nexport * from './useDatatableConfig';\nexport * from './useRowFlattenization';\nexport * from './zIndexInternalConfig';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

package/esm/configs/useDatatableConfig.js

@@ -1,60 +1,35 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import { useRef, useMemo, useState, useEffect } from 'react';
-import { useVirtual } from 'react-virtual';
-import { columnsToGrid } from '../helpers/columnsToGrid.js';
-import { useRowFlattenization } from './useRowFlattenization.js';
-import { usePaginationConfig } from './usePaginationConfig.js';
-import useTableColsWithAddons from './useTableColsWithAddons.js';
-import { ColsLayoutStyle } from './constants.js';
-
-const useDatatableConfig = props => {
-  var _columnHeaderRef$curr, _columnHeaderRef$curr2, _columnHeaderRef$curr3;
-
+import * as React from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { useVirtual } from "react-virtual";
+import { columnsToGrid } from "../helpers/columnsToGrid";
+import { useRowFlattenization } from "./useRowFlattenization";
+import { usePaginationConfig } from "./usePaginationConfig";
+import { useTableColsWithAddons } from "./useTableColsWithAddons";
+import { ColsLayoutStyle } from "./constants";
+const useDatatableConfig = (props) => {
   const virtualListRef = useRef(null);
-  const columnHeaderRef = useRef(null); // ===========================================================================
-  // Column config
-  // ===========================================================================
-
+  const columnHeaderRef = useRef(null);
   const tableColsWithAddons = useTableColsWithAddons(props);
-  const visibleColumns = useMemo(() => tableColsWithAddons.filter(col => !props.hiddenColumns.includes(col.accessor)), [props.hiddenColumns, tableColsWithAddons]); // ===========================================================================
-  // Virtualization
-  // ===========================================================================
-
-  const [dataLength, setDataLength] = useState(1); // estimateSize should not be really required given what was stated on
-  // https://github.com/tannerlinsley/react-virtual/issues/23
-
+  const visibleColumns = useMemo(() => tableColsWithAddons.filter((col) => !props.hiddenColumns.includes(col.accessor)), [props.hiddenColumns, tableColsWithAddons]);
+  const [dataLength, setDataLength] = useState(1);
   const virtualListHelpers = useVirtual({
     size: dataLength,
     parentRef: virtualListRef,
     overscan: 15,
-    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
-  // ===========================================================================
-
+    paddingStart: columnHeaderRef.current?.getBoundingClientRect()?.height ?? 24
+  });
   useEffect(() => {
     if (props.actionRef) {
       props.actionRef.current.scrollToIndex = virtualListHelpers.scrollToIndex;
       props.actionRef.current.scrollToOffset = virtualListHelpers.scrollToOffset;
     }
-  }, [props.actionRef, virtualListHelpers.scrollToIndex, virtualListHelpers.scrollToOffset]); // ===========================================================================
-  // Data flattenization and pagination
-  // ===========================================================================
-
+  }, [props.actionRef, virtualListHelpers.scrollToIndex, virtualListHelpers.scrollToOffset]);
   const [flattenedData, allDataFlattened] = useRowFlattenization(props);
-  const [paginatedData, paginationHelpers] = usePaginationConfig(props, flattenedData); // Redo virtualization until we match the lengths
-
-  if (dataLength !== (paginatedData || flattenedData).length) setDataLength((paginatedData || flattenedData).length); // ===========================================================================
-  // Layout config
-  // ===========================================================================
-
+  const [paginatedData, paginationHelpers] = usePaginationConfig(props, flattenedData);
+  if (dataLength !== (paginatedData || flattenedData).length)
+    setDataLength((paginatedData || flattenedData).length);
   const [gridLayout, setGridLayout] = useState(columnsToGrid(visibleColumns, props.colsLayoutStyle));
-  const totalColumnsWidth = useMemo(() => props.colsLayoutStyle === ColsLayoutStyle.Fixed ? gridLayout.reduce((acc, cur) => acc + Number.parseInt(cur, 10), 0) : '100%', [props.colsLayoutStyle, gridLayout]);
+  const totalColumnsWidth = useMemo(() => props.colsLayoutStyle === ColsLayoutStyle.Fixed ? gridLayout.reduce((acc, cur) => acc + Number.parseInt(cur, 10), 0) : "100%", [props.colsLayoutStyle, gridLayout]);
   const layoutHelpers = useMemo(() => ({
     gridLayout,
     setGridLayout,
@@ -70,8 +45,21 @@ 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;
 };
-
-export { useDatatableConfig };
+export {
+  useDatatableConfig
+};
+//# sourceMappingURL=useDatatableConfig.js.map

package/esm/configs/useDatatableConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/useDatatableConfig.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useMemo, useRef, useState } from 'react';\nimport { useVirtual } from 'react-virtual';\nimport { columnsToGrid } from '../helpers/columnsToGrid';\nimport { TypescriptColumn, TypescriptContext, TypescriptProps } from '../types/props';\nimport { useRowFlattenization } from './useRowFlattenization';\nimport { usePaginationConfig } from './usePaginationConfig';\nimport { useTableColsWithAddons } from './useTableColsWithAddons';\nimport { ColsLayoutStyle } from './constants';\n\nexport const useDatatableConfig = (props: TypescriptProps): TypescriptContext => {\n  const virtualListRef = useRef<HTMLDivElement>(null);\n  const columnHeaderRef = useRef<HTMLDivElement>(null);\n\n  // ===========================================================================\n  // Column config\n  // ===========================================================================\n  const tableColsWithAddons = useTableColsWithAddons(props);\n\n  const visibleColumns = useMemo(\n    () => tableColsWithAddons.filter((col: TypescriptColumn) => !props.hiddenColumns.includes(col.accessor)),\n    [props.hiddenColumns, tableColsWithAddons],\n  );\n\n  // ===========================================================================\n  // Virtualization\n  // ===========================================================================\n\n  const [dataLength, setDataLength] = useState(1);\n\n  // estimateSize should not be really required given what was stated on\n  // https://github.com/tannerlinsley/react-virtual/issues/23\n  const virtualListHelpers = useVirtual({\n    size: dataLength,\n    parentRef: virtualListRef,\n    overscan: 15,\n    paddingStart: columnHeaderRef.current?.getBoundingClientRect()?.height ?? 24,\n  });\n\n  // ===========================================================================\n  // Action ref setup\n  // ===========================================================================\n  useEffect(() => {\n    if (props.actionRef) {\n      props.actionRef.current.scrollToIndex = virtualListHelpers.scrollToIndex;\n      props.actionRef.current.scrollToOffset = virtualListHelpers.scrollToOffset;\n    }\n  }, [props.actionRef, virtualListHelpers.scrollToIndex, virtualListHelpers.scrollToOffset]);\n\n  // ===========================================================================\n  // Data flattenization and pagination\n  // ===========================================================================\n\n  const [flattenedData, allDataFlattened] = useRowFlattenization(props);\n\n  const [paginatedData, paginationHelpers] = usePaginationConfig(props, flattenedData);\n\n  // Redo virtualization until we match the lengths\n  if (dataLength !== (paginatedData || flattenedData).length) setDataLength((paginatedData || flattenedData).length);\n\n  // ===========================================================================\n  // Layout config\n  // ===========================================================================\n\n  const [gridLayout, setGridLayout] = useState(columnsToGrid(visibleColumns, props.colsLayoutStyle));\n\n  const totalColumnsWidth = useMemo(\n    () =>\n      props.colsLayoutStyle === ColsLayoutStyle.Fixed\n        ? gridLayout.reduce((acc: number, cur: string) => acc + Number.parseInt(cur, 10), 0)\n        : '100%',\n    [props.colsLayoutStyle, gridLayout],\n  );\n\n  const layoutHelpers = useMemo(\n    () => ({\n      gridLayout,\n      setGridLayout,\n      totalColumnsWidth,\n    }),\n    [gridLayout, setGridLayout, totalColumnsWidth],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      tableProps: props,\n      layoutHelpers,\n      paginationHelpers,\n      visibleColumns,\n      virtualListHelpers,\n      flattenedData: paginatedData || flattenedData,\n      allDataFlattened,\n      virtualListRef,\n      columnHeaderRef,\n    }),\n    [\n      props,\n      layoutHelpers,\n      paginationHelpers,\n      visibleColumns,\n      virtualListHelpers,\n      paginatedData,\n      flattenedData,\n      allDataFlattened,\n      virtualListRef,\n      columnHeaderRef,\n    ],\n  );\n\n  return ctx;\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEO,MAAM,qBAAqB,CAAC,UAA8C;AAC/E,QAAM,iBAAiB,OAAuB;AAC9C,QAAM,kBAAkB,OAAuB;AAK/C,QAAM,sBAAsB,uBAAuB;AAEnD,QAAM,iBAAiB,QACrB,MAAM,oBAAoB,OAAO,CAAC,QAA0B,CAAC,MAAM,cAAc,SAAS,IAAI,YAC9F,CAAC,MAAM,eAAe;AAOxB,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAI7C,QAAM,qBAAqB,WAAW;AAAA,IACpC,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc,gBAAgB,SAAS,yBAAyB,UAAU;AAAA;AAM5E,YAAU,MAAM;AACd,QAAI,MAAM,WAAW;AACnB,YAAM,UAAU,QAAQ,gBAAgB,mBAAmB;AAC3D,YAAM,UAAU,QAAQ,iBAAiB,mBAAmB;AAAA;AAAA,KAE7D,CAAC,MAAM,WAAW,mBAAmB,eAAe,mBAAmB;AAM1E,QAAM,CAAC,eAAe,oBAAoB,qBAAqB;AAE/D,QAAM,CAAC,eAAe,qBAAqB,oBAAoB,OAAO;AAGtE,MAAI,eAAgB,kBAAiB,eAAe;AAAQ,kBAAe,kBAAiB,eAAe;AAM3G,QAAM,CAAC,YAAY,iBAAiB,SAAS,cAAc,gBAAgB,MAAM;AAEjF,QAAM,oBAAoB,QACxB,MACE,MAAM,oBAAoB,gBAAgB,QACtC,WAAW,OAAO,CAAC,KAAa,QAAgB,MAAM,OAAO,SAAS,KAAK,KAAK,KAChF,QACN,CAAC,MAAM,iBAAiB;AAG1B,QAAM,gBAAgB,QACpB,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,YAAY,eAAe;AAG9B,QAAM,MAAM,QACV,MAAO;AAAA,IACL,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,iBAAiB;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO;AAAA;",
+  "names": []
+}

package/esm/configs/usePaginationConfig.js

@@ -1,15 +1,10 @@
-import { useMemo } from 'react';
-
+import * as React from "react";
+import { useMemo } from "react";
 const noPagination = {};
-
 const emptyFunc = () => null;
-
 const usePaginationConfig = (props, flattenedData) => {
-  const {
-    pagination
-  } = props;
-  const hasPagination = !!pagination; // Set default values
-
+  const { pagination } = props;
+  const hasPagination = !!pagination;
   const {
     pageIndex = 1,
     canPreviousPage = true,
@@ -26,12 +21,11 @@ const usePaginationConfig = (props, flattenedData) => {
     maxPerPage = 100,
     showPerPageSelector = true,
     pageDetails = [],
-    pageDetailsTitle = ''
-  } = pagination || noPagination; // pagination can be false
-  // Get the needed page
-
+    pageDetailsTitle = ""
+  } = pagination || noPagination;
   const page = useMemo(() => {
-    if (!hasPagination) return null;
+    if (!hasPagination)
+      return null;
     return flattenedData.slice((pageIndex - 1) * pageSize, pageIndex * pageSize);
   }, [flattenedData, pageIndex, pageSize, hasPagination]);
   const paginationHelpers = useMemo(() => ({
@@ -51,8 +45,27 @@ 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];
 };
-
-export { usePaginationConfig };
+export {
+  usePaginationConfig
+};
+//# sourceMappingURL=usePaginationConfig.js.map

package/esm/configs/usePaginationConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/usePaginationConfig.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\nimport { TypescriptPagination, TypescriptProps, TypescriptRow } from '../types/props';\n\nconst noPagination: Record<string, never> = {};\n\nconst emptyFunc = () => null;\n\nexport const usePaginationConfig = (\n  props: TypescriptProps,\n  flattenedData: TypescriptRow[],\n): [TypescriptRow[], TypescriptPagination] => {\n  const { pagination } = props;\n\n  const hasPagination = !!pagination;\n\n  // Set default values\n  const {\n    pageIndex = 1,\n    canPreviousPage = true,\n    canNextPage = true,\n    pageSize = 10,\n    perPageOptions = [10],\n    onPageSizeChange = emptyFunc,\n    onPreviousPage = emptyFunc,\n    onNextPage = emptyFunc,\n    onPageChange = emptyFunc,\n    pageCount = Math.ceil(flattenedData.length / pageSize),\n    perPageStep = 5,\n    minPerPage = 0,\n    maxPerPage = 100,\n    showPerPageSelector = true,\n    pageDetails = [],\n    pageDetailsTitle = '',\n  } = pagination || noPagination; // pagination can be false\n\n  // Get the needed page\n  const page = useMemo(() => {\n    if (!hasPagination) return null;\n    return flattenedData.slice((pageIndex - 1) * pageSize, pageIndex * pageSize);\n  }, [flattenedData, pageIndex, pageSize, hasPagination]);\n\n  const paginationHelpers = useMemo(\n    () => ({\n      pageIndex: pageIndex - 1,\n      canPreviousPage,\n      canNextPage,\n      pageSize,\n      perPageOptions,\n      onPageSizeChange,\n      onPreviousPage,\n      onNextPage,\n      onPageChange,\n      pageCount,\n      perPageStep,\n      minPerPage,\n      maxPerPage,\n      showPerPageSelector,\n      pageDetails,\n      pageDetailsTitle,\n    }),\n    [\n      pageIndex,\n      canPreviousPage,\n      canNextPage,\n      pageSize,\n      perPageOptions,\n      onPageSizeChange,\n      onPreviousPage,\n      onNextPage,\n      onPageChange,\n      pageCount,\n      perPageStep,\n      minPerPage,\n      maxPerPage,\n      showPerPageSelector,\n      pageDetails,\n      pageDetailsTitle,\n    ],\n  );\n  return [page, paginationHelpers];\n};\n"],
+  "mappings": "AAAA;ACAA;AAGA,MAAM,eAAsC;AAE5C,MAAM,YAAY,MAAM;AAEjB,MAAM,sBAAsB,CACjC,OACA,kBAC4C;AAC5C,QAAM,EAAE,eAAe;AAEvB,QAAM,gBAAgB,CAAC,CAAC;AAGxB,QAAM;AAAA,IACJ,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,cAAc;AAAA,IACd,WAAW;AAAA,IACX,iBAAiB,CAAC;AAAA,IAClB,mBAAmB;AAAA,IACnB,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,eAAe;AAAA,IACf,YAAY,KAAK,KAAK,cAAc,SAAS;AAAA,IAC7C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,IACb,sBAAsB;AAAA,IACtB,cAAc;AAAA,IACd,mBAAmB;AAAA,MACjB,cAAc;AAGlB,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,CAAC;AAAe,aAAO;AAC3B,WAAO,cAAc,MAAO,aAAY,KAAK,UAAU,YAAY;AAAA,KAClE,CAAC,eAAe,WAAW,UAAU;AAExC,QAAM,oBAAoB,QACxB,MAAO;AAAA,IACL,WAAW,YAAY;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGJ,SAAO,CAAC,MAAM;AAAA;",
+  "names": []
+}

package/esm/configs/useRowFlattenization.js

@@ -1,27 +1,17 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useMemo } from 'react';
-import { getIdFromUniqueRowAccessor } from '../helpers/getIdFromUniqueRowAccessor.js';
-
+import * as React from "react";
+import { useMemo } from "react";
+import { getIdFromUniqueRowAccessor } from "../helpers/getIdFromUniqueRowAccessor";
 const emptyObject = {};
 const trueReturner = new Proxy({}, {
   get: () => true
 });
-
-const flatten = function (data, expandedRows, uniqueRowAccessor) {
-  let maxDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+const flatten = (data, expandedRows, uniqueRowAccessor, maxDepth = 0) => {
   const result = [];
-
-  const doit = function (row) {
-    let index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    let parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    let parentIndex = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-    let depth = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-    const id = (parentId ? "".concat(parentId, ".") : '') + index.toString();
+  const doit = (row, index = 0, parentId = null, parentIndex = null, depth = 0) => {
+    const id = (parentId ? `${parentId}.` : "") + index.toString();
     const uid = getIdFromUniqueRowAccessor(uniqueRowAccessor, {
       id,
-      original: row !== null && row !== void 0 ? row : {}
+      original: row ?? {}
     });
     const isExpanded = expandedRows[uid];
     const rowToPush = {
@@ -33,27 +23,26 @@ const flatten = function (data, expandedRows, uniqueRowAccessor) {
       parentIndex,
       depth,
       isExpanded,
-      original: row !== null && row !== void 0 ? row : {}
+      subRows: row.subRows ?? [],
+      childrenCount: row.subRows?.length ?? 0,
+      original: row ?? {}
     };
-    result.push(rowToPush); // If we have subrows and we are expanded
-
-    if (row !== null && row !== void 0 && row.subRows && expandedRows[uid] && depth <= maxDepth) {
+    result.push(rowToPush);
+    if (row?.subRows && expandedRows[uid] && depth <= maxDepth) {
       row.subRows.forEach((subRow, i) => doit(subRow, i, uid, rowToPush.realIndex, depth + 1));
     }
   };
-
   data.forEach((row, i) => doit(row, i));
   return result;
 };
-
-const useRowFlattenization = props => {
-  const {
-    data
-  } = props;
+const useRowFlattenization = (props) => {
+  const { data } = props;
   const expandedRows = props.isExpandable ? props.expandedRows : emptyObject;
   const flattenedData = useMemo(() => flatten(data, expandedRows, props.uniqueRowAccessor), [data, expandedRows, props.uniqueRowAccessor]);
   const allDataFlattened = useMemo(() => flatten(data, trueReturner, props.uniqueRowAccessor, Infinity), [data, props.uniqueRowAccessor]);
   return [flattenedData, allDataFlattened];
 };
-
-export { useRowFlattenization };
+export {
+  useRowFlattenization
+};
+//# sourceMappingURL=useRowFlattenization.js.map

package/esm/configs/useRowFlattenization.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/useRowFlattenization.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport { useMemo } from 'react';\nimport { getIdFromUniqueRowAccessor } from '../helpers/getIdFromUniqueRowAccessor';\nimport { TypescriptProps, TypescriptRow, uniqueRowAccessorType } from '../types/props';\n\nconst emptyObject = {};\n\nconst trueReturner = new Proxy(\n  {},\n  {\n    get: () => true,\n  },\n);\n\nconst flatten = (\n  data: TypescriptRow[],\n  expandedRows: Record<string, boolean>,\n  uniqueRowAccessor: uniqueRowAccessorType,\n  maxDepth = 0,\n): TypescriptRow[] => {\n  const result = [];\n  const doit = (row: TypescriptRow, index = 0, parentId = null, parentIndex = null, depth = 0) => {\n    const id = (parentId ? `${parentId}.` : '') + index.toString();\n\n    const uid = getIdFromUniqueRowAccessor(uniqueRowAccessor, {\n      id,\n      original: row ?? {},\n    });\n\n    const isExpanded = expandedRows[uid];\n\n    const rowToPush = {\n      id,\n      uid,\n      index,\n      realIndex: result.length,\n      parentId,\n      parentIndex,\n      depth,\n      isExpanded,\n      subRows: row.subRows ?? [],\n      childrenCount: row.subRows?.length ?? 0,\n      original: row ?? {},\n    };\n\n    result.push(rowToPush);\n\n    // If we have subrows and we are expanded\n    if (row?.subRows && expandedRows[uid] && depth <= maxDepth) {\n      row.subRows.forEach((subRow: TypescriptRow, i: number) => doit(subRow, i, uid, rowToPush.realIndex, depth + 1));\n    }\n  };\n\n  data.forEach((row, i) => doit(row, i));\n  return result;\n};\n\nexport const useRowFlattenization = (props: Partial<TypescriptProps>): [TypescriptRow[], TypescriptRow[]] => {\n  const { data } = props;\n\n  const expandedRows = props.isExpandable ? props.expandedRows : emptyObject;\n\n  const flattenedData = useMemo(\n    () => flatten(data, expandedRows, props.uniqueRowAccessor),\n    [data, expandedRows, props.uniqueRowAccessor],\n  );\n\n  const allDataFlattened = useMemo(\n    () => flatten(data, trueReturner, props.uniqueRowAccessor, Infinity),\n    [data, props.uniqueRowAccessor],\n  );\n\n  return [flattenedData, allDataFlattened];\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AAGA,MAAM,cAAc;AAEpB,MAAM,eAAe,IAAI,MACvB,IACA;AAAA,EACE,KAAK,MAAM;AAAA;AAIf,MAAM,UAAU,CACd,MACA,cACA,mBACA,WAAW,MACS;AACpB,QAAM,SAAS;AACf,QAAM,OAAO,CAAC,KAAoB,QAAQ,GAAG,WAAW,MAAM,cAAc,MAAM,QAAQ,MAAM;AAC9F,UAAM,KAAM,YAAW,GAAG,cAAc,MAAM,MAAM;AAEpD,UAAM,MAAM,2BAA2B,mBAAmB;AAAA,MACxD;AAAA,MACA,UAAU,OAAO;AAAA;AAGnB,UAAM,aAAa,aAAa;AAEhC,UAAM,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,IAAI,WAAW;AAAA,MACxB,eAAe,IAAI,SAAS,UAAU;AAAA,MACtC,UAAU,OAAO;AAAA;AAGnB,WAAO,KAAK;AAGZ,QAAI,KAAK,WAAW,aAAa,QAAQ,SAAS,UAAU;AAC1D,UAAI,QAAQ,QAAQ,CAAC,QAAuB,MAAc,KAAK,QAAQ,GAAG,KAAK,UAAU,WAAW,QAAQ;AAAA;AAAA;AAIhH,OAAK,QAAQ,CAAC,KAAK,MAAM,KAAK,KAAK;AACnC,SAAO;AAAA;AAGF,MAAM,uBAAuB,CAAC,UAAwE;AAC3G,QAAM,EAAE,SAAS;AAEjB,QAAM,eAAe,MAAM,eAAe,MAAM,eAAe;AAE/D,QAAM,gBAAgB,QACpB,MAAM,QAAQ,MAAM,cAAc,MAAM,oBACxC,CAAC,MAAM,cAAc,MAAM;AAG7B,QAAM,mBAAmB,QACvB,MAAM,QAAQ,MAAM,cAAc,MAAM,mBAAmB,WAC3D,CAAC,MAAM,MAAM;AAGf,SAAO,CAAC,eAAe;AAAA;",
+  "names": []
+}