@elliemae/ds-data-table 2.0.0-alpha.10 → 2.0.0-alpha.14

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

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.set.add-all.js');
 require('core-js/modules/esnext.set.delete-all.js');
 require('core-js/modules/esnext.set.difference.js');
@@ -20,52 +22,56 @@ require('core-js/modules/esnext.set.reduce.js');
 require('core-js/modules/esnext.set.some.js');
 require('core-js/modules/esnext.set.symmetric-difference.js');
 require('core-js/modules/esnext.set.union.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var React = require('react');
-var reactVirtual = require('react-virtual');
-var SearchIcon = require('@elliemae/ds-icons/SearchXsmall');
-var DSCheckbox = require('@elliemae/ds-form/Checkbox');
-var components = require('./components.js');
+var Grid = require('@elliemae/ds-grid');
+var ComboBox = require('@elliemae/ds-form/ComboBox');
+var dsIcons = require('@elliemae/ds-icons');
 var FilterPopover = require('../../../../exported-related/FilterPopover.js');
 require('../../../../styled.js');
 require('../../../../DataTableContext.js');
-var jsxRuntime = require('react/jsx-runtime');
+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.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');
-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('../../../../parts/Row.js');
 require('../../../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../../../../parts/HoC/SortableItemContext.js');
 require('uid');
 require('../../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
 require('moment');
-var useSelectFilterHandlers = require('./useSelectFilterHandlers.js');
+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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var SearchIcon__default = /*#__PURE__*/_interopDefaultLegacy(SearchIcon);
-var DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
 
-var _SearchIcon;
-
-const _excluded = ["isMulti", "selectedItems", "column", "column", "ctx", "reduxHeader", "innerRef"];
+var _SearchXsmall;
 const BaseSelectFilter = props => {
+  var _column$ref$current$o, _column$ref, _column$ref$current;
+
   const {
     isMulti = false,
-    selectedItems = [],
+    selectedItems,
     column,
+    type,
     column: {
       id,
       filterOptions: userFilterOptions
@@ -76,92 +82,84 @@ const BaseSelectFilter = props => {
       }
     },
     reduxHeader,
-    innerRef
-  } = props,
-        rest = _objectWithoutProperties__default["default"](props, _excluded);
-
+    innerRef,
+    onValueChange
+  } = props;
   const filterOptions = React.useMemo(() => {
     // If the user didn't provide options, use the available ones
-    if (!userFilterOptions) return [...new Set(data.map(datum => datum[id].toString()))]; // If user provided the array itself, use it
+    if (!userFilterOptions) {
+      const automaticFilters = [...new Set(data.map(datum => datum[id].toString()))].map(item => ({
+        type: 'option',
+        dsId: item,
+        value: item,
+        label: item
+      }));
+      return automaticFilters;
+    } // If user provided the array itself, use it
+
 
     if (Array.isArray(userFilterOptions)) return userFilterOptions; // Otherwise, it is a function
 
     return userFilterOptions();
   }, [data, id, userFilterOptions]);
-  const inputRef = React.useRef(null);
-  const [inputValue, setInputValue] = React.useState('');
-  const [filteredOptions, setFilteredOptions] = React.useState(filterOptions);
-  const virtualListRef = React.useRef();
-  const virtualListHelpers = reactVirtual.useVirtual({
-    size: filteredOptions.length,
-    parentRef: virtualListRef,
-    overscan: 15
-  });
-  const {
-    virtualItems,
-    totalSize
-  } = virtualListHelpers;
-  const handleInputChange = React.useCallback(e => setInputValue(e.target.value), [setInputValue]);
+
+  const handleOnChange = value => {
+    if (isMulti) {
+      const multiSelectedItem = selectedItems;
+      const isFound = multiSelectedItem.find(item => item.dsId === value.dsId);
+
+      if (isFound) {
+        onValueChange(type, multiSelectedItem.filter(item => item.dsId !== value.dsId));
+      } else {
+        onValueChange(type, [...multiSelectedItem, value]);
+      }
+    } else {
+      const singleSelectedItem = selectedItems;
+      onValueChange(type, (singleSelectedItem === null || singleSelectedItem === void 0 ? void 0 : singleSelectedItem.dsId) !== value.dsId ? value : null);
+    }
+  };
+
+  const [filters, setFilteredOptions] = React.useState(filterOptions);
   React.useEffect(() => {
-    const filtered = filterOptions.filter(opt => opt.toLowerCase().includes(inputValue.toLowerCase()));
-    setFilteredOptions(filtered);
-  }, [inputValue, filterOptions]);
-  const {
-    onInputWrapperKeyDown,
-    onMenuItemClick,
-    onMenuItemKeyDown
-  } = useSelectFilterHandlers.useSelectFilterHandlers(props);
-
-  const Select = /*#__PURE__*/_jsx__default["default"](components.Wrapper, {
-    "data-testid": rest['data-testid']
-  }, void 0, /*#__PURE__*/_jsx__default["default"](components.InputWrapper, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(components.Input, {
-    value: inputValue,
-    onChange: handleInputChange,
+    setFilteredOptions(filterOptions);
+  }, [filterOptions]);
+  const filteredOptions = React.useCallback(filter => filterOptions.filter(option => option.type === 'separator' || option.label.toLowerCase().includes(filter.toLowerCase())), [filterOptions]);
+  const handleOnFilter = React.useCallback(newFilter => {
+    setFilteredOptions(filteredOptions(newFilter));
+  }, [filteredOptions]);
+
+  const Select = /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+    "data-testid": isMulti ? constants.DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER : constants.DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER,
+    style: {
+      background: '#fff',
+      position: 'relative'
+    }
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ComboBox.DSComboBox, {
+    inline: true,
     autoFocus: true,
-    onKeyDown: onInputWrapperKeyDown,
-    ref: inputRef
-  })), /*#__PURE__*/jsxRuntime.jsx(components.VirtualListWrapper, {
-    ref: virtualListRef,
-    children: /*#__PURE__*/_jsx__default["default"](components.MenuList, {
-      style: {
-        height: `${totalSize}px`
-      }
-    }, void 0, virtualItems.map((virtualItem, virtualIndex) => {
-      const {
-        index,
-        measureRef,
-        start
-      } = virtualItem;
-      const option = filteredOptions[index];
-      return /*#__PURE__*/jsxRuntime.jsxs(components.MenuItem, {
-        onClick: onMenuItemClick(option),
-        style: {
-          top: `${start}px`,
-          outline: 'none'
-        },
-        ref: measureRef,
-        tabIndex: -1,
-        "data-testid": constants.DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM,
-        onKeyDown: onMenuItemKeyDown(option, index, virtualIndex, inputRef, innerRef),
-        children: [isMulti && /*#__PURE__*/_jsx__default["default"](DSCheckbox__default["default"], {
-          style: {
-            marginRight: '10px'
-          },
-          checked: selectedItems.includes(option),
-          onChange: onMenuItemKeyDown(option, index, virtualIndex, inputRef, innerRef)
-        }), option]
-      }, option);
-    }))
+    options: filters,
+    onChange: handleOnChange,
+    selectedValues: selectedItems,
+    onFilter: handleOnFilter,
+    menuMaxHeight: 300
   }));
 
+  const handleOnClickOutside = () => {
+    setFilteredOptions(filteredOptions(''));
+  };
+
   return /*#__PURE__*/_jsx__default["default"](FilterPopover.FilterPopover, {
     reduxHeader: reduxHeader,
     column: column,
     columnId: column.id,
     menuContent: Select,
-    triggerIcon: _SearchIcon || (_SearchIcon = /*#__PURE__*/_jsx__default["default"](SearchIcon__default["default"], {})),
+    triggerIcon: _SearchXsmall || (_SearchXsmall = /*#__PURE__*/_jsx__default["default"](dsIcons.SearchXsmall, {})),
     innerRef: innerRef,
-    ariaLabel: "Open Selection Filter"
+    ariaLabel: "Open Selection Filter",
+    onClickOutsideMenu: handleOnClickOutside,
+    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'
+    }
   });
 };
 

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('@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-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('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@elliemae/ds-icons');
 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('../../../../DataTableContext.js');
 require('../../../../parts/Row.js');
 require('../../../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../../../../parts/HoC/SortableItemContext.js');
-require('@elliemae/ds-icons/MoreOptionsVert');
+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('@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-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('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@elliemae/ds-icons');
 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('../../../../DataTableContext.js');
 require('../../../../parts/Row.js');
 require('../../../../parts/Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../../../../parts/HoC/SortableItemContext.js');
-require('@elliemae/ds-icons/MoreOptionsVert');
+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/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,41 +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');
 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,34 +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');
-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,
@@ -86,7 +93,7 @@ const SingleDateFilter = props => {
       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;