@elliemae/ds-data-table 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilter.js

@@ -5,60 +5,72 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var BaseSelectFilter = require('./BaseSelectFilter.js');
-require('../../../../exported-related/FilterPopover.js');
-require('../../../../styled.js');
-require('../../../../DataTableContext.js');
-require('react/jsx-runtime');
-require('styled-components');
+require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+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/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('@elliemae/ds-button');
-require('@elliemae/ds-icons/MoreOptionsVert');
+require('@elliemae/ds-popperjs');
+require('styled-components');
+require('../../../../redux/reducers/index.js');
 var constants = require('../../../../configs/constants.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
 require('../../../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-icons/ArrowShortReturn');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@elliemae/ds-icons');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('../../../../styled.js');
+require('react/jsx-runtime');
+require('@elliemae/ds-form');
 require('../../../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
+require('../../../../DataTableContext.js');
 require('../../../../parts/Row.js');
 require('../../../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../../../../parts/HoC/SortableItemContext.js');
+require('@elliemae/ds-utilities');
 require('uid');
 var FilterTypes = require('../../../../exported-related/FilterTypes.js');
 require('../../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
 require('moment');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.some.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const MultiSelectFilter = ({
-  column,
-  ctx,
-  onValueChange,
-  patchHeaderFilterButtonAndMenu,
-  patchHeader,
-  reduxHeader,
-  filterValue,
-  innerRef
-}) => /*#__PURE__*/_jsx__default['default'](BaseSelectFilter.BaseSelectFilter, {
-  reduxHeader: reduxHeader,
-  "data-testid": constants.DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER,
-  isMulti: true,
-  column: column,
-  ctx: ctx,
-  selectedItems: filterValue ?? [],
-  type: FilterTypes.FILTER_TYPES.MULTI_SELECT,
-  onValueChange: onValueChange,
-  patchHeaderFilterButtonAndMenu: patchHeaderFilterButtonAndMenu,
-  patchHeader: patchHeader,
-  innerRef: innerRef
-});
+const MultiSelectFilter = _ref => {
+  let {
+    column,
+    ctx,
+    onValueChange,
+    patchHeaderFilterButtonAndMenu,
+    patchHeader,
+    reduxHeader,
+    filterValue,
+    innerRef
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](BaseSelectFilter.BaseSelectFilter, {
+    reduxHeader: reduxHeader,
+    "data-testid": constants.DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER,
+    isMulti: true,
+    column: column,
+    ctx: ctx,
+    selectedItems: filterValue !== null && filterValue !== void 0 ? filterValue : [],
+    type: FilterTypes.FILTER_TYPES.MULTI_SELECT,
+    onValueChange: onValueChange,
+    patchHeaderFilterButtonAndMenu: patchHeaderFilterButtonAndMenu,
+    patchHeader: patchHeader,
+    innerRef: innerRef
+  });
+};
 
 exports.MultiSelectFilter = MultiSelectFilter;

package/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilter.js

@@ -5,58 +5,72 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var BaseSelectFilter = require('./BaseSelectFilter.js');
-require('../../../../exported-related/FilterPopover.js');
-require('../../../../styled.js');
-require('../../../../DataTableContext.js');
-require('react/jsx-runtime');
-require('styled-components');
+require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+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/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('@elliemae/ds-button');
-require('@elliemae/ds-icons/MoreOptionsVert');
+require('@elliemae/ds-popperjs');
+require('styled-components');
+require('../../../../redux/reducers/index.js');
 var constants = require('../../../../configs/constants.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
 require('../../../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-icons/ArrowShortReturn');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@elliemae/ds-icons');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('../../../../styled.js');
+require('react/jsx-runtime');
+require('@elliemae/ds-form');
 require('../../../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
+require('../../../../DataTableContext.js');
 require('../../../../parts/Row.js');
 require('../../../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../../../../parts/HoC/SortableItemContext.js');
+require('@elliemae/ds-utilities');
 require('uid');
 var FilterTypes = require('../../../../exported-related/FilterTypes.js');
 require('../../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
 require('moment');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.some.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const SingleSelectFilter = ({
-  column,
-  ctx,
-  patchHeaderFilterButtonAndMenu,
-  patchHeader,
-  onValueChange,
-  reduxHeader,
-  innerRef
-}) => /*#__PURE__*/_jsx__default['default'](BaseSelectFilter.BaseSelectFilter, {
-  reduxHeader: reduxHeader,
-  "data-testid": constants.DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER,
-  isSingle: true,
-  column: column,
-  ctx: ctx,
-  type: FilterTypes.FILTER_TYPES.SELECT,
-  onValueChange: onValueChange,
-  patchHeaderFilterButtonAndMenu: patchHeaderFilterButtonAndMenu,
-  patchHeader: patchHeader,
-  innerRef: innerRef
-});
+const SingleSelectFilter = _ref => {
+  let {
+    column,
+    ctx,
+    patchHeaderFilterButtonAndMenu,
+    patchHeader,
+    onValueChange,
+    filterValue,
+    reduxHeader,
+    innerRef
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](BaseSelectFilter.BaseSelectFilter, {
+    reduxHeader: reduxHeader,
+    "data-testid": constants.DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER,
+    isSingle: true,
+    column: column,
+    ctx: ctx,
+    selectedItems: filterValue,
+    type: FilterTypes.FILTER_TYPES.SELECT,
+    onValueChange: onValueChange,
+    patchHeaderFilterButtonAndMenu: patchHeaderFilterButtonAndMenu,
+    patchHeader: patchHeader,
+    innerRef: innerRef
+  });
+};
 
 exports.SingleSelectFilter = SingleSelectFilter;

package/cjs/addons/Filters/Components/SelectFilter/components.js

@@ -8,23 +8,23 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Wrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-px47an-0"
 })(["display:flex;flex-direction:column;align-items:center;"]);
-const InputWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const InputWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-px47an-1"
 })(["width:100%;padding:10px;"]); // TODO: use dimsum text input
 
-const Input = /*#__PURE__*/styled__default['default'].input.withConfig({
+const Input = /*#__PURE__*/styled__default["default"].input.withConfig({
   componentId: "sc-px47an-2"
 })(["width:100%;border:1px solid #eee;height:25px;&:focus{outline:none;border:1px solid ", ";}"], props => props.theme.colors.brand[600]);
-const MenuList = /*#__PURE__*/styled__default['default'].div.withConfig({
+const MenuList = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-px47an-3"
 })(["position:relative;width:100%;"]);
-const MenuItem = /*#__PURE__*/styled__default['default'].div.withConfig({
+const MenuItem = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-px47an-4"
 })(["display:flex;box-sizing:border-box;align-items:center;white-space:wrap;position:absolute;top:0;left:0;width:100%;padding:10px;border:1px solid transparent;cursor:pointer;&:hover{border:1px solid ", ";}&:focus{border:1px solid ", ";}"], props => props.theme.colors.brand[600], props => props.theme.colors.brand[600]);
-const VirtualListWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const VirtualListWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-px47an-5"
 })(["width:100%;overflow:auto;max-height:300px;"]);
 

package/cjs/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js

@@ -2,22 +2,26 @@
 
 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');
 var React = require('react');
 var utils = require('./utils.js');
 
-/* eslint-disable max-params */
-const useSelectFilterHandlers = ({
-  column: {
-    id
-  },
-  type,
-  isSingle,
-  isMulti,
-  selectedItems,
-  onValueChange,
-  patchHeaderFilterButtonAndMenu,
-  patchHeader
-}) => {
+const useSelectFilterHandlers = _ref => {
+  let {
+    column: {
+      id
+    },
+    type,
+    isSingle,
+    isMulti,
+    selectedItems,
+    onValueChange,
+    patchHeaderFilterButtonAndMenu,
+    patchHeader
+  } = _ref;
   const handleSelectItem = React.useCallback(option => {
     if (isSingle) {
       onValueChange(type, option);

package/cjs/addons/Filters/Components/SelectFilter/utils.js

@@ -3,42 +3,48 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var constants = require('../../../../configs/constants.js');
+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');
 require('react');
 require('react-virtual');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('../../../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@babel/runtime/helpers/jsx');
-require('@elliemae/ds-icons/ArrowShortReturn');
-require('styled-components');
 require('@elliemae/ds-icons');
+require('styled-components');
 require('../../../../styled.js');
 require('react/jsx-runtime');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('@elliemae/ds-form');
 require('../../../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 require('@elliemae/ds-button');
 require('../../../../DataTableContext.js');
 require('../../../../parts/Row.js');
 require('../../../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../../../../parts/HoC/SortableItemContext.js');
 
 const focusNextMenuItem = (e, index) => {
   var _menuItems$item;
 
   e.preventDefault();
-  const menuItems = document.querySelectorAll(`[data-testid="${constants.DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM}"]`);
+  const menuItems = document.querySelectorAll("[data-testid=\"".concat(constants.DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM, "\"]"));
   (_menuItems$item = menuItems.item(index + 1)) === null || _menuItems$item === void 0 ? void 0 : _menuItems$item.focus();
 };
 const focusPrevMenuItem = (e, index) => {
   var _menuItems$item2;
 
   e.preventDefault();
-  const menuItems = document.querySelectorAll(`[data-testid="${constants.DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM}"]`);
+  const menuItems = document.querySelectorAll("[data-testid=\"".concat(constants.DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM, "\"]"));
   (_menuItems$item2 = menuItems.item(index - 1)) === null || _menuItems$item2 === void 0 ? void 0 : _menuItems$item2.focus();
 };
 

package/cjs/addons/Filters/Components/SingleDateFilter/index.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
-var DatePickerIcon = require('@elliemae/ds-icons/DatePicker2');
+var dsIcons = require('@elliemae/ds-icons');
 var Grid = require('@elliemae/ds-grid');
 var dsControlledForm = require('@elliemae/ds-controlled-form');
 var FilterPopover = require('../../../../exported-related/FilterPopover.js');
@@ -13,35 +14,40 @@ require('../../../../DataTableContext.js');
 require('react/jsx-runtime');
 require('styled-components');
 require('@elliemae/ds-button');
-require('@elliemae/ds-icons/MoreOptionsVert');
+require('@elliemae/ds-utilities');
 var constants = require('../../../../configs/constants.js');
+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/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('../../../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-icons/ArrowShortReturn');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('@elliemae/ds-form');
 require('../../../../parts/TableContent.js');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 require('../../../../parts/Row.js');
 require('../../../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../../../../parts/HoC/SortableItemContext.js');
 require('uid');
 var FilterTypes = require('../../../../exported-related/FilterTypes.js');
 require('../../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
 require('moment');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.some.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DatePickerIcon__default = /*#__PURE__*/_interopDefaultLegacy(DatePickerIcon);
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 
-var _DatePickerIcon;
+var _DatePicker;
 const SingleDateFilter = props => {
   const {
     column,
@@ -65,28 +71,29 @@ const SingleDateFilter = props => {
   const commitDateChange = React.useCallback(() => {
     patchHeaderFilterButtonAndMenu(id, true);
   }, [id, patchHeaderFilterButtonAndMenu]);
-  return /*#__PURE__*/_jsx__default['default'](FilterPopover.FilterPopover, {
+  return /*#__PURE__*/_jsx__default["default"](FilterPopover.FilterPopover, {
     reduxHeader: reduxHeader,
     column: column,
     columnId: column.id,
-    menuContent: /*#__PURE__*/_jsx__default['default'](Grid__default['default'], {
+    menuContent: /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
       "data-testid": constants.DATA_TESTID.DATA_TABLE_SINGLE_DATE_CONTROLLER,
       width: "260px"
-    }, void 0, /*#__PURE__*/_jsx__default['default'](Grid__default['default'], {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
       p: "xxs"
-    }, void 0, /*#__PURE__*/_jsx__default['default'](dsControlledForm.DSControlledDateTimePicker, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
       date: date,
       onDateChange: setDate,
       type: "date-inputs",
-      isClearable: true
-    })), /*#__PURE__*/_jsx__default['default'](Grid__default['default'], {
+      isClearable: true,
+      autoFocus: true
+    })), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
       onKeyDown: e => e.code === 'Enter' && setTimeout(commitDateChange, 0)
-    }, void 0, /*#__PURE__*/_jsx__default['default'](dsControlledForm.DSControlledDateTimePicker, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
       date: date,
       onDateChange: setDate,
       type: "date-picker-controller-only"
     }))),
-    triggerIcon: _DatePickerIcon || (_DatePickerIcon = /*#__PURE__*/_jsx__default['default'](DatePickerIcon__default['default'], {})),
+    triggerIcon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default["default"](dsIcons.DatePicker2, {})),
     innerRef: innerRef,
     ariaLabel: "Open Single Date Filter"
   });

package/cjs/addons/Filters/Components/index.js

@@ -3,17 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('./DateRangeFilter/index.js');
-var index$1 = require('./NumberRangeFilter/index.js');
+var index$1 = require('./DateSwitcherFilter/index.js');
+var index$2 = require('./NumberRangeFilter/index.js');
+var index$3 = require('./CurrencyRangeFilter/index.js');
 var SingleSelectFilter = require('./SelectFilter/SingleSelectFilter.js');
 var MultiSelectFilter = require('./SelectFilter/MultiSelectFilter.js');
-var index$2 = require('./SingleDateFilter/index.js');
-var index$3 = require('./TextInputFilter/index.js');
+var index$4 = require('./SingleDateFilter/index.js');
 
 
 
 exports.DateRangeFilter = index.DateRangeFilter;
-exports.NumberRangeFilter = index$1.NumberRangeFilter;
+exports.DateSwitcherFilter = index$1.DateSwitcherFilter;
+exports.NumberRangeFilter = index$2.NumberRangeFilter;
+exports.CurrencyRangeFilter = index$3.CurrencyRangeFilter;
 exports.SingleSelectFilter = SingleSelectFilter.SingleSelectFilter;
 exports.MultiSelectFilter = MultiSelectFilter.MultiSelectFilter;
-exports.SingleDateFilter = index$2.SingleDateFilter;
-exports.TextInputFilter = index$3.TextInputFilter;
+exports.SingleDateFilter = index$4.SingleDateFilter;

package/cjs/addons/Filters/index.js

@@ -3,17 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('./Components/DateRangeFilter/index.js');
-var index$1 = require('./Components/NumberRangeFilter/index.js');
+var index$1 = require('./Components/DateSwitcherFilter/index.js');
+var index$2 = require('./Components/NumberRangeFilter/index.js');
+var index$3 = require('./Components/CurrencyRangeFilter/index.js');
 var SingleSelectFilter = require('./Components/SelectFilter/SingleSelectFilter.js');
 var MultiSelectFilter = require('./Components/SelectFilter/MultiSelectFilter.js');
-var index$2 = require('./Components/SingleDateFilter/index.js');
-var index$3 = require('./Components/TextInputFilter/index.js');
+var index$4 = require('./Components/SingleDateFilter/index.js');
 
 
 
 exports.DateRangeFilter = index.DateRangeFilter;
-exports.NumberRangeFilter = index$1.NumberRangeFilter;
+exports.DateSwitcherFilter = index$1.DateSwitcherFilter;
+exports.NumberRangeFilter = index$2.NumberRangeFilter;
+exports.CurrencyRangeFilter = index$3.CurrencyRangeFilter;
 exports.SingleSelectFilter = SingleSelectFilter.SingleSelectFilter;
 exports.MultiSelectFilter = MultiSelectFilter.MultiSelectFilter;
-exports.SingleDateFilter = index$2.SingleDateFilter;
-exports.TextInputFilter = index$3.TextInputFilter;
+exports.SingleDateFilter = index$4.SingleDateFilter;

package/cjs/addons/Pagination/Pagination.js

@@ -2,79 +2,44 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+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/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
-var styled = require('../../styled.js');
+var dsPagination = require('@elliemae/ds-pagination');
 var DataTableContext = require('../../DataTableContext.js');
-var PerPageSelector = require('./PerPageSelector.js');
-var PagesButtons = require('./PagesButtons.js');
-var constants = require('../../configs/constants.js');
-require('react-virtual');
-require('../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-icons/ArrowShortReturn');
-require('styled-components');
-require('@elliemae/ds-icons');
-require('react/jsx-runtime');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
-require('../../parts/TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('../../parts/Row.js');
-require('../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
-require('../../parts/HoC/SortableItemContext.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
+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__default["default"](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; }
 const Pagination = () => {
   const {
     tableProps: {
-      pagination,
       onPageChanged
     },
-    paginationHelpers: {
-      pageIndex,
-      pageSize,
-      canPreviousPage,
-      canNextPage,
-      onPageSizeChange,
-      onNextPage,
-      onPreviousPage,
-      onPageChange,
-      pageCount
-    },
+    paginationHelpers,
     flattenedData: page,
     layoutHelpers: {
       totalColumnsWidth
     }
-  } = React.useContext(DataTableContext['default']);
+  } = React.useContext(DataTableContext["default"]);
   const originalPage = React.useMemo(() => page.map(row => row.original), [page]);
   React.useEffect(() => {
     onPageChanged(originalPage);
   }, [onPageChanged, originalPage]);
-  return /*#__PURE__*/_jsx__default['default'](styled.PaginationContainer, {
-    width: totalColumnsWidth,
-    "data-testid": constants.DATA_TESTID.DATA_TABLE_PAGINATION_CONTAINER
-  }, void 0, /*#__PURE__*/_jsx__default['default'](styled.PaginationWrapper, {}, void 0, /*#__PURE__*/_jsx__default['default'](PerPageSelector, {
-    pagination: pagination,
-    pageSize: pageSize,
-    setPageSize: onPageSizeChange
-  }), /*#__PURE__*/_jsx__default['default'](PagesButtons, {
-    canPreviousPage: canPreviousPage,
-    canNextPage: canNextPage,
-    pageCount: pageCount,
-    pageIndex: pageIndex,
-    onNextPage: onNextPage,
-    onPreviousPage: onPreviousPage,
-    onPageChange: onPageChange
-  })));
+  return /*#__PURE__*/jsxRuntime.jsx(dsPagination.DSPagination, _objectSpread(_objectSpread({}, paginationHelpers), {}, {
+    width: totalColumnsWidth
+  }));
 };
 
 exports.Pagination = Pagination;

package/cjs/configs/constants.js

@@ -23,12 +23,10 @@ const DATA_TESTID = {
   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_PAGINATION_PREVIOUS_BUTTON: 'data-table-pagination-prev-button',
-  DATA_TABLE_PAGINATION_NEXT_BUTTON: 'data-table-pagination-next-button',
-  DATA_TABLE_PAGINATION_CONTAINER: 'data-table-pagination-container',
   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',
@@ -42,7 +40,9 @@ const DATA_TESTID = {
   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_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'
 };
 
 exports.DATA_TESTID = DATA_TESTID;

package/cjs/configs/fixedSizes.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const FIXED_SIZES = {
-  PAGINATION_HEIGHT: 50
+  PAGINATION_HEIGHT: 42
 };
 
 exports.FIXED_SIZES = FIXED_SIZES;