@elliemae/ds-datagrids 1.61.0 → 2.0.0-alpha.12

package/esm/plugins/grouping-grid/walkStrategy.js

@@ -1,38 +1,32 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 function getPath(parentNode, index, childrenKey) {
   if (!parentNode) return [index];
-  return [].concat(_toConsumableArray(parentNode.path), [childrenKey, index]);
+  return [...parentNode.path, childrenKey, index];
 }
 
 function walkTreeStrategy(_ref) {
-  var data = _ref.data,
-      _ref$childrenKey = _ref.childrenKey,
-      childrenKey = _ref$childrenKey === void 0 ? 'children' : _ref$childrenKey,
-      _ref$level = _ref.level,
-      level = _ref$level === void 0 ? 0 : _ref$level,
-      _ref$getId = _ref.getId,
-      getId = _ref$getId === void 0 ? function (item) {
-    return item.id;
-  } : _ref$getId,
-      parentNode = _ref.parentNode,
-      _ref$shouldWalkChildr = _ref.shouldWalkChildren,
-      shouldWalkChildren = _ref$shouldWalkChildr === void 0 ? function () {
-    return true;
-  } : _ref$shouldWalkChildr,
-      cb = _ref.cb;
+  let {
+    data,
+    childrenKey = 'children',
+    level = 0,
+    getId = item => item.id,
+    parentNode,
+    shouldWalkChildren = () => true,
+    cb
+  } = _ref;
 
   // eslint-disable-next-line no-loops/no-loops,no-plusplus
-  for (var i = 0; i < data.length; i++) {
-    var currLevel = level + 1;
-    var children = data[i][childrenKey];
-    var isGroup = children && !!children.length;
-    var node = {
+  for (let i = 0; i < data.length; i++) {
+    const currLevel = level + 1;
+    const children = data[i][childrenKey];
+    const isGroup = children && !!children.length;
+    const node = {
       index: i,
       id: getId(data[i]),
       data: data[i],
       path: getPath(parentNode, i, childrenKey),
-      isGroup: isGroup,
+      isGroup,
       nestingLevel: currLevel,
       parentNode: parentNode || {
         isGroup: true,
@@ -48,12 +42,11 @@ function walkTreeStrategy(_ref) {
         data: children,
         level: currLevel,
         parentNode: node,
-        shouldWalkChildren: shouldWalkChildren,
-        cb: cb
+        shouldWalkChildren,
+        cb
       });
     }
   }
 }
 
 export { walkTreeStrategy };
-//# sourceMappingURL=walkStrategy.js.map

package/esm/plugins/index.js

@@ -17,113 +17,3 @@ export { SortablePlugin } from './sortable/SortablePlugin.js';
 export { ToolbarPlugin } from './toolbar/ToolbarPlugin.js';
 export { ExportDataPlugin, getColumnValue, getExportedData, getVisibleRowData } from './export-data/ExportDataPlugin.js';
 export { VirtualizationPlugin } from './virtualization/VirtualizationPlugin.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/extends';
-import 'react';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-shared/ScrollSync';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import '../utilities/getScrollbarSize.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react-sortable-hoc';
-import './column-dnd/decorateGridWithDndColumns.js';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
-import './column-sizing/useStylesheetHelpers.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'stylesheet-helpers';
-import './column-sizing/getColumnNameFromProperty.js';
-import './column-sizing/useColumnSizeService.js';
-import './column-sizing/utils.js';
-import './column-sizing/ext-points/getTableProps.js';
-import './column-sizing/ext-points/decorateColumn.js';
-import './column-sizing/columnMeasurerTransformer.js';
-import './custom-cell-renderer/addCustomRendererToCell.js';
-import './custom-cell-renderer/getRendererComponent.js';
-import '@elliemae/ds-button';
-import '@elliemae/ds-form';
-import '@elliemae/ds-dropdownmenu';
-import '../index-afbbe9c8.js';
-import '../components/renderers/defaultClassedRenderers.js';
-import '@elliemae/ds-classnames';
-import '../blockNames.js';
-import '../components/renderers/renderRowsLoader.js';
-import '../components/RowsLoader.js';
-import '@elliemae/ds-spinner';
-import './editable/decorateEditable.js';
-import 'react-edit';
-import './editable/getEditorComponent.js';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import 'react-window';
-import './expandable-grid/ExpandedRow.js';
-import '@elliemae/ds-separator';
-import 'styled-components';
-import '@elliemae/ds-shared/defer-render-hoc';
-import '@elliemae/ds-shared/useDataGrid';
-import '../components/BodyCell.js';
-import 'prop-types';
-import '@elliemae/ds-shared/FocusGroup/FocusGrid';
-import '@elliemae/ds-shared/createDataInstance/utils';
-import '@elliemae/ds-truncated-tooltip-text';
-import '../components/TableBody.js';
-import '../components/tableContext.js';
-import '../components/Table.js';
-import '../components/TableHeader.js';
-import '../components/HeaderCell.js';
-import './pagination/helper.js';
-import './pagination/usePaginationState.js';
-import '../components/NoResults.js';
-import '@elliemae/ds-system';
-import './expandable-grid/ExpandedRowExtra.js';
-import '../rowSizes.js';
-import './expandable-grid/useExpandGridState.js';
-import './filterable/addFilterToColumn.js';
-import './filterable/filterableFormatter.js';
-import './filterable/components/FilterableHeader.js';
-import './filterable/components/filterable-menus/getFilterMenuByType.js';
-import './filterable/components/filterable-menus/DateRangeFilterMenu.js';
-import '@elliemae/ds-controlled-form';
-import '@elliemae/ds-popper';
-import 'moment';
-import './filterable/components/filterable-menus/defaultDateFormat.js';
-import './filterable/components/filterable-menus/SingleDateFilterMenu.js';
-import '@elliemae/ds-grid';
-import './filterable/components/filterable-menus/SingleRangeSwitcherMenu.js';
-import '@elliemae/ds-basic/Popper';
-import '@elliemae/ds-basic/Button';
-import './filterable/components/filterable-menus/TextFilterMenu.js';
-import 'lodash';
-import '@elliemae/ds-menu';
-import './filterable/helper.js';
-import './filterable/filtering-helper/filterRowsByQuery.js';
-import './filterable/filtering-helper/strategiesOperators.js';
-import 'comparejs';
-import './filterable/useFilterableState.js';
-import 'uuid';
-import '@babel/runtime/helpers/esm/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import './resizable/decorateResizable.js';
-import './resizable/useResizeHandle.js';
-import 'obj-str';
-import './selectable/addSelectableColumn.js';
-import './selectable/selectableFormatter.js';
-import './selectable/useSelectableState.js';
-import './selectable/helper.js';
-import 'sortabular';
-import './sortable/sortHeaderFormatter.js';
-import './sortable/useSortableState.js';
-import 'sortabular/dist';
-import './sortable/checkIfSortable.js';
-import './sortable/sorter.js';
-import './toolbar/RowRenderer.js';
-import './toolbar/ToolbarTrigger.js';
-import './virtualization/VirtualizedBody.js';
-import './virtualization/VirtualizedBodyRow.js';
-import './virtualization/helper.js';
-//# sourceMappingURL=index.js.map

package/esm/plugins/infinite-scrolling/InfiniteScrollPlugin.js

@@ -1,58 +1,44 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _asyncToGenerator from '@babel/runtime/helpers/esm/asyncToGenerator';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
+import 'core-js/modules/web.dom-collections.iterator.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 { useRef, useState, useEffect } from 'react';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 
-var _excluded = ["children"];
+const _excluded = ["children"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var registerStateHook = function registerStateHook(grid) {
-  var _grid$props = grid.props,
-      getData = _grid$props.getData,
-      _grid$props$onInfinit = _grid$props.onInfiniteScrolling,
-      onInfiniteScrolling = _grid$props$onInfinit === void 0 ? function () {
-    return null;
-  } : _grid$props$onInfinit,
-      updateRows = grid.actions.updateRows;
-  var loading = useRef(false);
-
-  var addMoreData = function addMoreData() {
-    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+const registerStateHook = grid => {
+  const {
+    props: {
+      getData,
+      onInfiniteScrolling = () => null
+    },
+    actions: {
+      updateRows
+    }
+  } = grid;
+  const loading = useRef(false);
+
+  const addMoreData = function () {
+    let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     loading.current = false;
-    updateRows(function (prevRows) {
-      return prevRows.concat(data || []);
-    });
+    updateRows(prevRows => prevRows.concat(data || []));
   };
 
-  var doLoadData = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(currentRows) {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              loading.current = true;
-              return _context.abrupt("return", Promise.resolve(getData(currentRows)).then(addMoreData));
-
-            case 2:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function doLoadData(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
+  const doLoadData = async currentRows => {
+    loading.current = true;
+    return Promise.resolve(getData(currentRows)).then(addMoreData);
+  };
 
-  var loadMoreData = function loadMoreData(currentRows) {
+  const loadMoreData = currentRows => {
     onInfiniteScrolling(currentRows);
     if (loading.current || !getData) return;
     doLoadData(currentRows);
@@ -60,35 +46,34 @@ var registerStateHook = function registerStateHook(grid) {
 
   return {
     actions: {
-      loadMoreData: loadMoreData
+      loadMoreData
     }
   };
 };
 
-var getBodyProps = function getBodyProps(_ref2, grid) {
-  _ref2.children;
-      var props = _objectWithoutProperties(_ref2, _excluded);
+const getBodyProps = (_ref, grid) => {
+  let props = _objectWithoutProperties(_ref, _excluded);
 
-  var loadMoreData = grid.getInstance().actions.loadMoreData;
-
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      bodyNode = _useState2[0],
-      setBodyRef = _useState2[1];
-
-  var prevScroll = useRef();
+  const {
+    loadMoreData
+  } = grid.getInstance().actions;
+  const [bodyNode, setBodyRef] = useState();
+  const prevScroll = useRef();
   prevScroll.current = 0;
 
-  var handleBodyScroll = function handleBodyScroll(event, s) {
-    var target = event.target;
-    var scrollHeight = target.scrollHeight,
-        scrollTop = target.scrollTop,
-        offsetHeight = target.offsetHeight,
-        scrollLeft = target.scrollLeft;
-
-    var _grid$getInstance = grid.getInstance(),
-        composedRows = _grid$getInstance.composedRows; // prevent horizontal scroll triggering infinite scrolling callbacks
-
+  const handleBodyScroll = (event, s) => {
+    const {
+      target
+    } = event;
+    const {
+      scrollHeight,
+      scrollTop,
+      offsetHeight,
+      scrollLeft
+    } = target;
+    const {
+      composedRows
+    } = grid.getInstance(); // prevent horizontal scroll triggering infinite scrolling callbacks
 
     if (prevScroll.current !== scrollLeft) {
       prevScroll.current = scrollLeft;
@@ -103,12 +88,12 @@ var getBodyProps = function getBodyProps(_ref2, grid) {
     }
   };
 
-  useEffect(function () {
+  useEffect(() => {
     if (bodyNode) {
       bodyNode.addEventListener('scroll', handleBodyScroll);
     }
 
-    return function () {
+    return () => {
       if (bodyNode) {
         bodyNode.removeEventListener('scroll', handleBodyScroll);
       }
@@ -121,10 +106,9 @@ var getBodyProps = function getBodyProps(_ref2, grid) {
   });
 };
 
-var InfiniteScrollPlugin = createInstancePlugin('infinite-scroll', {
-  registerStateHook: registerStateHook,
-  getBodyProps: getBodyProps
+const InfiniteScrollPlugin = createInstancePlugin('infinite-scroll', {
+  registerStateHook,
+  getBodyProps
 });
 
 export { InfiniteScrollPlugin };
-//# sourceMappingURL=InfiniteScrollPlugin.js.map

package/esm/plugins/infinite-scrolling/index.js

@@ -1,9 +1 @@
 export { InfiniteScrollPlugin } from './InfiniteScrollPlugin.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import 'react';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-//# sourceMappingURL=index.js.map

package/esm/plugins/pagination/PaginationPlugin.js

@@ -1,6 +1,13 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 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 React, { useMemo } from 'react';
 import { mergeRefs } from '@elliemae/ds-utilities';
 import FocusGridManager from '@elliemae/ds-shared/FocusGroup/FocusGrid';
@@ -8,88 +15,82 @@ import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createI
 import paginate from './helper.js';
 import { usePaginationState } from './usePaginationState.js';
 import NoResults from '../../components/NoResults.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'styled-components';
-import '@elliemae/ds-system';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["component", "rows", "rowRenderer", "noResultsPlaceholder", "innerRef", "innerBodyRef", "isPlaceholderActive"];
+const _excluded = ["component", "rows", "rowRenderer", "noResultsPlaceholder", "innerRef", "innerBodyRef", "isPlaceholderActive"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var composeRows = function composeRows(rows, grid) {
-  var _grid$getInstance = grid.getInstance(),
-      pagination = _grid$getInstance.state.pagination,
-      groupedRows = _grid$getInstance.props.groupedRows;
-
+const composeRows = (rows, grid) => {
+  const {
+    state: {
+      pagination
+    },
+    props: {
+      groupedRows
+    }
+  } = grid.getInstance();
   if (groupedRows) return rows; // disable pagination with grouping
 
   if (groupedRows) {
-    var filterIds = rows.map(function (r) {
-      return r.id;
-    });
-    return paginate(rows.filter(function (c) {
-      return filterIds.includes(c.id);
-    }).map(function (r) {
-      return _objectSpread(_objectSpread({}, r), {}, {
-        _isGroup: r.isGroup
-      });
-    }), pagination);
+    const filterIds = rows.map(r => r.id);
+    return paginate(rows.filter(c => filterIds.includes(c.id)).map(r => _objectSpread(_objectSpread({}, r), {}, {
+      _isGroup: r.isGroup
+    })), pagination);
   }
 
   return paginate(rows, pagination);
 };
 
-var Body = /*#__PURE__*/React.memo(function (_ref) {
-  var Component = _ref.component,
-      rows = _ref.rows,
-      rowRenderer = _ref.rowRenderer,
-      noResultsPlaceholder = _ref.noResultsPlaceholder,
-      innerRef = _ref.innerRef;
-      _ref.innerBodyRef;
-      var _ref$isPlaceholderAct = _ref.isPlaceholderActive,
-      isPlaceholderActive = _ref$isPlaceholderAct === void 0 ? false : _ref$isPlaceholderAct,
+const Body = /*#__PURE__*/React.memo(_ref => {
+  let {
+    component: Component,
+    rows,
+    rowRenderer,
+    noResultsPlaceholder,
+    innerRef,
+    innerBodyRef,
+    // depends on body-header-scroll-sync
+    isPlaceholderActive = false
+  } = _ref,
       otherBodyProps = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Component, _extends({}, otherBodyProps, {
-    innerRef: mergeRefs(innerRef)
-  }), !isPlaceholderActive ? rows.map(function (row, index) {
-    return rowRenderer(row, {
-      index: index,
+  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, otherBodyProps), {}, {
+    innerRef: mergeRefs(innerRef),
+    children: !isPlaceholderActive ? rows.map((row, index) => rowRenderer(row, {
+      index,
       rowIndex: index
-    }, {});
-  }) : /*#__PURE__*/React.createElement(NoResults, {
-    innerRef: innerRef,
-    rowRenderer: rowRenderer
-  }, noResultsPlaceholder));
+    }, {})) : /*#__PURE__*/_jsx(NoResults, {
+      innerRef: innerRef,
+      rowRenderer: rowRenderer
+    }, void 0, noResultsPlaceholder)
+  }));
 });
 
-var decorateRenderers = function decorateRenderers(renderers, grid) {
-  var BodyWrapper = renderers.body.wrapper;
-  renderers.body.wrapper = useMemo(function () {
-    return function (props) {
-      var _grid$getInstance2 = grid.getInstance(),
-          hotKeys = _grid$getInstance2.hotKeys;
-          _grid$getInstance2.shouldRefocus;
-          _grid$getInstance2.state;
-
-      return /*#__PURE__*/React.createElement(FocusGridManager, {
-        hotKeys: hotKeys,
-        shouldRefocus: false
-      }, /*#__PURE__*/React.createElement(Body, _extends({}, props, {
-        component: BodyWrapper
-      })));
-    };
+const decorateRenderers = (renderers, grid) => {
+  const BodyWrapper = renderers.body.wrapper;
+  renderers.body.wrapper = useMemo(() => props => {
+    const {
+      hotKeys,
+      shouldRefocus,
+      state
+    } = grid.getInstance();
+    return /*#__PURE__*/_jsx(FocusGridManager, {
+      hotKeys: hotKeys,
+      shouldRefocus: false
+    }, void 0, /*#__PURE__*/jsx(Body, _objectSpread(_objectSpread({}, props), {}, {
+      component: BodyWrapper
+    })));
   }, []);
   return renderers;
 };
 
-var PaginationPlugin = createInstancePlugin('pagination', {
+const PaginationPlugin = createInstancePlugin('pagination', {
   registerStateHook: usePaginationState,
-  decorateRenderers: decorateRenderers,
-  composeRows: composeRows
+  decorateRenderers,
+  composeRows
 });
 
 export { PaginationPlugin };
-//# sourceMappingURL=PaginationPlugin.js.map

package/esm/plugins/pagination/components/Pagination.js

@@ -1,37 +1,32 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import Paginator from './Paginator.js';
 import PerPageDropdown from './PerPageDropdown.js';
-import 'react-pagify';
-import 'segmentize';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'memoize-one';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-form';
 
-var PaginationControls = aggregatedClasses('div')('data-grid', 'controls-pagination');
+const PaginationControls = aggregatedClasses('div')('data-grid', 'controls-pagination');
 
-var Pagination = function Pagination(_ref) {
-  var paginated = _ref.paginated,
-      _ref$pagination = _ref.pagination,
-      pagination = _ref$pagination === void 0 ? {} : _ref$pagination,
-      onPerPage = _ref.onPerPage,
-      onPageSelect = _ref.onPageSelect,
-      _ref$paginationStep = _ref.paginationStep,
-      paginationStep = _ref$paginationStep === void 0 ? 5 : _ref$paginationStep,
-      _ref$maxPerPage = _ref.maxPerPage,
-      maxPerPage = _ref$maxPerPage === void 0 ? 10 : _ref$maxPerPage,
-      _ref$minPerPage = _ref.minPerPage,
-      minPerPage = _ref$minPerPage === void 0 ? 5 : _ref$minPerPage;
-  var perPage = pagination.perPage;
+const Pagination = _ref => {
+  let {
+    paginated,
+    pagination = {},
+    onPerPage,
+    onPageSelect,
+    paginationStep = 5,
+    maxPerPage = 10,
+    minPerPage = 5
+  } = _ref;
+  const {
+    perPage
+  } = pagination;
   if (pagination && pagination.conditionalPagination === true && paginated.amount === 1) return null;
-  return paginated.amount > 0 ? /*#__PURE__*/React.createElement(PaginationControls, null, /*#__PURE__*/React.createElement(PerPageDropdown, {
+  return paginated.amount > 0 ? /*#__PURE__*/_jsx(PaginationControls, {}, void 0, /*#__PURE__*/_jsx(PerPageDropdown, {
     max: maxPerPage,
     min: minPerPage,
     onChange: onPerPage,
     step: paginationStep,
     value: perPage
-  }), /*#__PURE__*/React.createElement(Paginator, {
+  }), /*#__PURE__*/_jsx(Paginator, {
     onSelect: onPageSelect,
     pages: paginated.amount,
     pagination: pagination
@@ -39,4 +34,3 @@ var Pagination = function Pagination(_ref) {
 };
 
 export { Pagination };
-//# sourceMappingURL=Pagination.js.map