@elliemae/ds-data-table 1.61.0 → 2.0.0-alpha.12

package/cjs/configs/useDatatableConfig.js

@@ -2,130 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+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 helpers_columnsToGrid = require('../helpers/columnsToGrid.js');
-var configs_useRowFlattenization = require('./useRowFlattenization.js');
-var configs_usePaginationConfig = require('./usePaginationConfig.js');
-var configs_useTableColsWithAddons = require('./useTableColsWithAddons.js');
-var configs_constants = require('./constants.js');
-require('../helpers/sizeToCss.js');
-require('../helpers/getIdFromUniqueRowAccessor.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/defineProperty');
-require('../addons/Columns/ColumnAction/ColumnAction.js');
-require('../styled-b86fbdf4.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-icons');
-require('../helpers/cellPadding.js');
-require('@elliemae/ds-form');
-require('@babel/runtime/helpers/extends');
-require('react-redux');
-require('../DataTableContext.js');
-require('../addons/Pagination/Pagination.js');
-require('@elliemae/ds-pagination');
-require('@elliemae/ds-indeterminate-progress-indicator');
-require('@elliemae/ds-circular-progress-indicator');
-require('../parts/EmptyContent.js');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('prop-types');
-require('../helpers/refs-helpers.js');
-require('../parts/HoC/SortableItemContext.js');
-require('../parts/HoC/withDnDSortableRowContext.js');
-require('@dnd-kit/sortable');
-require('../parts/HoC/withConditionalDnDRowContext.js');
-require('@dnd-kit/core');
-require('../helpers/dndkit/tree/useTreeDndkitConfig.js');
-require('../helpers/dndkit/tree/useTreePreviewHandlers.js');
-require('../helpers/dndkit/tree/getTreeKeyboardCoordinates.js');
-require('../helpers/dndkit/utilities.js');
-require('../helpers/dndkit/tree/useTreeActionHandlers.js');
-require('lodash');
-require('../helpers/dndkit/tree/customCollisionDetection.js');
-require('../helpers/dndkit/tree/useTreeAnnouncements.js');
-require('../parts/HoC/DragOverlayContext.js');
-require('@elliemae/ds-popperjs');
-require('../redux/reducers/index.js');
-require('redux');
-require('../redux/reducers/headersReducers/headersReducers.js');
-require('@reduxjs/toolkit');
-require('../redux/reducers/headersReducers/logic.js');
-require('../redux/reducers/headersReducers/defaults.js');
-require('../redux/reducers/headersReducers/useDispatchHeadersActions.js');
-require('../redux/reducers/rowsReducers/rowsReducer.js');
-require('../redux/reducers/rowsReducers/logic.js');
-require('../redux/reducers/rowsReducers/defaults.js');
-require('../redux/reducers/rowsReducers/useDispatchRowsActions.js');
-require('../parts/Footer.js');
-require('@elliemae/ds-utilities');
-require('uid');
-require('../exported-related/RowVariants.js');
-require('../exported-related/Filters/singleSelectFilterFn.js');
-require('../exported-related/Filters/multiSelectFilterFn.js');
-require('../exported-related/Filters/textFilterFn.js');
-require('moment');
-require('../exported-related/Filters/numberRangeFilterFn.js');
-require('../exported-related/Filters/currencyRangeFilterFn.js');
-require('../exported-related/FilterTypes.js');
-require('../hooks/useRecoverFocusRow.js');
-require('@elliemae/ds-truncated-tooltip-text');
-require('../prop-types.js');
-require('../parts/Cells/useCellStyle.js');
-require('../exported-related/RowRenderer/useRowRendererProperties.js');
-require('../exported-related/RowRenderer/useRowStyle.js');
-require('../parts/DropIndicator.js');
-require('./zIndexInternalConfig.js');
-require('../helpers/addCellData.js');
-require('../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
-require('../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
-require('../parts/SortByCaret.js');
-require('@elliemae/ds-controlled-form');
-require('@elliemae/ds-form-layout-blocks');
-require('@elliemae/ds-grid/');
-require('@elliemae/ds-form/ComboBox');
-require('../parts/Headers/useHeaderCellHandlers.js');
-require('../parts/Headers/useHeaderCellConfig.js');
-require('../hooks/useRecoverFocusCol.js');
-require('../parts/Headers/RequiredDot.js');
-require('../parts/SortableHeaderCell.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('../parts/HoC/withConditionalDnDSortableContext.js');
-require('../parts/Headers/EmptyChildrenGroup.js');
-require('./fixedSizes.js');
-require('../parts/Loader.js');
+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');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-
-var useDatatableConfig = function useDatatableConfig(props) {
+const useDatatableConfig = props => {
   var _columnHeaderRef$curr, _columnHeaderRef$curr2, _columnHeaderRef$curr3;
 
-  var virtualListRef = React.useRef(null);
-  var columnHeaderRef = React.useRef(null); // ===========================================================================
+  const virtualListRef = React.useRef(null);
+  const columnHeaderRef = React.useRef(null); // ===========================================================================
   // Column config
   // ===========================================================================
 
-  var tableColsWithAddons = configs_useTableColsWithAddons(props);
-  var visibleColumns = React.useMemo(function () {
-    return tableColsWithAddons.filter(function (col) {
-      return !props.hiddenColumns.includes(col.accessor);
-    });
-  }, [props.hiddenColumns, tableColsWithAddons]); // ===========================================================================
+  const tableColsWithAddons = useTableColsWithAddons(props);
+  const visibleColumns = React.useMemo(() => tableColsWithAddons.filter(col => !props.hiddenColumns.includes(col.accessor)), [props.hiddenColumns, tableColsWithAddons]); // ===========================================================================
   // Virtualization
   // ===========================================================================
 
-  var _useState = React.useState(1),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      dataLength = _useState2[0],
-      setDataLength = _useState2[1]; // estimateSize should not be really required given what was stated on
+  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
 
-
-  var virtualListHelpers = reactVirtual.useVirtual({
+  const virtualListHelpers = reactVirtual.useVirtual({
     size: dataLength,
     parentRef: virtualListRef,
     overscan: 15,
@@ -134,7 +41,7 @@ var useDatatableConfig = function useDatatableConfig(props) {
   // Action ref setup
   // ===========================================================================
 
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (props.actionRef) {
       props.actionRef.current.scrollToIndex = virtualListHelpers.scrollToIndex;
       props.actionRef.current.scrollToOffset = virtualListHelpers.scrollToOffset;
@@ -143,53 +50,32 @@ var useDatatableConfig = function useDatatableConfig(props) {
   // Data flattenization and pagination
   // ===========================================================================
 
-  var _useRowFlattenization = configs_useRowFlattenization.useRowFlattenization(props),
-      _useRowFlattenization2 = _slicedToArray__default['default'](_useRowFlattenization, 2),
-      flattenedData = _useRowFlattenization2[0],
-      allDataFlattened = _useRowFlattenization2[1];
-
-  var _usePaginationConfig = configs_usePaginationConfig.usePaginationConfig(props, flattenedData),
-      _usePaginationConfig2 = _slicedToArray__default['default'](_usePaginationConfig, 2),
-      paginatedData = _usePaginationConfig2[0],
-      paginationHelpers = _usePaginationConfig2[1]; // Redo virtualization until we match the lengths
-
+  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
   // ===========================================================================
 
-  var _useState3 = React.useState(helpers_columnsToGrid.columnsToGrid(visibleColumns, props.colsLayoutStyle)),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      gridLayout = _useState4[0],
-      setGridLayout = _useState4[1];
-
-  var totalColumnsWidth = React.useMemo(function () {
-    return props.colsLayoutStyle === configs_constants.ColsLayoutStyle.Fixed ? gridLayout.reduce(function (acc, cur) {
-      return acc + Number.parseInt(cur, 10);
-    }, 0) : '100%';
-  }, [props.colsLayoutStyle, gridLayout]);
-  var layoutHelpers = React.useMemo(function () {
-    return {
-      gridLayout: gridLayout,
-      setGridLayout: setGridLayout,
-      totalColumnsWidth: totalColumnsWidth
-    };
-  }, [gridLayout, setGridLayout, totalColumnsWidth]);
-  var ctx = React.useMemo(function () {
-    return {
-      tableProps: props,
-      layoutHelpers: layoutHelpers,
-      paginationHelpers: paginationHelpers,
-      visibleColumns: visibleColumns,
-      virtualListHelpers: virtualListHelpers,
-      flattenedData: paginatedData || flattenedData,
-      allDataFlattened: allDataFlattened,
-      virtualListRef: virtualListRef,
-      columnHeaderRef: columnHeaderRef
-    };
-  }, [props, layoutHelpers, paginationHelpers, visibleColumns, virtualListHelpers, paginatedData, flattenedData, allDataFlattened, virtualListRef, columnHeaderRef]);
+  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 = React.useMemo(() => ({
+    tableProps: props,
+    layoutHelpers,
+    paginationHelpers,
+    visibleColumns,
+    virtualListHelpers,
+    flattenedData: paginatedData || flattenedData,
+    allDataFlattened,
+    virtualListRef,
+    columnHeaderRef
+  }), [props, layoutHelpers, paginationHelpers, visibleColumns, virtualListHelpers, paginatedData, flattenedData, allDataFlattened, virtualListRef, columnHeaderRef]);
   return ctx;
 };
 
 exports.useDatatableConfig = useDatatableConfig;
-//# sourceMappingURL=useDatatableConfig.js.map

package/cjs/configs/usePaginationConfig.js

@@ -4,78 +4,59 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-var noPagination = {};
-
-var emptyFunc = function emptyFunc() {
-  return null;
-};
-
-var usePaginationConfig = function usePaginationConfig(props, flattenedData) {
-  var pagination = props.pagination;
-  var hasPagination = !!pagination; // Set default values
-
-  var _ref = pagination || noPagination,
-      _ref$pageIndex = _ref.pageIndex,
-      pageIndex = _ref$pageIndex === void 0 ? 1 : _ref$pageIndex,
-      _ref$canPreviousPage = _ref.canPreviousPage,
-      canPreviousPage = _ref$canPreviousPage === void 0 ? true : _ref$canPreviousPage,
-      _ref$canNextPage = _ref.canNextPage,
-      canNextPage = _ref$canNextPage === void 0 ? true : _ref$canNextPage,
-      _ref$pageSize = _ref.pageSize,
-      pageSize = _ref$pageSize === void 0 ? 10 : _ref$pageSize,
-      _ref$perPageOptions = _ref.perPageOptions,
-      perPageOptions = _ref$perPageOptions === void 0 ? [10] : _ref$perPageOptions,
-      _ref$onPageSizeChange = _ref.onPageSizeChange,
-      onPageSizeChange = _ref$onPageSizeChange === void 0 ? emptyFunc : _ref$onPageSizeChange,
-      _ref$onPreviousPage = _ref.onPreviousPage,
-      onPreviousPage = _ref$onPreviousPage === void 0 ? emptyFunc : _ref$onPreviousPage,
-      _ref$onNextPage = _ref.onNextPage,
-      onNextPage = _ref$onNextPage === void 0 ? emptyFunc : _ref$onNextPage,
-      _ref$onPageChange = _ref.onPageChange,
-      onPageChange = _ref$onPageChange === void 0 ? emptyFunc : _ref$onPageChange,
-      _ref$pageCount = _ref.pageCount,
-      pageCount = _ref$pageCount === void 0 ? Math.ceil(flattenedData.length / pageSize) : _ref$pageCount,
-      _ref$perPageStep = _ref.perPageStep,
-      perPageStep = _ref$perPageStep === void 0 ? 5 : _ref$perPageStep,
-      _ref$minPerPage = _ref.minPerPage,
-      minPerPage = _ref$minPerPage === void 0 ? 0 : _ref$minPerPage,
-      _ref$maxPerPage = _ref.maxPerPage,
-      maxPerPage = _ref$maxPerPage === void 0 ? 100 : _ref$maxPerPage,
-      _ref$showPerPageSelec = _ref.showPerPageSelector,
-      showPerPageSelector = _ref$showPerPageSelec === void 0 ? true : _ref$showPerPageSelec,
-      _ref$pageDetails = _ref.pageDetails,
-      pageDetails = _ref$pageDetails === void 0 ? [] : _ref$pageDetails,
-      _ref$pageDetailsTitle = _ref.pageDetailsTitle,
-      pageDetailsTitle = _ref$pageDetailsTitle === void 0 ? '' : _ref$pageDetailsTitle; // pagination can be false
+const noPagination = {};
+
+const emptyFunc = () => null;
+
+const usePaginationConfig = (props, flattenedData) => {
+  const {
+    pagination
+  } = props;
+  const hasPagination = !!pagination; // Set default values
+
+  const {
+    pageIndex = 1,
+    canPreviousPage = true,
+    canNextPage = true,
+    pageSize = 10,
+    perPageOptions = [10],
+    onPageSizeChange = emptyFunc,
+    onPreviousPage = emptyFunc,
+    onNextPage = emptyFunc,
+    onPageChange = emptyFunc,
+    pageCount = Math.ceil(flattenedData.length / pageSize),
+    perPageStep = 5,
+    minPerPage = 0,
+    maxPerPage = 100,
+    showPerPageSelector = true,
+    pageDetails = [],
+    pageDetailsTitle = ''
+  } = pagination || noPagination; // pagination can be false
   // Get the needed page
 
-
-  var page = React.useMemo(function () {
+  const page = React.useMemo(() => {
     if (!hasPagination) return null;
     return flattenedData.slice((pageIndex - 1) * pageSize, pageIndex * pageSize);
   }, [flattenedData, pageIndex, pageSize, hasPagination]);
-  var paginationHelpers = React.useMemo(function () {
-    return {
-      pageIndex: pageIndex - 1,
-      canPreviousPage: canPreviousPage,
-      canNextPage: canNextPage,
-      pageSize: pageSize,
-      perPageOptions: perPageOptions,
-      onPageSizeChange: onPageSizeChange,
-      onPreviousPage: onPreviousPage,
-      onNextPage: onNextPage,
-      onPageChange: onPageChange,
-      pageCount: pageCount,
-      perPageStep: perPageStep,
-      minPerPage: minPerPage,
-      maxPerPage: maxPerPage,
-      showPerPageSelector: showPerPageSelector,
-      pageDetails: pageDetails,
-      pageDetailsTitle: pageDetailsTitle
-    };
-  }, [pageIndex, canPreviousPage, canNextPage, pageSize, perPageOptions, onPageSizeChange, onPreviousPage, onNextPage, onPageChange, pageCount, perPageStep, minPerPage, maxPerPage, showPerPageSelector, pageDetails, pageDetailsTitle]);
+  const paginationHelpers = React.useMemo(() => ({
+    pageIndex: pageIndex - 1,
+    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];
 };
 
 exports.usePaginationConfig = usePaginationConfig;
-//# sourceMappingURL=usePaginationConfig.js.map

package/cjs/configs/useRowFlattenization.js

@@ -2,69 +2,62 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
-var helpers_getIdFromUniqueRowAccessor = require('../helpers/getIdFromUniqueRowAccessor.js');
+var getIdFromUniqueRowAccessor = require('../helpers/getIdFromUniqueRowAccessor.js');
 
-/* eslint-disable max-params */
-var emptyObject = {};
-var trueReturner = new Proxy({}, {
-  get: function get() {
-    return true;
-  }
+const emptyObject = {};
+const trueReturner = new Proxy({}, {
+  get: () => true
 });
 
-var flatten = function flatten(data, expandedRows, uniqueRowAccessor) {
-  var maxDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-  var result = [];
-
-  var doit = function doit(row) {
-    var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    var parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    var parentIndex = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-    var depth = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-    var id = (parentId ? "".concat(parentId, ".") : '') + index.toString();
-    var uid = helpers_getIdFromUniqueRowAccessor.getIdFromUniqueRowAccessor(uniqueRowAccessor, {
-      id: id,
-      original: row
+const flatten = function (data, expandedRows, uniqueRowAccessor) {
+  let maxDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 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 uid = getIdFromUniqueRowAccessor.getIdFromUniqueRowAccessor(uniqueRowAccessor, {
+      id,
+      original: row !== null && row !== void 0 ? row : {}
     });
-    var isExpanded = expandedRows[uid];
-    var rowToPush = {
-      id: id,
-      uid: uid,
-      index: index,
+    const isExpanded = expandedRows[uid];
+    const rowToPush = {
+      id,
+      uid,
+      index,
       realIndex: result.length,
-      parentId: parentId,
-      parentIndex: parentIndex,
-      depth: depth,
-      isExpanded: isExpanded,
-      original: row
+      parentId,
+      parentIndex,
+      depth,
+      isExpanded,
+      original: row !== null && row !== void 0 ? row : {}
     };
     result.push(rowToPush); // If we have subrows and we are expanded
 
-    if (row.subRows && expandedRows[uid] && depth <= maxDepth) {
-      row.subRows.forEach(function (subRow, i) {
-        return doit(subRow, i, uid, rowToPush.realIndex, depth + 1);
-      });
+    if (row !== null && row !== void 0 && row.subRows && expandedRows[uid] && depth <= maxDepth) {
+      row.subRows.forEach((subRow, i) => doit(subRow, i, uid, rowToPush.realIndex, depth + 1));
     }
   };
 
-  data.forEach(function (row, i) {
-    return doit(row, i);
-  });
+  data.forEach((row, i) => doit(row, i));
   return result;
 };
 
-var useRowFlattenization = function useRowFlattenization(props) {
-  var data = props.data;
-  var expandedRows = props.isExpandable ? props.expandedRows : emptyObject;
-  var flattenedData = React.useMemo(function () {
-    return flatten(data, expandedRows, props.uniqueRowAccessor);
-  }, [data, expandedRows, props.uniqueRowAccessor]);
-  var allDataFlattened = React.useMemo(function () {
-    return flatten(data, trueReturner, props.uniqueRowAccessor, Infinity);
-  }, [data, props.uniqueRowAccessor]);
+const useRowFlattenization = props => {
+  const {
+    data
+  } = props;
+  const expandedRows = props.isExpandable ? props.expandedRows : emptyObject;
+  const flattenedData = React.useMemo(() => flatten(data, expandedRows, props.uniqueRowAccessor), [data, expandedRows, props.uniqueRowAccessor]);
+  const allDataFlattened = React.useMemo(() => flatten(data, trueReturner, props.uniqueRowAccessor, Infinity), [data, props.uniqueRowAccessor]);
   return [flattenedData, allDataFlattened];
 };
 
 exports.useRowFlattenization = useRowFlattenization;
-//# sourceMappingURL=useRowFlattenization.js.map