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

package/esm/helpers/cellPadding.js

@@ -1,18 +1,20 @@
 import { sizeToCss } from './sizeToCss.js';
 
-const cellPadding = ({
-  theme,
-  column
-}) => {
+const cellPadding = _ref => {
   var _sizeToCss;
 
+  let {
+    theme,
+    column
+  } = _ref;
   return "padding: 0 ".concat((_sizeToCss = sizeToCss(column.padding)) !== null && _sizeToCss !== void 0 ? _sizeToCss : theme.space.xxs, ";");
 };
-const columnPadding = ({
-  theme,
-  column,
-  shouldShowDnD
-}) => {
+const columnPadding = _ref2 => {
+  let {
+    theme,
+    column,
+    shouldShowDnD
+  } = _ref2;
   // Internal columns
   if (column.padding !== undefined) return "padding: 0 ".concat(sizeToCss(column.padding), ";"); // Default user columns
 

package/esm/helpers/columnsToGrid.js

@@ -1,3 +1,6 @@
+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 { sizeToCss } from './sizeToCss.js';
 

package/esm/helpers/getIdFromUniqueRowAccessor.js

@@ -1,3 +1,6 @@
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+
 const getIdFromUniqueRowAccessor = (uniqueRowAccessor, row) => {
   if (uniqueRowAccessor === undefined) {
     // user did not defined an unique row accesor, use the one generated by react-table

package/esm/helpers/refs-helpers.js

@@ -1,8 +1,18 @@
+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';
+
 // allow multiple refs to be set to point to the same DOM element
-const setMultipleRefs = (...refs) => {
+const setMultipleRefs = function () {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+
   const filteredRefs = refs.filter(Boolean);
-  if (!filteredRefs.length) return null;
-  if (filteredRefs.length === 0) return filteredRefs[0];
+  if (!filteredRefs.length) return () => null;
+  if (filteredRefs.length === 0) return () => null;
   return newRef => {
     filteredRefs.forEach(refToBeUpdated => {
       if (typeof refToBeUpdated === 'function') {

package/esm/index.js

@@ -6,9 +6,9 @@ export { groupBy } from './exported-related/groupBy.js';
 export { FILTER_TYPES } from './exported-related/FilterTypes.js';
 export { ROW_VARIANTS, ROW_VARIANT_COMPACT_KEY, ROW_VARIANT_KEY } from './exported-related/RowVariants.js';
 export { applyOutOfTheBoxFilters } from './exported-related/Filters/applyOutOfTheBoxFilters.js';
-export { textFilterFn } from './exported-related/Filters/textFilterFn.js';
 export { singleDateFilterFn } from './exported-related/Filters/singleDateFilterFn.js';
 export { singleSelectFilterFn } from './exported-related/Filters/singleSelectFilterFn.js';
 export { multiSelectFilterFn } from './exported-related/Filters/multiSelectFilterFn.js';
 export { numberRangeFilterFn } from './exported-related/Filters/numberRangeFilterFn.js';
+export { currencyRangeFilterFn } from './exported-related/Filters/currencyRangeFilterFn.js';
 export { dateRangeFilterFn } from './exported-related/Filters/dateRangeFilterFn.js';

package/esm/parts/Cells/Cell.js

@@ -1,6 +1,11 @@
 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';
+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 { useContext, useMemo, memo } from 'react';
 import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
 import Grid from '@elliemae/ds-grid';
@@ -9,47 +14,53 @@ import { outOfTheBoxEditables } from '../../addons/Editables/index.js';
 import DataTableContext from '../../DataTableContext.js';
 import { SortableItemContext } from '../HoC/SortableItemContext.js';
 import { expandRowColumn } from '../../addons/Columns/ColumnExpand/ColumnExpand.js';
-import '@elliemae/ds-form/Checkbox';
+import '@elliemae/ds-form';
 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 'styled-components';
-import '@elliemae/ds-form/Radio';
 import '../TableContent.js';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
+import '@elliemae/ds-icons';
 import '@elliemae/ds-system';
 import '@elliemae/ds-button';
 import '../Row.js';
 import '../Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import { useCellStyle } from './useCellStyle.js';
 import { jsx } from 'react/jsx-runtime';
 
 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 PureStandardCell = /*#__PURE__*/memo(({
-  cellStyle,
-  children,
-  column
-}) => /*#__PURE__*/_jsx(StyledCell, {
-  column: column,
-  style: cellStyle,
-  role: "cell",
-  "data-testid": DATA_TESTID.DATA_TABLE_CELL
-}, void 0, children));
+const PureStandardCell = /*#__PURE__*/memo(_ref => {
+  let {
+    cellStyle,
+    children,
+    column
+  } = _ref;
+  return /*#__PURE__*/_jsx(StyledCell, {
+    column: column,
+    style: cellStyle,
+    role: "cell",
+    "data-testid": DATA_TESTID.DATA_TABLE_CELL
+  }, void 0, children);
+});
 
-const Cell = ({
-  cell,
-  column,
-  row,
-  isRowSelected,
-  shouldAddExpandCell,
-  isDragOverlay
-}) => {
+const Cell = _ref2 => {
   var _SimpleTruncatedToolt;
 
+  let {
+    cell,
+    column,
+    row,
+    isRowSelected,
+    shouldAddExpandCell,
+    isDragOverlay
+  } = _ref2;
   const ctx = useContext(DataTableContext);
   const {
     tableProps: {

package/esm/parts/Cells/index.js

@@ -1,4 +1,6 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import { useContext } from 'react';
 import { INTERNAL_COLUMNS } from '../../addons/Columns/index.js';
 import { StyledActionCell } from '../../styled.js';

package/esm/parts/DnDHandle.js

@@ -1,22 +1,28 @@
+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 { useContext, createElement } from 'react';
-import GripperVertical from '@elliemae/ds-icons/GripperVertical';
+import { GripperVertical } from '@elliemae/ds-icons';
 import styled from 'styled-components';
 import { SortableItemContext } from './HoC/SortableItemContext.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-icons';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import '../styled.js';
 import 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
+import '@elliemae/ds-form';
 import './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';
@@ -28,17 +34,21 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 StyledGripperButton = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-fj20bf-0"
-})(["cursor:", ";outline:none;display:flex;align-items:center;touch-action:none;"], ({
-  isActive,
-  isDragOverlay
-}) => isActive || isDragOverlay ? 'grabbing' : 'grab');
+})(["cursor:", ";outline:none;display:flex;align-items:center;touch-action:none;"], _ref => {
+  let {
+    isActive,
+    isDragOverlay
+  } = _ref;
+  return isActive || isDragOverlay ? 'grabbing' : 'grab';
+});
 
-const DragHandle = ({
-  id,
-  isReachable,
-  isDragOverlay,
-  innerRef
-}) => {
+const DragHandle = _ref2 => {
+  let {
+    id,
+    isReachable,
+    isDragOverlay,
+    innerRef
+  } = _ref2;
   const {
     draggableProps
   } = useContext(SortableItemContext);

package/esm/parts/DropIndicator.js

@@ -7,10 +7,12 @@ import { jsxs, Fragment } from 'react/jsx-runtime';
 
 var _circle;
 
-const getPositionStyles = ({
-  dropIndicatorPosition,
-  vertical
-}) => {
+const getPositionStyles = _ref => {
+  let {
+    dropIndicatorPosition,
+    vertical
+  } = _ref;
+
   if (vertical) {
     return "\n      left: ".concat(dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset', ";\n      right: ").concat(dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset', ";\n    ");
   }
@@ -18,18 +20,21 @@ const getPositionStyles = ({
   return "\n      top: ".concat(dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset', ";\n      bottom: ").concat(dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset', ";\n    ");
 };
 
-const getCircleStyles = ({
-  dropIndicatorPosition,
-  vertical
-}) => ({
-  position: 'absolute',
-  zIndex: ZIndexDataTable.DROP_INDICATOR,
-  top: vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',
-  bottom: vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',
-  left: !vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',
-  right: !vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',
-  opacity: 1
-});
+const getCircleStyles = _ref2 => {
+  let {
+    dropIndicatorPosition,
+    vertical
+  } = _ref2;
+  return {
+    position: 'absolute',
+    zIndex: ZIndexDataTable.DROP_INDICATOR,
+    top: vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',
+    bottom: vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',
+    left: !vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',
+    right: !vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',
+    opacity: 1
+  };
+};
 
 const StyledIndicator = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1aa87sx-0"
@@ -47,11 +52,12 @@ const CircleIndicator = style => /*#__PURE__*/_jsx("svg", {
   fill: "#1E79C2"
 })));
 
-const DropIndicator = ({
-  vertical,
-  dropIndicatorPosition,
-  isLast
-}) => {
+const DropIndicator = _ref3 => {
+  let {
+    vertical,
+    dropIndicatorPosition,
+    isLast
+  } = _ref3;
   if (![DropIndicatorPosition.After, DropIndicatorPosition.Before].includes(dropIndicatorPosition)) return null;
   const safeDropIndicatorPosition = isLast ? DropIndicatorPosition.Before : dropIndicatorPosition;
   return /*#__PURE__*/jsxs(Fragment, {

package/esm/parts/EmptyContent.js

@@ -1,7 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import React, { useContext } from 'react';
 import Grid from '@elliemae/ds-grid';
-import WarningTriangle from '@elliemae/ds-icons/WarningTriangle';
+import { WarningTriangle } from '@elliemae/ds-icons';
 import { toMobile, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import DSButton from '@elliemae/ds-button';
 import styled from 'styled-components';
@@ -25,13 +25,17 @@ const Button = /*#__PURE__*/styled(DSButton).withConfig({
 })(["margin-top:", ";justify-self:center;width:fit-content;"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m));
 const CenterContentFlexWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-t6wd9y-5"
-})(["width:", "px;height:calc(100% - 48px);display:flex;align-items:center;"], ({
-  width
-}) => width);
+})(["width:", "px;height:calc(100% - 48px);display:flex;align-items:center;"], _ref => {
+  let {
+    width
+  } = _ref;
+  return width;
+});
 
-const EmptyContent = ({
-  width
-}) => {
+const EmptyContent = _ref2 => {
+  let {
+    width
+  } = _ref2;
   const {
     tableProps: {
       noResultsPlaceholder,

package/esm/parts/FilterBar/FiltersBar.js

@@ -1,51 +1,61 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { useContext, useMemo, useRef, useCallback } from 'react';
 import DSButton from '@elliemae/ds-button';
-import MoreOptionsVert from '@elliemae/ds-icons/MoreOptionsVert';
+import { MoreOptionsVert } from '@elliemae/ds-icons';
+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-popperjs';
 import 'styled-components';
 import '../../redux/reducers/index.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 '@babel/runtime/helpers/esm/defineProperty';
-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 '../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 '../Row.js';
 import '../Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import '../HoC/SortableItemContext.js';
-import '@elliemae/ds-utilities/hooks';
+import '@elliemae/ds-utilities';
 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 { DateRangePill } from './components/DateRangePill.js';
+import { DateSwitcherPill } from './components/DateSwitcherPill.js';
 import { MultiSelectPill } from './components/MultiSelectPill.js';
 import { NumberRangePill } from './components/NumberRangePill.js';
 import { SelectPill } from './components/SelectPill.js';
 import { SingleDatePill } from './components/SingleDatePill.js';
-import { TextPill } from './components/TextPill.js';
 import { StyledWrapper, StyledDropdownMenu } from './styled.js';
 
-var _VerticalElipsis;
+var _MoreOptionsVert;
 const pillRenderMapper = {
   [FILTER_TYPES.SELECT]: SelectPill,
   [FILTER_TYPES.MULTI_SELECT]: MultiSelectPill,
-  [FILTER_TYPES.TEXT]: TextPill,
   [FILTER_TYPES.SINGLE_DATE]: SingleDatePill,
   [FILTER_TYPES.DATE_RANGE]: DateRangePill,
-  [FILTER_TYPES.NUMBER_RANGE]: NumberRangePill
+  [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherPill,
+  [FILTER_TYPES.NUMBER_RANGE]: NumberRangePill,
+  [FILTER_TYPES.CURRENCY_RANGE]: NumberRangePill
 };
 const FiltersBar = () => {
   const {
@@ -73,13 +83,14 @@ const FiltersBar = () => {
     "aria-live": "polite",
     "aria-relevant": "additions removals",
     gutter: "xs"
-  }, void 0, filters.map(({
-    id: column,
-    type,
-    value
-  }, index) => {
+  }, void 0, filters.map((_ref, index) => {
     var _visibleColumns$find, _pillGroupRefs;
 
+    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;
 
     let Component = () => null;
@@ -115,7 +126,7 @@ const FiltersBar = () => {
       },
       buttonType: "text",
       innerRef: dropdownMenuRef,
-      icon: _VerticalElipsis || (_VerticalElipsis = /*#__PURE__*/_jsx(MoreOptionsVert, {}))
+      icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx(MoreOptionsVert, {}))
     })
   }));
 };

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

@@ -1,20 +1,24 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/es.string.replace.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 { useCallback } from 'react';
 import { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';
 
 const format = value => value === null || value === void 0 ? void 0 : value.replace(/-/g, '/');
 
-const DateRangePill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
+const DateRangePill = _ref => {
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
   const handleOnRemove = useCallback(() => {
     if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
     onFiltersChange(filters.filter(filter => filter.id !== column));

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

@@ -0,0 +1,37 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/es.string.replace.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 { useCallback } from 'react';
+import { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';
+
+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 = useCallback(() => {
+    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
+    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__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
+    type: "label",
+    label: columnHeader
+  }), /*#__PURE__*/_jsx(DSPillV2, {
+    type: "removable",
+    label: value.isDateRange ? "".concat(format(value.startDate), " - ").concat(format(value.endDate)) : format(value.startDate),
+    onRemove: handleOnRemove,
+    innerRef: innerRef
+  })) : null;
+};
+
+export { DateSwitcherPill };

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

@@ -1,22 +1,29 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/web.dom-collections.iterator.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.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import { useCallback } from 'react';
 import { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';
 
-const MultiSelectPill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
+const MultiSelectPill = _ref => {
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
+  const multiSelectedValue = value;
   const handleOnRemove = useCallback(valToRemove => {
     const newFilters = [...filters];
     const filterIndex = newFilters.findIndex(filter => filter.id === column);
-    newFilters[filterIndex].value = value.filter(val => val !== valToRemove);
+    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();
@@ -24,16 +31,16 @@ const MultiSelectPill = ({
     }
 
     onFiltersChange(newFilters);
-  }, [filters, value, onFiltersChange, column, prevRef, nextRef]);
-  return value !== null && value !== void 0 && value.length ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
+  }, [filters, multiSelectedValue, onFiltersChange, column, prevRef, nextRef]);
+  return multiSelectedValue !== null && multiSelectedValue !== void 0 && multiSelectedValue.length ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
     type: "label",
     label: columnHeader
-  }), value.map((val, index) => /*#__PURE__*/_jsx(DSPillV2, {
+  }), multiSelectedValue.map((val, index) => /*#__PURE__*/_jsx(DSPillV2, {
     type: "removable",
-    label: val,
+    label: val.label,
     onRemove: () => handleOnRemove(val),
-    innerRef: index === value.length - 1 ? innerRef : {}
-  }, val))) : null;
+    innerRef: index === multiSelectedValue.length - 1 ? innerRef : {}
+  }, val.dsId))) : null;
 };
 
 export { MultiSelectPill };

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

@@ -1,19 +1,23 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+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 { useCallback } from 'react';
 import { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';
 
-const NumberRangePill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
+const NumberRangePill = _ref => {
   var _value$from, _value$to;
 
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
   const handleOnRemove = useCallback(() => {
     if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
     onFiltersChange(filters.filter(filter => filter.id !== column));