@elliemae/ds-data-table 2.0.0-next.9 → 2.0.0-rc.12

package/esm/parts/SortByCaret.js

@@ -1,21 +1,23 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useMemo } from 'react';
-import ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';
-import ArrowheadUp from '@elliemae/ds-icons/ArrowheadUp';
+import { ArrowheadDown, ArrowheadUp } from '@elliemae/ds-icons';
 
 var _ArrowheadDown, _ArrowheadUp;
 const iconColor = ['brand-primary', 800];
-const SortByCaret = ({
-  isSortedDesc
-}) => useMemo(() => /*#__PURE__*/_jsx("span", {
-  style: {
-    marginLeft: '4px'
-  }
-}, void 0, isSortedDesc && (_ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx(ArrowheadDown, {
-  size: "s",
-  color: iconColor
-}))), !isSortedDesc && (_ArrowheadUp || (_ArrowheadUp = /*#__PURE__*/_jsx(ArrowheadUp, {
-  color: iconColor
-})))), [isSortedDesc]);
+const SortByCaret = _ref => {
+  let {
+    isSortedDesc
+  } = _ref;
+  return useMemo(() => /*#__PURE__*/_jsx("span", {
+    style: {
+      marginLeft: '4px'
+    }
+  }, void 0, isSortedDesc && (_ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx(ArrowheadDown, {
+    size: "s",
+    color: iconColor
+  }))), !isSortedDesc && (_ArrowheadUp || (_ArrowheadUp = /*#__PURE__*/_jsx(ArrowheadUp, {
+    color: iconColor
+  })))), [isSortedDesc]);
+};
 
 export { SortByCaret };

package/esm/parts/SortableHeaderCell.js

@@ -1,3 +1,8 @@
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import { Grid } from '@elliemae/ds-grid';

package/esm/parts/TableContent.js

@@ -1,3 +1,8 @@
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/web.dom-collections.iterator.js';
@@ -8,21 +13,22 @@ import DataTableContext from '../DataTableContext.js';
 import { Pagination } from '../addons/Pagination/Pagination.js';
 import VirtualRowsList from './VirtualRowsList.js';
 import { DATA_TESTID } from '../configs/constants.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import 'react-virtual';
 import '../configs/useRowFlattenization.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import '@elliemae/ds-icons';
 import 'styled-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
+import '@elliemae/ds-form';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
 import '@elliemae/ds-system';
 import '@elliemae/ds-button';
 import './Row.js';
 import './Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import './HoC/SortableItemContext.js';
 
 var _VirtualRowsList, _Pagination;

package/esm/parts/VirtualRowsList.js

@@ -12,18 +12,25 @@ import { StyledVirtualListWrapper, StyledTableContentWrapper } from '../styled.j
 import Loader from './Loader.js';
 import '../redux/reducers/index.js';
 import { DATA_TESTID } from '../configs/constants.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/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import 'react-virtual';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import '../configs/useRowFlattenization.js';
 import '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import '@elliemae/ds-icons';
 import 'styled-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
+import '@elliemae/ds-form';
 import './TableContent.js';
 import './Row.js';
-import '@elliemae/ds-icons/GripperVertical';
 import './HoC/SortableItemContext.js';
 import { useDispatchRowsActions } from '../redux/reducers/rowsReducers/useDispatchRowsActions.js';
 

package/esm/prop-types.js

@@ -1,3 +1,8 @@
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import PropTypes from 'prop-types';
 

package/esm/redux/reducers/headersReducers/logic.js

@@ -1,3 +1,8 @@
+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 _defineProperty from '@babel/runtime/helpers/esm/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; }
@@ -7,10 +12,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const patchUpdateOneHeader = (payload, state) => {
   state[payload.headerId] = _objectSpread(_objectSpread({}, (state === null || state === void 0 ? void 0 : state[payload.headerId]) || {}), payload.newHeader);
 };
-const patchHeaderFilterButtonAndMenu = ({
-  headerId,
-  newState
-}, state) => {
+const patchHeaderFilterButtonAndMenu = (_ref, state) => {
+  let {
+    headerId,
+    newState
+  } = _ref;
   const updatedState = {
     hideFilterMenu: newState,
     hideFilterButton: newState

package/esm/styled.js

@@ -1,37 +1,42 @@
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import styled from 'styled-components';
 import Grid from '@elliemae/ds-grid';
-import EditPencil from '@elliemae/ds-icons/EditPencil';
+import { EditPencil } from '@elliemae/ds-icons';
 import { sizeToCss } from './helpers/sizeToCss.js';
+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 { ColsLayoutStyle } from './configs/constants.js';
 import { columnPadding, cellPadding } from './helpers/cellPadding.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import 'react';
-import { FIXED_SIZES } from './configs/fixedSizes.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 'react-virtual';
 import './configs/useRowFlattenization.js';
 import '@babel/runtime/helpers/esm/defineProperty';
 import '@babel/runtime/helpers/esm/jsx';
-import '@elliemae/ds-icons';
 import 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
+import '@elliemae/ds-form';
 import './parts/TableContent.js';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
 import '@elliemae/ds-system';
 import '@elliemae/ds-button';
 import './DataTableContext.js';
 import './parts/Row.js';
 import './parts/Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import './parts/HoC/SortableItemContext.js';
 import { ZIndexDataTable } from './configs/zIndexInternalConfig.js';
 
-/* eslint-disable max-lines */
-
-const styledFocusCss = ({
-  theme
-}) => "\n&:after {\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid ".concat(theme.colors.brand[700], ";\n  pointer-events: none;\n  z-index: ").concat(ZIndexDataTable.FOCUS_BORDER, ";\n}");
+const styledFocusCss = _ref => {
+  let {
+    theme
+  } = _ref;
+  return "\n&:after {\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid ".concat(theme.colors.brand[700], ";\n  pointer-events: none;\n  z-index: ").concat(ZIndexDataTable.FOCUS_BORDER, ";\n}");
+};
 
 const StyledFocusWithin = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-38sgfo-0"
@@ -46,34 +51,47 @@ const StyledDataTableWrapper = /*#__PURE__*/styled.div.withConfig({
   var _props$height;
 
   return sizeToCss((_props$height = props.height) !== null && _props$height !== void 0 ? _props$height : ' 100%');
-}, ({
-  noSelectionAllowed
-}) => noSelectionAllowed ? 'none' : 'auto');
+}, _ref2 => {
+  let {
+    noSelectionAllowed
+  } = _ref2;
+  return noSelectionAllowed ? 'none' : 'auto';
+});
 const StyledTableWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-38sgfo-2"
-})(["display:inline-block;border-spacing:0;z-index:0;position:relative;", ""], ({
-  width = '100%',
-  height = '100%'
-}) => "\n  width: ".concat(sizeToCss(width), ";\n  height: ").concat(sizeToCss(height), ";\n  "));
+})(["display:inline-block;border-spacing:0;z-index:0;position:relative;", ""], _ref3 => {
+  let {
+    width = '100%',
+    height = '100%'
+  } = _ref3;
+  return "\n  width: ".concat(sizeToCss(width), ";\n  height: ").concat(sizeToCss(height), ";\n  ");
+});
 const StyledTableContentWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-38sgfo-3"
-})(["position:relative;", ""], ({
-  height = 'auto'
-}) => "\n  height: ".concat(sizeToCss(height), ";\n  "));
+})(["position:relative;", ""], _ref4 => {
+  let {
+    height = 'auto'
+  } = _ref4;
+  return "\n  height: ".concat(sizeToCss(height), ";\n  ");
+});
 const StyledVirtualListWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-38sgfo-4"
-})(["overflow:auto;", ""], ({
-  height = 'auto',
-  width = '100%'
-}) => "\n  height: ".concat(sizeToCss(height), ";\n  width: ").concat(sizeToCss(width), ";\n  "));
+})(["overflow:auto;", ""], _ref5 => {
+  let {
+    height = 'auto',
+    width = '100%'
+  } = _ref5;
+  return "\n  height: ".concat(sizeToCss(height), ";\n  width: ").concat(sizeToCss(width), ";\n  ");
+});
 /**
  * HEADER
  */
 
-const getGridTemplateColumnsStyle = ({
-  cols,
-  colsLayoutStyle = ColsLayoutStyle.Auto
-}) => {
+const getGridTemplateColumnsStyle = _ref6 => {
+  let {
+    cols,
+    colsLayoutStyle = ColsLayoutStyle.Auto
+  } = _ref6;
   if (!cols) return '';
 
   if (colsLayoutStyle === 'fixed') {
@@ -109,10 +127,13 @@ const StyledHeaderRightIconsWrapper = /*#__PURE__*/styled.div.withConfig({
 })(["height:100%;display:flex;align-items:center;max-height:24px;"]);
 const StyledResizer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-38sgfo-9"
-})(["display:inline-block;background:", ";width:4px;height:100%;position:absolute;right:0;top:0;z-index:1;touch-action:none;cursor:col-resize;"], ({
-  isResizing,
-  theme
-}) => isResizing ? theme.colors.brand[600] : theme.colors.brand[400]); // CELL ***********************************************************************/
+})(["display:inline-block;background:", ";width:4px;height:100%;position:absolute;right:0;top:0;z-index:1;touch-action:none;cursor:col-resize;"], _ref7 => {
+  let {
+    isResizing,
+    theme
+  } = _ref7;
+  return isResizing ? theme.colors.brand[600] : theme.colors.brand[400];
+}); // CELL ***********************************************************************/
 
 const StyledActionCell = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-38sgfo-10"
@@ -128,49 +149,60 @@ const StyledPencilIcon = /*#__PURE__*/styled(EditPencil).withConfig({
 })([""]);
 const StyledEditableContainer = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-38sgfo-14"
-})(["width:100%;height:100%;align-items:center;& ", "{display:", ";}&:hover{", "{display:block;}}&:focus{", " ", "{display:block;}}outline:none;"], StyledPencilIcon, props => props.shouldDisplayEditIcon ? 'block' : 'none', StyledPencilIcon, styledFocusCss, StyledPencilIcon); // ROW ************************************************************************/
+})(["width:100%;height:100%;align-items:center;& ", "{display:", ";}&:hover{", "{display:block;}}&:focus{", " ", "{display:block;}}outline:none;"], StyledPencilIcon, _ref8 => {
+  let {
+    shouldDisplayEditIcon
+  } = _ref8;
+  return shouldDisplayEditIcon ? 'block' : 'none';
+}, StyledPencilIcon, styledFocusCss, StyledPencilIcon); // ROW ************************************************************************/
 
 const StyledFullsizeGrid = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-38sgfo-15"
 })(["position:relative;z-index:", ";min-height:", ";height:", ";"], ZIndexDataTable.ROW, props => props.minHeight || '36px', props => props.height || 'auto');
 const GroupHeaderContainer = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-38sgfo-16"
-})(["position:relative;background-color:", ";align-items:center;padding:0 ", ";border-top:1px solid ", ";grid-template-columns:min-content 1fr;"], ({
-  theme
-}) => theme.colors.brand[200], props => props.padding, ({
-  theme
-}) => theme.colors.brand[300]);
+})(["position:relative;background-color:", ";align-items:center;padding:0 ", ";border-top:1px solid ", ";grid-template-columns:min-content 1fr;"], _ref9 => {
+  let {
+    theme
+  } = _ref9;
+  return theme.colors.brand[200];
+}, props => props.padding, _ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.colors.brand[300];
+});
 const GroupHeaderTitle = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-38sgfo-17"
 })(["font-weight:", ";font-size:12px;color:", ";"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral[700]);
 const StyledCellContainer = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-38sgfo-18"
-})(["position:relative;z-index:2;min-height:", ";height:", ";width:", ";", ";background-color:", ";outline:none;:focus{", "}", " ", " box-shadow:0 2px 4px 0 ", ";opacity:", ";", " color:", ";"], props => props.minHeight || '36px', props => props.height || 'auto', props => props.colLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%', props => getGridTemplateColumnsStyle({
+})(["position:relative;z-index:2;min-height:", ";height:", ";width:", ";", ";", ";background-color:", ";outline:none;:focus{", "}", " ", " box-shadow:0 2px 4px 0 ", ";opacity:", ";", " color:", ";"], props => props.minHeight || '36px', props => props.height || 'auto', props => props.colLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%', props => props.isDragOverlay ? 'width: fit-content;' : '', props => getGridTemplateColumnsStyle({
   cols: props.cols,
   colsLayoutStyle: props.colLayoutStyle,
   isExpandable: props.isExpandable
-}), ({
-  backgroundColor,
-  isDragging,
-  theme
-}) => isDragging ? theme.colors.neutral[100] : backgroundColor || 'white', props => props.isDragOverlay ? '' : styledFocusCss(props), ({
-  isDropIndicatorPositionInside,
-  theme
-}) => {
+}), _ref11 => {
+  let {
+    backgroundColor,
+    isDragging,
+    theme
+  } = _ref11;
+  return isDragging ? theme.colors.neutral[100] : backgroundColor || 'white';
+}, props => props.isDragOverlay ? '' : styledFocusCss(props), _ref12 => {
+  let {
+    isDropIndicatorPositionInside,
+    theme
+  } = _ref12;
   if (!isDropIndicatorPositionInside) return '';
   return styledFocusCss({
     theme
   });
-}, ({
-  shouldDisplayHover,
-  theme
-}) => shouldDisplayHover ? ":hover {\n            background-color: ".concat(theme.colors.brand[200], ";\n          }") : '', props => props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent', props => props.isDragging ? 0.8 : 1, props => !props.selected ? '' : "\n    background-color: ".concat(props.theme.colors.brand[200], ";\n    "), props => props.disabled ? props.theme.colors.neutral['500'] : '#333333'); // PAGINATION ************************************************************************/
-
-const PaginationContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-38sgfo-19"
-})(["padding:0 ", ";height:", "px;width:", ";max-width:100%;align-items:center;"], props => props.theme.space.xs, FIXED_SIZES.PAGINATION_HEIGHT, props => sizeToCss(props.width) || '100%');
-const PaginationWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-38sgfo-20"
-})(["display:flex;margin:5px 0;justify-content:flex-end;"]);
+}, _ref13 => {
+  let {
+    shouldDisplayHover,
+    theme
+  } = _ref13;
+  return shouldDisplayHover ? ":hover {\n            background-color: ".concat(theme.colors.brand[200], ";\n          }") : '';
+}, props => props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent', props => props.isDragging ? 0.8 : 1, props => !props.selected ? '' : "\n    background-color: ".concat(props.theme.colors.brand[200], ";\n    border: 1px solid ").concat(props.theme.colors.brand[500], ";\n    "), props => props.disabled ? props.theme.colors.neutral['500'] : '#333333');
 
-export { GroupHeaderContainer, GroupHeaderTitle, PaginationContainer, PaginationWrapper, StyledActionCell, StyledCell, StyledCellContainer, StyledCellContent, StyledDataTableWrapper, StyledEditableContainer, StyledFocusWithin, StyledFullsizeGrid, StyledHeadTh, StyledHeadTr, StyledHeadWrapper, StyledHeaderRightIconsWrapper, StyledPencilIcon, StyledResizer, StyledTableContentWrapper, StyledTableWrapper, StyledVirtualListWrapper };
+export { GroupHeaderContainer, GroupHeaderTitle, StyledActionCell, StyledCell, StyledCellContainer, StyledCellContent, StyledDataTableWrapper, StyledEditableContainer, StyledFocusWithin, StyledFullsizeGrid, StyledHeadTh, StyledHeadTr, StyledHeadWrapper, StyledHeaderRightIconsWrapper, StyledPencilIcon, StyledResizer, StyledTableContentWrapper, StyledTableWrapper, StyledVirtualListWrapper };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-data-table",
-  "version": "2.0.0-next.9",
+  "version": "2.0.0-rc.12",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Table",
   "module": "./esm/index.js",
@@ -163,10 +163,6 @@
       "import": "./esm/parts/HoC/SortableItemContext.js",
       "require": "./cjs/parts/HoC/SortableItemContext.js"
     },
-    "./parts/HoC/DragOverlayContext": {
-      "import": "./esm/parts/HoC/DragOverlayContext.js",
-      "require": "./cjs/parts/HoC/DragOverlayContext.js"
-    },
     "./parts/Headers/useHeaderCellHandlers": {
       "import": "./esm/parts/Headers/useHeaderCellHandlers.js",
       "require": "./cjs/parts/Headers/useHeaderCellHandlers.js"
@@ -227,10 +223,6 @@
       "import": "./esm/parts/FilterBar/FiltersBar.js",
       "require": "./cjs/parts/FilterBar/FiltersBar.js"
     },
-    "./parts/FilterBar/components/TextPill": {
-      "import": "./esm/parts/FilterBar/components/TextPill.js",
-      "require": "./cjs/parts/FilterBar/components/TextPill.js"
-    },
     "./parts/FilterBar/components/SingleDatePill": {
       "import": "./esm/parts/FilterBar/components/SingleDatePill.js",
       "require": "./cjs/parts/FilterBar/components/SingleDatePill.js"
@@ -251,6 +243,10 @@
       "import": "./esm/parts/FilterBar/components/index.js",
       "require": "./cjs/parts/FilterBar/components/index.js"
     },
+    "./parts/FilterBar/components/DateSwitcherPill": {
+      "import": "./esm/parts/FilterBar/components/DateSwitcherPill.js",
+      "require": "./cjs/parts/FilterBar/components/DateSwitcherPill.js"
+    },
     "./parts/FilterBar/components/DateRangePill": {
       "import": "./esm/parts/FilterBar/components/DateRangePill.js",
       "require": "./cjs/parts/FilterBar/components/DateRangePill.js"
@@ -303,70 +299,6 @@
       "import": "./esm/helpers/getIdFromUniqueRowAccessor.js",
       "require": "./cjs/helpers/getIdFromUniqueRowAccessor.js"
     },
-    "./helpers/dndkit/utilities": {
-      "import": "./esm/helpers/dndkit/utilities.js",
-      "require": "./cjs/helpers/dndkit/utilities.js"
-    },
-    "./helpers/dndkit/types": {
-      "import": "./esm/helpers/dndkit/types.js",
-      "require": "./cjs/helpers/dndkit/types.js"
-    },
-    "./helpers/dndkit/tree/useTreePreviewHandlers": {
-      "import": "./esm/helpers/dndkit/tree/useTreePreviewHandlers.js",
-      "require": "./cjs/helpers/dndkit/tree/useTreePreviewHandlers.js"
-    },
-    "./helpers/dndkit/tree/useTreeDndkitConfig": {
-      "import": "./esm/helpers/dndkit/tree/useTreeDndkitConfig.js",
-      "require": "./cjs/helpers/dndkit/tree/useTreeDndkitConfig.js"
-    },
-    "./helpers/dndkit/tree/useTreeAnnouncements": {
-      "import": "./esm/helpers/dndkit/tree/useTreeAnnouncements.js",
-      "require": "./cjs/helpers/dndkit/tree/useTreeAnnouncements.js"
-    },
-    "./helpers/dndkit/tree/useTreeActionHandlers": {
-      "import": "./esm/helpers/dndkit/tree/useTreeActionHandlers.js",
-      "require": "./cjs/helpers/dndkit/tree/useTreeActionHandlers.js"
-    },
-    "./helpers/dndkit/tree/types": {
-      "import": "./esm/helpers/dndkit/tree/types.js",
-      "require": "./cjs/helpers/dndkit/tree/types.js"
-    },
-    "./helpers/dndkit/tree/getTreeKeyboardCoordinates": {
-      "import": "./esm/helpers/dndkit/tree/getTreeKeyboardCoordinates.js",
-      "require": "./cjs/helpers/dndkit/tree/getTreeKeyboardCoordinates.js"
-    },
-    "./helpers/dndkit/tree/customCollisionDetection": {
-      "import": "./esm/helpers/dndkit/tree/customCollisionDetection.js",
-      "require": "./cjs/helpers/dndkit/tree/customCollisionDetection.js"
-    },
-    "./helpers/dndkit/hierarchy/useHierarchyPreviewHandlers": {
-      "import": "./esm/helpers/dndkit/hierarchy/useHierarchyPreviewHandlers.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/useHierarchyPreviewHandlers.js"
-    },
-    "./helpers/dndkit/hierarchy/useHierarchyDndkitConfig": {
-      "import": "./esm/helpers/dndkit/hierarchy/useHierarchyDndkitConfig.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/useHierarchyDndkitConfig.js"
-    },
-    "./helpers/dndkit/hierarchy/useHierarchyAnnouncements": {
-      "import": "./esm/helpers/dndkit/hierarchy/useHierarchyAnnouncements.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/useHierarchyAnnouncements.js"
-    },
-    "./helpers/dndkit/hierarchy/useHierarchyActionHandlers": {
-      "import": "./esm/helpers/dndkit/hierarchy/useHierarchyActionHandlers.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/useHierarchyActionHandlers.js"
-    },
-    "./helpers/dndkit/hierarchy/types": {
-      "import": "./esm/helpers/dndkit/hierarchy/types.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/types.js"
-    },
-    "./helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates": {
-      "import": "./esm/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js"
-    },
-    "./helpers/dndkit/hierarchy/customCollisionDetection": {
-      "import": "./esm/helpers/dndkit/hierarchy/customCollisionDetection.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/customCollisionDetection.js"
-    },
     "./helpers/columnsToGrid": {
       "import": "./esm/helpers/columnsToGrid.js",
       "require": "./cjs/helpers/columnsToGrid.js"
@@ -427,10 +359,6 @@
       "import": "./esm/exported-related/Filters/types.js",
       "require": "./cjs/exported-related/Filters/types.js"
     },
-    "./exported-related/Filters/textFilterFn": {
-      "import": "./esm/exported-related/Filters/textFilterFn.js",
-      "require": "./cjs/exported-related/Filters/textFilterFn.js"
-    },
     "./exported-related/Filters/singleSelectFilterFn": {
       "import": "./esm/exported-related/Filters/singleSelectFilterFn.js",
       "require": "./cjs/exported-related/Filters/singleSelectFilterFn.js"
@@ -451,10 +379,18 @@
       "import": "./esm/exported-related/Filters/index.js",
       "require": "./cjs/exported-related/Filters/index.js"
     },
+    "./exported-related/Filters/dateSwitcherFilterFn": {
+      "import": "./esm/exported-related/Filters/dateSwitcherFilterFn.js",
+      "require": "./cjs/exported-related/Filters/dateSwitcherFilterFn.js"
+    },
     "./exported-related/Filters/dateRangeFilterFn": {
       "import": "./esm/exported-related/Filters/dateRangeFilterFn.js",
       "require": "./cjs/exported-related/Filters/dateRangeFilterFn.js"
     },
+    "./exported-related/Filters/currencyRangeFilterFn": {
+      "import": "./esm/exported-related/Filters/currencyRangeFilterFn.js",
+      "require": "./cjs/exported-related/Filters/currencyRangeFilterFn.js"
+    },
     "./exported-related/Filters/applyOutOfTheBoxFilters": {
       "import": "./esm/exported-related/Filters/applyOutOfTheBoxFilters.js",
       "require": "./cjs/exported-related/Filters/applyOutOfTheBoxFilters.js"
@@ -511,34 +447,18 @@
       "import": "./esm/configs/constants.js",
       "require": "./cjs/configs/constants.js"
     },
-    "./addons/Pagination/PerPageSelector": {
-      "import": "./esm/addons/Pagination/PerPageSelector.js",
-      "require": "./cjs/addons/Pagination/PerPageSelector.js"
-    },
     "./addons/Pagination/Pagination": {
       "import": "./esm/addons/Pagination/Pagination.js",
       "require": "./cjs/addons/Pagination/Pagination.js"
     },
-    "./addons/Pagination/PagesButtons": {
-      "import": "./esm/addons/Pagination/PagesButtons.js",
-      "require": "./cjs/addons/Pagination/PagesButtons.js"
-    },
     "./addons/Pagination": {
       "import": "./esm/addons/Pagination/index.js",
       "require": "./cjs/addons/Pagination/index.js"
     },
-    "./addons/Pagination/ActiveZoneButtons": {
-      "import": "./esm/addons/Pagination/ActiveZoneButtons.js",
-      "require": "./cjs/addons/Pagination/ActiveZoneButtons.js"
-    },
     "./addons/Filters": {
       "import": "./esm/addons/Filters/index.js",
       "require": "./cjs/addons/Filters/index.js"
     },
-    "./addons/Filters/Components/TextInputFilter": {
-      "import": "./esm/addons/Filters/Components/TextInputFilter/index.js",
-      "require": "./cjs/addons/Filters/Components/TextInputFilter/index.js"
-    },
     "./addons/Filters/Components/SingleDateFilter": {
       "import": "./esm/addons/Filters/Components/SingleDateFilter/index.js",
       "require": "./cjs/addons/Filters/Components/SingleDateFilter/index.js"
@@ -575,10 +495,18 @@
       "import": "./esm/addons/Filters/Components/index.js",
       "require": "./cjs/addons/Filters/Components/index.js"
     },
+    "./addons/Filters/Components/DateSwitcherFilter": {
+      "import": "./esm/addons/Filters/Components/DateSwitcherFilter/index.js",
+      "require": "./cjs/addons/Filters/Components/DateSwitcherFilter/index.js"
+    },
     "./addons/Filters/Components/DateRangeFilter": {
       "import": "./esm/addons/Filters/Components/DateRangeFilter/index.js",
       "require": "./cjs/addons/Filters/Components/DateRangeFilter/index.js"
     },
+    "./addons/Filters/Components/CurrencyRangeFilter": {
+      "import": "./esm/addons/Filters/Components/CurrencyRangeFilter/index.js",
+      "require": "./cjs/addons/Filters/Components/CurrencyRangeFilter/index.js"
+    },
     "./addons/Editables/TextEditableCell/TextEditableCell": {
       "import": "./esm/addons/Editables/TextEditableCell/TextEditableCell.js",
       "require": "./cjs/addons/Editables/TextEditableCell/TextEditableCell.js"
@@ -640,29 +568,47 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@dnd-kit/core": "^3.0.4",
-    "@dnd-kit/sortable": "^3.0.1",
-    "@elliemae/ds-basic": "2.0.0-next.9",
-    "@elliemae/ds-date-picker": "2.0.0-next.9",
-    "@elliemae/ds-date-range-picker": "2.0.0-next.9",
-    "@popperjs/core": "^2.9.3",
-    "@reduxjs/toolkit": "^1.5.1",
-    "array-move": "^3.0.1",
+    "@dnd-kit/core": "~4.0.1",
+    "@dnd-kit/sortable": "~5.0.0",
+    "@elliemae/ds-button": "2.0.0-rc.12",
+    "@elliemae/ds-circular-progress-indicator": "2.0.0-rc.12",
+    "@elliemae/ds-controlled-form": "2.0.0-rc.12",
+    "@elliemae/ds-dropdownmenu": "2.0.0-rc.12",
+    "@elliemae/ds-form": "2.0.0-rc.12",
+    "@elliemae/ds-form-layout-blocks": "2.0.0-rc.12",
+    "@elliemae/ds-grid": "2.0.0-rc.12",
+    "@elliemae/ds-icons": "2.0.0-rc.12",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-rc.12",
+    "@elliemae/ds-pagination": "2.0.0-rc.12",
+    "@elliemae/ds-pills": "2.0.0-rc.12",
+    "@elliemae/ds-popperjs": "2.0.0-rc.12",
+    "@elliemae/ds-system": "2.0.0-rc.12",
+    "@elliemae/ds-toolbar": "2.0.0-rc.12",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.12",
+    "@elliemae/ds-utilities": "2.0.0-rc.12",
+    "@reduxjs/toolkit": "~1.6.2",
+    "csstype": "~3.0.9",
+    "moment": "~2.29.1",
     "prop-types": "~15.7.2",
-    "react-popper": "^2.2.5",
-    "react-redux": "7.2.5",
-    "react-virtual": "^2.3.2",
-    "uid": "^2.0.0"
+    "react-desc": "~4.1.3",
+    "react-redux": "~7.2.6",
+    "react-virtual": "~2.8.2",
+    "redux": "~4.1.2",
+    "uid": "~2.0.0"
   },
   "devDependencies": {
-    "@types/styled-components": "^5.1.14",
-    "styled-components": "~5.3.1"
+    "@testing-library/react": "~12.1.2",
+    "@testing-library/user-event": "~13.5.0",
+    "@types/styled-components": "~5.1.15",
+    "styled-components": "~5.3.3",
+    "styled-system": "~5.1.5"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "~17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.3",
+    "styled-system": "^5.1.5"
   },
   "publishConfig": {
     "access": "public",