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

package/cjs/parts/FilterBar/FiltersBar.js

@@ -2,160 +2,110 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.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/web.dom-collections.iterator.js');
 var React = require('react');
 var DSButton = require('@elliemae/ds-button');
 var dsIcons = require('@elliemae/ds-icons');
-require('@babel/runtime/helpers/slicedToArray');
+require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.filter.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-popperjs');
 require('styled-components');
 require('../../redux/reducers/index.js');
-var configs_constants = require('../../configs/constants.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('../../styled-b86fbdf4.js');
+require('../../styled.js');
+require('react/jsx-runtime');
 require('@elliemae/ds-form');
+require('../TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('../EmptyContent.js');
+require('@elliemae/ds-system');
+var DataTableContext = require('../../DataTableContext.js');
+require('../Row.js');
 require('../Footer.js');
-require('@babel/runtime/helpers/extends');
 require('../HoC/SortableItemContext.js');
 require('@elliemae/ds-utilities');
 require('uid');
-var exportedRelated_FilterTypes = require('../../exported-related/FilterTypes.js');
+var FilterTypes = require('../../exported-related/FilterTypes.js');
+require('../../exported-related/Filters/applyOutOfTheBoxFilters.js');
 require('moment');
-var parts_FilterBar_components_DateRangePill = require('./components/DateRangePill.js');
-var parts_FilterBar_components_DateSwitcherPill = require('./components/DateSwitcherPill.js');
-var parts_FilterBar_components_MultiSelectPill = require('./components/MultiSelectPill.js');
-var parts_FilterBar_components_NumberRangePill = require('./components/NumberRangePill.js');
-var parts_FilterBar_components_SelectPill = require('./components/SelectPill.js');
-var parts_FilterBar_components_SingleDatePill = require('./components/SingleDatePill.js');
-var parts_FilterBar_components_TextPill = require('./components/TextPill.js');
-var DataTableContext = require('../../DataTableContext.js');
-var parts_FilterBar_styled = require('./styled.js');
-require('redux');
-require('../../redux/reducers/headersReducers/headersReducers.js');
-require('@reduxjs/toolkit');
-require('../../redux/reducers/headersReducers/logic.js');
-require('../../redux/reducers/headersReducers/defaults.js');
-require('../../redux/reducers/headersReducers/useDispatchHeadersActions.js');
-require('react-redux');
-require('../../redux/reducers/rowsReducers/rowsReducer.js');
-require('../../redux/reducers/rowsReducers/logic.js');
-require('../../redux/reducers/rowsReducers/defaults.js');
-require('../../redux/reducers/rowsReducers/useDispatchRowsActions.js');
-require('../../helpers/getIdFromUniqueRowAccessor.js');
-require('../../helpers/sizeToCss.js');
-require('../../helpers/cellPadding.js');
-require('../../addons/Pagination/Pagination.js');
-require('@elliemae/ds-pagination');
-require('@elliemae/ds-indeterminate-progress-indicator');
-require('prop-types');
-require('../../helpers/refs-helpers.js');
-require('../HoC/withDnDSortableRowContext.js');
-require('@dnd-kit/sortable');
-require('../HoC/withConditionalDnDRowContext.js');
-require('@dnd-kit/core');
-require('../../helpers/dndkit/tree/useTreeDndkitConfig.js');
-require('../../helpers/dndkit/tree/useTreePreviewHandlers.js');
-require('../../helpers/dndkit/tree/getTreeKeyboardCoordinates.js');
-require('../../helpers/dndkit/utilities.js');
-require('../../helpers/dndkit/tree/useTreeActionHandlers.js');
-require('lodash');
-require('../../helpers/dndkit/tree/customCollisionDetection.js');
-require('../../helpers/dndkit/tree/useTreeAnnouncements.js');
-require('../HoC/DragOverlayContext.js');
-require('../../exported-related/RowVariants.js');
-require('../../exported-related/Filters/singleSelectFilterFn.js');
-require('../../exported-related/Filters/multiSelectFilterFn.js');
-require('../../exported-related/Filters/textFilterFn.js');
-require('../../exported-related/Filters/numberRangeFilterFn.js');
-require('../../exported-related/Filters/currencyRangeFilterFn.js');
-require('../../addons/Columns/ColumnAction/ColumnAction.js');
-require('../../hooks/useRecoverFocusRow.js');
-require('@elliemae/ds-truncated-tooltip-text');
-require('../../prop-types.js');
-require('../Cells/useCellStyle.js');
-require('../../exported-related/RowRenderer/useRowRendererProperties.js');
-require('../../exported-related/RowRenderer/useRowStyle.js');
-require('../DropIndicator.js');
-require('../../configs/zIndexInternalConfig.js');
-require('../../helpers/addCellData.js');
-require('../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
-require('../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
-require('../SortByCaret.js');
-require('@elliemae/ds-controlled-form');
-require('@elliemae/ds-form-layout-blocks');
-require('@elliemae/ds-grid/');
-require('@elliemae/ds-form/ComboBox');
-require('../../helpers/columnsToGrid.js');
-require('../Headers/useHeaderCellHandlers.js');
-require('../Headers/useHeaderCellConfig.js');
-require('../../hooks/useRecoverFocusCol.js');
-require('../Headers/RequiredDot.js');
-require('../SortableHeaderCell.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('../HoC/withConditionalDnDSortableContext.js');
-require('../Headers/EmptyChildrenGroup.js');
-require('../../configs/fixedSizes.js');
-require('../Loader.js');
-require('@elliemae/ds-system');
-require('@elliemae/ds-pills');
-require('@elliemae/ds-dropdownmenu');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.some.js');
+var DateRangePill = require('./components/DateRangePill.js');
+var DateSwitcherPill = require('./components/DateSwitcherPill.js');
+var MultiSelectPill = require('./components/MultiSelectPill.js');
+var NumberRangePill = require('./components/NumberRangePill.js');
+var SelectPill = require('./components/SelectPill.js');
+var SingleDatePill = require('./components/SingleDatePill.js');
+var styled = require('./styled.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var _pillRenderMapper;
-var pillRenderMapper = (_pillRenderMapper = {}, _defineProperty__default['default'](_pillRenderMapper, exportedRelated_FilterTypes.FILTER_TYPES.SELECT, parts_FilterBar_components_SelectPill.SelectPill), _defineProperty__default['default'](_pillRenderMapper, exportedRelated_FilterTypes.FILTER_TYPES.MULTI_SELECT, parts_FilterBar_components_MultiSelectPill.MultiSelectPill), _defineProperty__default['default'](_pillRenderMapper, exportedRelated_FilterTypes.FILTER_TYPES.TEXT, parts_FilterBar_components_TextPill.TextPill), _defineProperty__default['default'](_pillRenderMapper, exportedRelated_FilterTypes.FILTER_TYPES.SINGLE_DATE, parts_FilterBar_components_SingleDatePill.SingleDatePill), _defineProperty__default['default'](_pillRenderMapper, exportedRelated_FilterTypes.FILTER_TYPES.DATE_RANGE, parts_FilterBar_components_DateRangePill.DateRangePill), _defineProperty__default['default'](_pillRenderMapper, exportedRelated_FilterTypes.FILTER_TYPES.DATE_SWITCHER, parts_FilterBar_components_DateSwitcherPill.DateSwitcherPill), _defineProperty__default['default'](_pillRenderMapper, exportedRelated_FilterTypes.FILTER_TYPES.NUMBER_RANGE, parts_FilterBar_components_NumberRangePill.NumberRangePill), _defineProperty__default['default'](_pillRenderMapper, exportedRelated_FilterTypes.FILTER_TYPES.CURRENCY_RANGE, parts_FilterBar_components_NumberRangePill.NumberRangePill), _pillRenderMapper);
-var FiltersBar = function FiltersBar() {
-  var _useContext = React.useContext(DataTableContext['default']),
-      _useContext$tableProp = _useContext.tableProps,
-      width = _useContext$tableProp.width,
-      filterBarProps = _useContext$tableProp.filterBarProps,
-      onFiltersChange = _useContext$tableProp.onFiltersChange,
-      filters = _useContext$tableProp.filters,
-      visibleColumns = _useContext.visibleColumns;
-
-  var pillGroupRefs = React.useMemo(function () {
-    var refs = [];
+var _MoreOptionsVert;
+const pillRenderMapper = {
+  [FilterTypes.FILTER_TYPES.SELECT]: SelectPill.SelectPill,
+  [FilterTypes.FILTER_TYPES.MULTI_SELECT]: MultiSelectPill.MultiSelectPill,
+  [FilterTypes.FILTER_TYPES.SINGLE_DATE]: SingleDatePill.SingleDatePill,
+  [FilterTypes.FILTER_TYPES.DATE_RANGE]: DateRangePill.DateRangePill,
+  [FilterTypes.FILTER_TYPES.DATE_SWITCHER]: DateSwitcherPill.DateSwitcherPill,
+  [FilterTypes.FILTER_TYPES.NUMBER_RANGE]: NumberRangePill.NumberRangePill,
+  [FilterTypes.FILTER_TYPES.CURRENCY_RANGE]: NumberRangePill.NumberRangePill
+};
+const FiltersBar = () => {
+  const {
+    tableProps: {
+      width,
+      filterBarProps,
+      onFiltersChange,
+      filters
+    },
+    visibleColumns
+  } = React.useContext(DataTableContext["default"]);
+  const pillGroupRefs = React.useMemo(() => {
+    const refs = [];
 
-    for (var i = 0; i < filters.length; i += 1) {
-      refs.push( /*#__PURE__*/React__default['default'].createRef());
-    }
+    for (let i = 0; i < filters.length; i += 1) refs.push( /*#__PURE__*/React__default["default"].createRef());
 
     return refs;
   }, [filters.length]);
-  var dropdownMenuRef = React.useRef(null);
-  var removeAllFilters = React.useCallback(function () {
+  const dropdownMenuRef = React.useRef(null);
+  const removeAllFilters = React.useCallback(() => {
     onFiltersChange([]);
   }, [onFiltersChange]);
-  return /*#__PURE__*/React__default['default'].createElement(parts_FilterBar_styled.StyledWrapper, {
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledWrapper, {
     width: width,
     "aria-live": "polite",
     "aria-relevant": "additions removals",
     gutter: "xs"
-  }, filters.map(function (_ref, index) {
+  }, void 0, filters.map((_ref, index) => {
     var _visibleColumns$find, _pillGroupRefs;
 
-    var column = _ref.id,
-        type = _ref.type,
-        value = _ref.value;
-    var columnHeader = (_visibleColumns$find = visibleColumns.find(function (col) {
-      return col.accessor === column;
-    })) === null || _visibleColumns$find === void 0 ? void 0 : _visibleColumns$find.Header;
+    let {
+      id: column,
+      type,
+      value
+    } = _ref;
+    const columnHeader = (_visibleColumns$find = visibleColumns.find(col => col.accessor === column)) === null || _visibleColumns$find === void 0 ? void 0 : _visibleColumns$find.Header;
 
-    var Component = function Component() {
-      return null;
-    };
+    let Component = () => null;
 
-    var filterType = type;
+    const filterType = type;
 
     if (filterType in pillRenderMapper) {
       Component = pillRenderMapper[filterType];
@@ -163,8 +113,7 @@ var FiltersBar = function FiltersBar() {
       Component = filterBarProps.customPillRenderer;
     }
 
-    return /*#__PURE__*/React__default['default'].createElement(Component, {
-      key: column,
+    return /*#__PURE__*/_jsx__default["default"](Component, {
       columnHeader: typeof columnHeader === 'string' ? columnHeader : column,
       column: column,
       value: value,
@@ -173,24 +122,23 @@ var FiltersBar = function FiltersBar() {
       prevRef: pillGroupRefs[index - 1],
       innerRef: pillGroupRefs[index],
       nextRef: (_pillGroupRefs = pillGroupRefs[index + 1]) !== null && _pillGroupRefs !== void 0 ? _pillGroupRefs : dropdownMenuRef
-    });
-  }), /*#__PURE__*/React__default['default'].createElement(parts_FilterBar_styled.StyledDropdownMenu, {
+    }, column);
+  }), /*#__PURE__*/_jsx__default["default"](styled.StyledDropdownMenu, {
     preventOverflow: "scrollParent",
     options: [{
       id: '__internal__option__clear__filters',
       label: 'Clear Filters',
       onClick: removeAllFilters
-    }].concat(_toConsumableArray__default['default']((filterBarProps === null || filterBarProps === void 0 ? void 0 : filterBarProps.extraOptions) || [])),
-    triggerComponent: /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+    }, ...((filterBarProps === null || filterBarProps === void 0 ? void 0 : filterBarProps.extraOptions) || [])],
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       containerProps: {
-        'data-testid': configs_constants.DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON
+        'data-testid': constants.DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON
       },
       buttonType: "text",
       innerRef: dropdownMenuRef,
-      icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.MoreOptionsVert, null)
+      icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {}))
     })
   }));
 };
 
 exports.FiltersBar = FiltersBar;
-//# sourceMappingURL=FiltersBar.js.map

package/cjs/parts/FilterBar/components/DateRangePill.js

@@ -2,38 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/es.string.replace.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');
 var React = require('react');
 var dsPills = require('@elliemae/ds-pills');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/* eslint-disable react/prop-types */
-
-var format = function format(value) {
-  return value === null || value === void 0 ? void 0 : value.replace(/-/g, '/');
-};
-
-var DateRangePill = function DateRangePill(_ref) {
-  var columnHeader = _ref.columnHeader,
-      column = _ref.column,
-      value = _ref.value,
-      filters = _ref.filters,
-      onFiltersChange = _ref.onFiltersChange,
-      prevRef = _ref.prevRef,
-      innerRef = _ref.innerRef,
-      nextRef = _ref.nextRef;
-  var handleOnRemove = React.useCallback(function () {
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const format = value => value === null || value === void 0 ? void 0 : value.replace(/-/g, '/');
+
+const DateRangePill = _ref => {
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
+  const handleOnRemove = React.useCallback(() => {
     if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
-    onFiltersChange(filters.filter(function (filter) {
-      return filter.id !== column;
-    }));
+    onFiltersChange(filters.filter(filter => filter.id !== column));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillGroupV2, null, /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillV2, {
+  return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillV2, {
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
     label: "".concat(format(value.startDate), " - ").concat(format(value.endDate)),
     onRemove: handleOnRemove,
@@ -42,4 +43,3 @@ var DateRangePill = function DateRangePill(_ref) {
 };
 
 exports.DateRangePill = DateRangePill;
-//# sourceMappingURL=DateRangePill.js.map

package/cjs/parts/FilterBar/components/DateSwitcherPill.js

@@ -2,38 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/es.string.replace.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');
 var React = require('react');
 var dsPills = require('@elliemae/ds-pills');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/* eslint-disable react/prop-types */
-
-var format = function format(value) {
-  return value === null || value === void 0 ? void 0 : value.replace(/-/g, '/');
-};
-
-var DateSwitcherPill = function DateSwitcherPill(_ref) {
-  var columnHeader = _ref.columnHeader,
-      column = _ref.column,
-      value = _ref.value,
-      filters = _ref.filters,
-      onFiltersChange = _ref.onFiltersChange,
-      prevRef = _ref.prevRef,
-      innerRef = _ref.innerRef,
-      nextRef = _ref.nextRef;
-  var handleOnRemove = React.useCallback(function () {
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const format = value => value === null || value === void 0 ? void 0 : value.replace(/-/g, '/');
+
+const DateSwitcherPill = _ref => {
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
+  const handleOnRemove = React.useCallback(() => {
     if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
-    onFiltersChange(filters.filter(function (filter) {
-      return filter.id !== column;
-    }));
+    onFiltersChange(filters.filter(filter => filter.id !== column));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillGroupV2, null, /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillV2, {
+  return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillV2, {
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
     label: value.isDateRange ? "".concat(format(value.startDate), " - ").concat(format(value.endDate)) : format(value.startDate),
     onRemove: handleOnRemove,
@@ -42,4 +43,3 @@ var DateSwitcherPill = function DateSwitcherPill(_ref) {
 };
 
 exports.DateSwitcherPill = DateSwitcherPill;
-//# sourceMappingURL=DateSwitcherPill.js.map

package/cjs/parts/FilterBar/components/MultiSelectPill.js

@@ -2,34 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
+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.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var React = require('react');
 var dsPills = require('@elliemae/ds-pills');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var MultiSelectPill = function MultiSelectPill(_ref) {
-  var columnHeader = _ref.columnHeader,
-      column = _ref.column,
-      value = _ref.value,
-      filters = _ref.filters,
-      onFiltersChange = _ref.onFiltersChange,
-      prevRef = _ref.prevRef,
-      innerRef = _ref.innerRef,
-      nextRef = _ref.nextRef;
-  var multiSelectedValue = value;
-  var handleOnRemove = React.useCallback(function (valToRemove) {
-    var newFilters = _toConsumableArray__default['default'](filters);
-
-    var filterIndex = newFilters.findIndex(function (filter) {
-      return filter.id === column;
-    });
-    newFilters[filterIndex].value = multiSelectedValue.filter(function (val) {
-      return val.dsId !== valToRemove.dsId;
-    });
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const MultiSelectPill = _ref => {
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
+  const multiSelectedValue = value;
+  const handleOnRemove = React.useCallback(valToRemove => {
+    const newFilters = [...filters];
+    const filterIndex = newFilters.findIndex(filter => filter.id === column);
+    newFilters[filterIndex].value = multiSelectedValue.filter(val => val.dsId !== valToRemove.dsId);
 
     if (newFilters[filterIndex].value.length === 0) {
       if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
@@ -38,21 +40,15 @@ var MultiSelectPill = function MultiSelectPill(_ref) {
 
     onFiltersChange(newFilters);
   }, [filters, multiSelectedValue, onFiltersChange, column, prevRef, nextRef]);
-  return multiSelectedValue !== null && multiSelectedValue !== void 0 && multiSelectedValue.length ? /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillGroupV2, null, /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillV2, {
+  return multiSelectedValue !== null && multiSelectedValue !== void 0 && multiSelectedValue.length ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), multiSelectedValue.map(function (val, index) {
-    return /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillV2, {
-      key: val.dsId,
-      type: "removable",
-      label: val.label,
-      onRemove: function onRemove() {
-        return handleOnRemove(val);
-      },
-      innerRef: index === multiSelectedValue.length - 1 ? innerRef : {}
-    });
-  })) : null;
+  }), multiSelectedValue.map((val, index) => /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+    type: "removable",
+    label: val.label,
+    onRemove: () => handleOnRemove(val),
+    innerRef: index === multiSelectedValue.length - 1 ? innerRef : {}
+  }, val.dsId))) : null;
 };
 
 exports.MultiSelectPill = MultiSelectPill;
-//# sourceMappingURL=MultiSelectPill.js.map

package/cjs/parts/FilterBar/components/NumberRangePill.js

@@ -2,35 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
+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');
 var React = require('react');
 var dsPills = require('@elliemae/ds-pills');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-/* eslint-disable react/prop-types */
-var NumberRangePill = function NumberRangePill(_ref) {
+const NumberRangePill = _ref => {
   var _value$from, _value$to;
 
-  var columnHeader = _ref.columnHeader,
-      column = _ref.column,
-      value = _ref.value,
-      filters = _ref.filters,
-      onFiltersChange = _ref.onFiltersChange,
-      prevRef = _ref.prevRef,
-      innerRef = _ref.innerRef,
-      nextRef = _ref.nextRef;
-  var handleOnRemove = React.useCallback(function () {
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
+  const handleOnRemove = React.useCallback(() => {
     if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
-    onFiltersChange(filters.filter(function (filter) {
-      return filter.id !== column;
-    }));
+    onFiltersChange(filters.filter(filter => filter.id !== column));
   }, [onFiltersChange, filters, column, prevRef, nextRef]);
-  return ((_value$from = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from !== void 0 ? _value$from : '') !== '' && ((_value$to = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to !== void 0 ? _value$to : '') !== '' ? /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillGroupV2, null, /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillV2, {
+  return ((_value$from = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from !== void 0 ? _value$from : '') !== '' && ((_value$to = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to !== void 0 ? _value$to : '') !== '' ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillV2, {
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
     label: "".concat(value.from, " - ").concat(value.to),
     onRemove: handleOnRemove,
@@ -39,4 +42,3 @@ var NumberRangePill = function NumberRangePill(_ref) {
 };
 
 exports.NumberRangePill = NumberRangePill;
-//# sourceMappingURL=NumberRangePill.js.map

package/cjs/parts/FilterBar/components/SelectPill.js

@@ -2,33 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
+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');
 var React = require('react');
 var dsPills = require('@elliemae/ds-pills');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-/* eslint-disable react/prop-types */
-var SelectPill = function SelectPill(_ref) {
-  var columnHeader = _ref.columnHeader,
-      column = _ref.column,
-      value = _ref.value,
-      filters = _ref.filters,
-      onFiltersChange = _ref.onFiltersChange,
-      prevRef = _ref.prevRef,
-      innerRef = _ref.innerRef,
-      nextRef = _ref.nextRef;
-  var handleOnRemove = React.useCallback(function () {
+const SelectPill = _ref => {
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
+  const handleOnRemove = React.useCallback(() => {
     if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
-    onFiltersChange(filters.filter(function (filter) {
-      return filter.id !== column;
-    }));
+    onFiltersChange(filters.filter(filter => filter.id !== column));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value ? /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillGroupV2, null, /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillV2, {
+  return value ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillV2, {
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
     label: value.label,
     onRemove: handleOnRemove,
@@ -37,4 +40,3 @@ var SelectPill = function SelectPill(_ref) {
 };
 
 exports.SelectPill = SelectPill;
-//# sourceMappingURL=SelectPill.js.map