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

package/esm/addons/Columns/ColumnExpand/ColumnExpand.js

@@ -1,25 +1,31 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+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 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import { useMemo, useCallback } from 'react';
 import { ArrowheadDown, ArrowheadRight, ArrowShortReturn } from '@elliemae/ds-icons';
 import styled from 'styled-components';
 import { StyledFocusWithin } from '../../../styled.js';
 import { DATA_TESTID } from '../../../configs/constants.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 '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import '@elliemae/ds-form';
 import '../../../parts/TableContent.js';
 import '@elliemae/ds-grid';
 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 { jsx } from 'react/jsx-runtime';
 
@@ -34,9 +40,10 @@ const expandRowColumn = {
   id: 'expander',
   // Make sure it has an ID
   accessor: 'expandRowColumn',
-  Header: ({
-    ctx
-  }) => {
+  Header: _ref => {
+    let {
+      ctx
+    } = _ref;
     const {
       tableProps: {
         expandedRows,
@@ -98,15 +105,16 @@ const expandRowColumn = {
       }
     }, void 0, GlobalExpandIcon));
   },
-  Cell: ({
-    cell,
-    row,
-    isRowSelected,
-    ctx,
-    draggableProps
-  }) => {
+  Cell: _ref2 => {
     var _row$original$subRows;
 
+    let {
+      cell,
+      row,
+      isRowSelected,
+      ctx,
+      draggableProps
+    } = _ref2;
     const {
       tableProps: {
         dragAndDropRows,

package/esm/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js

@@ -1,26 +1,32 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+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 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import { useMemo, useCallback } from 'react';
-import DSCheckbox from '@elliemae/ds-form/Checkbox';
+import { DSCheckbox } from '@elliemae/ds-form';
 import { DATA_TESTID } from '../../../configs/constants.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 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import '@elliemae/ds-icons';
 import 'styled-components';
 import '../../../styled.js';
 import 'react/jsx-runtime';
-import '@elliemae/ds-form/Radio';
 import '../../../parts/TableContent.js';
 import '@elliemae/ds-grid';
 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';
 
 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; }
@@ -30,9 +36,10 @@ const multiSelectColumn = {
   // Build our multiSelecter column
   id: 'multiSelecter',
   // Make sure it has an ID
-  Header: ({
-    ctx
-  }) => {
+  Header: _ref => {
+    let {
+      ctx
+    } = _ref;
     const {
       tableProps: {
         onSelectionChange,
@@ -78,12 +85,13 @@ const multiSelectColumn = {
     }), [currentGlobalState, onChangeHandler]);
     return PureHeaderCheckbox;
   },
-  Cell: ({
-    cell,
-    row,
-    isRowSelected,
-    ctx
-  }) => {
+  Cell: _ref2 => {
+    let {
+      cell,
+      row,
+      isRowSelected,
+      ctx
+    } = _ref2;
     const {
       tableProps: {
         onSelectionChange,

package/esm/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js

@@ -1,26 +1,32 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useMemo } from 'react';
+import { DSRadio } from '@elliemae/ds-form';
 import styled from 'styled-components';
-import DSRadio from '@elliemae/ds-form/Radio';
 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.js';
 import 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
 import '../../../parts/TableContent.js';
 import '@elliemae/ds-grid';
 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';
 
 var _div;
@@ -36,12 +42,13 @@ const singleSelectColumn = {
   // Make sure it has an ID
   // The header doesn't need anything for single selection
   Header: () => _div || (_div = /*#__PURE__*/_jsx("div", {})),
-  Cell: ({
-    cell,
-    row,
-    isRowSelected,
-    ctx
-  }) => {
+  Cell: _ref => {
+    let {
+      cell,
+      row,
+      isRowSelected,
+      ctx
+    } = _ref;
     const {
       tableProps: {
         onSelectionChange,

package/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js

@@ -1,7 +1,15 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import { useContext, useMemo, useState, useCallback } from 'react';
-import ComboBoxFreeSolo from '@elliemae/ds-form/ComboBoxFreeSolo';
+import { ComboBoxFreeSolo } from '@elliemae/ds-form';
+import 'core-js/modules/esnext.async-iterator.filter.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 '@babel/runtime/helpers/esm/defineProperty';
 import '@elliemae/ds-button';
 import '@elliemae/ds-popperjs';
 import 'styled-components';
@@ -9,28 +17,26 @@ import '../../../redux/reducers/index.js';
 import '../../../configs/constants.js';
 import 'react-virtual';
 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.js';
 import 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
 import '../../../parts/TableContent.js';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
 import '@elliemae/ds-system';
 import DataTableContext from '../../../DataTableContext.js';
 import '../../../parts/Row.js';
 import '../../../parts/Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import '../../../parts/HoC/SortableItemContext.js';
 import { EditableCell } from '../../../exported-related/EditableCell.js';
-import '@elliemae/ds-icons/MoreOptionsVert';
-import '@elliemae/ds-utilities/hooks';
+import '@elliemae/ds-utilities';
 import 'uid';
 import '../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
 import 'moment';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.some.js';
 
 const ComboboxEditableCell = props => {
   const {

package/esm/addons/Editables/DateEditableCell/DateEditableCell.js

@@ -1,35 +1,42 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { useContext, useState, useCallback } from 'react';
+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 '@babel/runtime/helpers/esm/defineProperty';
 import '@elliemae/ds-button';
 import '@elliemae/ds-popperjs';
 import 'styled-components';
 import '../../../redux/reducers/index.js';
 import '../../../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 '@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.js';
 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-grid';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
 import '@elliemae/ds-system';
 import DataTableContext from '../../../DataTableContext.js';
 import '../../../parts/Row.js';
 import '../../../parts/Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import '../../../parts/HoC/SortableItemContext.js';
 import { EditableCell } from '../../../exported-related/EditableCell.js';
-import '@elliemae/ds-icons/MoreOptionsVert';
-import '@elliemae/ds-utilities/hooks';
+import '@elliemae/ds-utilities';
 import 'uid';
 import '../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
 import 'moment';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.some.js';
 
 function DateEditableCell(props) {
   const {

package/esm/addons/Editables/TextEditableCell/TextEditableCell.js

@@ -2,34 +2,41 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { useContext, useState, useCallback } from 'react';
 import styled from 'styled-components';
+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 '@babel/runtime/helpers/esm/defineProperty';
 import '@elliemae/ds-button';
 import '@elliemae/ds-popperjs';
 import '../../../redux/reducers/index.js';
 import '../../../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 '@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.js';
 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-grid';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
 import '@elliemae/ds-system';
 import DataTableContext from '../../../DataTableContext.js';
 import '../../../parts/Row.js';
 import '../../../parts/Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import '../../../parts/HoC/SortableItemContext.js';
 import { EditableCell } from '../../../exported-related/EditableCell.js';
-import '@elliemae/ds-icons/MoreOptionsVert';
-import '@elliemae/ds-utilities/hooks';
+import '@elliemae/ds-utilities';
 import 'uid';
 import '../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
 import 'moment';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.some.js';
 
 const StyledInput = /*#__PURE__*/styled.input.withConfig({
   componentId: "sc-15pvvoa-0"
@@ -63,15 +70,31 @@ const TextEditableCell = props => {
       rowIndex
     });
   }, [value, onCellValueChange, cell.column.id, cell.row.index]);
+  const handleOnKeyDown = useCallback(e => {
+    if (e.code === 'Enter') {
+      cell.ref.current.focus(); // will exec on blur callback from input and save new value
+    }
+
+    if (e.code === 'Escape') {
+      setValue(cell.value);
+      const auxRef = cell.ref.current; // this prevent the on blur
+
+      setTimeout(() => {
+        auxRef.focus();
+      });
+    }
+  }, [cell]);
   return /*#__PURE__*/_jsx(EditableCell, {
     StandardRender: DefaultCellRender,
     EditableRenderer: /*#__PURE__*/_jsx(StyledInput, {
       value: value,
+      onKeyDown: handleOnKeyDown,
       onChange: handleOnChange,
       onBlur: handleOnBlur,
       autoFocus: true
     }),
     cell: cell,
+    setValue: setValue,
     isRowSelected: isRowSelected
   });
 };

package/esm/addons/Filters/Components/CurrencyRangeFilter/index.js

@@ -0,0 +1,159 @@
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'react';
+import Grid from '@elliemae/ds-grid';
+import { DSInputMask, MASK_TYPES } from '@elliemae/ds-form';
+import { DSFormLayoutBlockItem } from '@elliemae/ds-form-layout-blocks';
+import { SearchXsmall } from '@elliemae/ds-icons';
+import { FilterPopover } from '../../../../exported-related/FilterPopover.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '../../../../styled.js';
+import '../../../../DataTableContext.js';
+import 'react/jsx-runtime';
+import 'styled-components';
+import '@elliemae/ds-button';
+import '@elliemae/ds-utilities';
+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 '../../../../parts/TableContent.js';
+import '@elliemae/ds-circular-progress-indicator';
+import '@elliemae/ds-system';
+import '../../../../parts/Row.js';
+import '../../../../parts/Footer.js';
+import '../../../../parts/HoC/SortableItemContext.js';
+import 'uid';
+import { FILTER_TYPES } from '../../../../exported-related/FilterTypes.js';
+import '../../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
+import 'moment';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.some.js';
+import '../../../../redux/reducers/headersReducers/headersReducers.js';
+import { useDispatchHeadersActions } from '../../../../redux/reducers/headersReducers/useDispatchHeadersActions.js';
+
+var _SearchXsmall;
+
+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; }
+const opts = {
+  prefix: '',
+  suffix: '',
+  allowDecimal: true,
+  decimalLimit: 2,
+  includeThousandsSeparator: false,
+  requireDecimal: true,
+  allowNegative: true
+};
+const CurrencyRangeFilter = props => {
+  var _filterValue$from, _filterValue$to, _column$ref$current$o, _column$ref, _column$ref$current;
+
+  const {
+    column,
+    filterValue = {
+      from: null,
+      to: null
+    },
+    reduxHeader,
+    onValueChange,
+    innerRef
+  } = props;
+
+  const handleFromChange = e => {
+    const nextValue = _objectSpread(_objectSpread({}, filterValue), {}, {
+      from: e.target.value
+    });
+
+    onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);
+  };
+
+  const handleToChange = e => {
+    const nextValue = _objectSpread(_objectSpread({}, filterValue), {}, {
+      to: e.target.value
+    });
+
+    onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);
+  };
+
+  const {
+    patchHeader
+  } = useDispatchHeadersActions(); // workaround to close menu with esc key since DSInputMask has stoppropagation on key down
+
+  const closePopover = e => {
+    if (e.code === 'Escape') {
+      patchHeader(column.id, {
+        hideFilterMenu: true,
+        hideFilterButton: false
+      });
+      innerRef.current.focus();
+    }
+  };
+
+  const idPreffix = 'datatable-currency-range';
+  return /*#__PURE__*/_jsx(FilterPopover, {
+    reduxHeader: reduxHeader,
+    column: column,
+    columnId: column.id,
+    menuContent: /*#__PURE__*/_jsx(Grid, {
+      "data-testid": DATA_TESTID.DATA_TABLE_CURRENCY_RANGE_CONTROLLER,
+      gutter: "xxxs",
+      padding: "xxs",
+      cols: ['auto', 'auto'],
+      style: {
+        background: 'white'
+      }
+    }, void 0, /*#__PURE__*/_jsx(DSFormLayoutBlockItem, {
+      label: "Min",
+      inputID: "".concat(idPreffix, "-min-").concat(column.id)
+    }, void 0, /*#__PURE__*/_jsx(DSInputMask, {
+      containerProps: {
+        style: {
+          textAlign: 'right'
+        }
+      },
+      id: "".concat(idPreffix, "-min-").concat(column.id),
+      value: "".concat((_filterValue$from = filterValue === null || filterValue === void 0 ? void 0 : filterValue.from) !== null && _filterValue$from !== void 0 ? _filterValue$from : ''),
+      onChange: handleFromChange,
+      placeholder: "0.00",
+      mask: number => MASK_TYPES.NUMBER(opts)(number),
+      autoFocus: true,
+      onKeyDown: e => {
+        closePopover(e);
+      }
+    })), /*#__PURE__*/_jsx(DSFormLayoutBlockItem, {
+      label: "Max",
+      inputID: "".concat(idPreffix, "-max-").concat(column.id)
+    }, void 0, /*#__PURE__*/_jsx(DSInputMask, {
+      containerProps: {
+        style: {
+          textAlign: 'right'
+        }
+      },
+      id: "".concat(idPreffix, "-max-").concat(column.id),
+      value: "".concat((_filterValue$to = filterValue === null || filterValue === void 0 ? void 0 : filterValue.to) !== null && _filterValue$to !== void 0 ? _filterValue$to : ''),
+      onChange: handleToChange,
+      placeholder: "0.00",
+      mask: number => MASK_TYPES.NUMBER(opts)(number),
+      onKeyDown: e => {
+        closePopover(e);
+      }
+    }))),
+    triggerIcon: _SearchXsmall || (_SearchXsmall = /*#__PURE__*/_jsx(SearchXsmall, {})),
+    customStyles: {
+      width: (_column$ref$current$o = (_column$ref = column.ref) === null || _column$ref === void 0 ? void 0 : (_column$ref$current = _column$ref.current) === null || _column$ref$current === void 0 ? void 0 : _column$ref$current.offsetWidth) !== null && _column$ref$current$o !== void 0 ? _column$ref$current$o : '0px'
+    },
+    innerRef: innerRef,
+    ariaLabel: "Open Currency Range Filter"
+  });
+};
+
+export { CurrencyRangeFilter };

package/esm/addons/Filters/Components/DateRangeFilter/index.js

@@ -1,7 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
-import DatePickerIcon from '@elliemae/ds-icons/DatePicker2';
+import { DatePicker2 } from '@elliemae/ds-icons';
 import Grid from '@elliemae/ds-grid';
 import { DSControlledDateRangePicker } from '@elliemae/ds-controlled-form';
 import { FilterPopover } from '../../../../exported-related/FilterPopover.js';
@@ -10,29 +10,35 @@ import '../../../../DataTableContext.js';
 import 'react/jsx-runtime';
 import 'styled-components';
 import '@elliemae/ds-button';
-import '@elliemae/ds-icons/MoreOptionsVert';
-import '@elliemae/ds-utilities/hooks';
+import '@elliemae/ds-utilities';
 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/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 '@elliemae/ds-icons';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import '@elliemae/ds-form';
 import '../../../../parts/TableContent.js';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
 import '@elliemae/ds-system';
 import '../../../../parts/Row.js';
 import '../../../../parts/Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import '../../../../parts/HoC/SortableItemContext.js';
 import 'uid';
 import { FILTER_TYPES } from '../../../../exported-related/FilterTypes.js';
 import '../../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
 import 'moment';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.some.js';
 
-var _DatePickerIcon;
+var _DatePicker;
 const emptyFilterValue = {
   startDate: null,
   endDate: null
@@ -91,7 +97,7 @@ const DateRangeFilter = props => {
       onToDateChange: setEndDate,
       type: "date-range-picker-controller-only"
     }))),
-    triggerIcon: _DatePickerIcon || (_DatePickerIcon = /*#__PURE__*/_jsx(DatePickerIcon, {})),
+    triggerIcon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx(DatePicker2, {})),
     innerRef: innerRef,
     ariaLabel: "Open Date Range Filter"
   });