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

package/cjs/parts/DnDHandle.js

@@ -1,24 +1,30 @@
 'use strict';
 
+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');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var GripperVertical = require('@elliemae/ds-icons/GripperVertical');
+var dsIcons = require('@elliemae/ds-icons');
 var styled = require('styled-components');
 var SortableItemContext = require('./HoC/SortableItemContext.js');
 var constants = require('../configs/constants.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-virtual');
 require('../configs/useRowFlattenization.js');
-require('@elliemae/ds-icons');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('../styled.js');
 require('react/jsx-runtime');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('@elliemae/ds-form');
 require('./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');
@@ -29,7 +35,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var GripperVertical__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 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; }
@@ -37,17 +42,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__default["default"](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__default["default"].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
   } = React.useContext(SortableItemContext.SortableItemContext);
@@ -63,7 +72,7 @@ const DragHandle = ({
     "data-testid": constants.DATA_TESTID.DATA_TABLE_DRAG_HANDLE,
     id: "".concat(id, "-drag-handle"),
     key: "".concat(id, "-drag-handle")
-  }), /*#__PURE__*/_jsx__default["default"](GripperVertical__default["default"], {
+  }), /*#__PURE__*/_jsx__default["default"](dsIcons.GripperVertical, {
     size: "s",
     color: isDragging ? ['neutral', '500'] : ['brand-primary', '800']
   }));

package/cjs/parts/DropIndicator.js

@@ -14,10 +14,12 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _circle;
 
-const getPositionStyles = ({
-  dropIndicatorPosition,
-  vertical
-}) => {
+const getPositionStyles = _ref => {
+  let {
+    dropIndicatorPosition,
+    vertical
+  } = _ref;
+
   if (vertical) {
     return "\n      left: ".concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? '0' : 'unset', ";\n      right: ").concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? '0' : 'unset', ";\n    ");
   }
@@ -25,18 +27,21 @@ const getPositionStyles = ({
   return "\n      top: ".concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? '0' : 'unset', ";\n      bottom: ").concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? '0' : 'unset', ";\n    ");
 };
 
-const getCircleStyles = ({
-  dropIndicatorPosition,
-  vertical
-}) => ({
-  position: 'absolute',
-  zIndex: zIndexInternalConfig.ZIndexDataTable.DROP_INDICATOR,
-  top: vertical || dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? 'unset' : '-2px',
-  bottom: vertical || dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? 'unset' : '-2px',
-  left: !vertical || dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? 'unset' : '-2px',
-  right: !vertical || dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? 'unset' : '-2px',
-  opacity: 1
-});
+const getCircleStyles = _ref2 => {
+  let {
+    dropIndicatorPosition,
+    vertical
+  } = _ref2;
+  return {
+    position: 'absolute',
+    zIndex: zIndexInternalConfig.ZIndexDataTable.DROP_INDICATOR,
+    top: vertical || dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? 'unset' : '-2px',
+    bottom: vertical || dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? 'unset' : '-2px',
+    left: !vertical || dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? 'unset' : '-2px',
+    right: !vertical || dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? 'unset' : '-2px',
+    opacity: 1
+  };
+};
 
 const StyledIndicator = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1aa87sx-0"
@@ -54,11 +59,12 @@ const CircleIndicator = style => /*#__PURE__*/_jsx__default["default"]("svg", {
   fill: "#1E79C2"
 })));
 
-const DropIndicator = ({
-  vertical,
-  dropIndicatorPosition,
-  isLast
-}) => {
+const DropIndicator = _ref3 => {
+  let {
+    vertical,
+    dropIndicatorPosition,
+    isLast
+  } = _ref3;
   if (![SortableItemContext.DropIndicatorPosition.After, SortableItemContext.DropIndicatorPosition.Before].includes(dropIndicatorPosition)) return null;
   const safeDropIndicatorPosition = isLast ? SortableItemContext.DropIndicatorPosition.Before : dropIndicatorPosition;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {

package/cjs/parts/EmptyContent.js

@@ -3,7 +3,7 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var Grid = require('@elliemae/ds-grid');
-var WarningTriangle = require('@elliemae/ds-icons/WarningTriangle');
+var dsIcons = require('@elliemae/ds-icons');
 var dsSystem = require('@elliemae/ds-system');
 var DSButton = require('@elliemae/ds-button');
 var styled = require('styled-components');
@@ -14,7 +14,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-var WarningTriangle__default = /*#__PURE__*/_interopDefaultLegacy(WarningTriangle);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
@@ -22,7 +21,7 @@ var _Icon;
 const EmptyStateWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-t6wd9y-0"
 })(["position:sticky;height:fit-content;top:0;left:0;"]);
-const Icon = /*#__PURE__*/styled__default["default"](WarningTriangle__default["default"]).withConfig({
+const Icon = /*#__PURE__*/styled__default["default"](dsIcons.WarningTriangle).withConfig({
   componentId: "sc-t6wd9y-1"
 })(["fill:", ";color:", ";justify-self:center;"], props => props.theme.colors.neutral[300], props => props.theme.colors.neutral[300]);
 const PrimaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
@@ -36,13 +35,17 @@ const Button = /*#__PURE__*/styled__default["default"](DSButton__default["defaul
 })(["margin-top:", ";justify-self:center;width:fit-content;"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m));
 const CenterContentFlexWrapper = /*#__PURE__*/styled__default["default"].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/cjs/parts/FilterBar/FiltersBar.js

@@ -3,43 +3,52 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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 MoreOptionsVert = require('@elliemae/ds-icons/MoreOptionsVert');
+var dsIcons = require('@elliemae/ds-icons');
+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 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('@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('../TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 var DataTableContext = require('../../DataTableContext.js');
 require('../Row.js');
 require('../Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../HoC/SortableItemContext.js');
-require('@elliemae/ds-utilities/hooks');
+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');
 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 TextPill = require('./components/TextPill.js');
 var styled = require('./styled.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -47,16 +56,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var MoreOptionsVert__default = /*#__PURE__*/_interopDefaultLegacy(MoreOptionsVert);
 
-var _VerticalElipsis;
+var _MoreOptionsVert;
 const pillRenderMapper = {
   [FilterTypes.FILTER_TYPES.SELECT]: SelectPill.SelectPill,
   [FilterTypes.FILTER_TYPES.MULTI_SELECT]: MultiSelectPill.MultiSelectPill,
-  [FilterTypes.FILTER_TYPES.TEXT]: TextPill.TextPill,
   [FilterTypes.FILTER_TYPES.SINGLE_DATE]: SingleDatePill.SingleDatePill,
   [FilterTypes.FILTER_TYPES.DATE_RANGE]: DateRangePill.DateRangePill,
-  [FilterTypes.FILTER_TYPES.NUMBER_RANGE]: NumberRangePill.NumberRangePill
+  [FilterTypes.FILTER_TYPES.DATE_SWITCHER]: DateSwitcherPill.DateSwitcherPill,
+  [FilterTypes.FILTER_TYPES.NUMBER_RANGE]: NumberRangePill.NumberRangePill,
+  [FilterTypes.FILTER_TYPES.CURRENCY_RANGE]: NumberRangePill.NumberRangePill
 };
 const FiltersBar = () => {
   const {
@@ -84,13 +93,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;
@@ -126,7 +136,7 @@ const FiltersBar = () => {
       },
       buttonType: "text",
       innerRef: dropdownMenuRef,
-      icon: _VerticalElipsis || (_VerticalElipsis = /*#__PURE__*/_jsx__default["default"](MoreOptionsVert__default["default"], {}))
+      icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {}))
     })
   }));
 };

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

@@ -4,6 +4,9 @@ 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');
 
@@ -13,16 +16,17 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 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 = React.useCallback(() => {
     if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
     onFiltersChange(filters.filter(filter => filter.id !== column));

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

@@ -0,0 +1,45 @@
+'use strict';
+
+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 _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(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__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+    type: "label",
+    label: columnHeader
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+    type: "removable",
+    label: value.isDateRange ? "".concat(format(value.startDate), " - ").concat(format(value.endDate)) : format(value.startDate),
+    onRemove: handleOnRemove,
+    innerRef: innerRef
+  })) : null;
+};
+
+exports.DateSwitcherPill = DateSwitcherPill;

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

@@ -4,6 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 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');
 
@@ -11,20 +16,22 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-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 = React.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();
@@ -32,16 +39,16 @@ const MultiSelectPill = ({
     }
 
     onFiltersChange(newFilters);
-  }, [filters, value, onFiltersChange, column, prevRef, nextRef]);
-  return value !== null && value !== void 0 && value.length ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+  }, [filters, multiSelectedValue, onFiltersChange, column, prevRef, nextRef]);
+  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
-  }), value.map((val, index) => /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+  }), multiSelectedValue.map((val, index) => /*#__PURE__*/_jsx__default["default"](dsPills.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;
 };
 
 exports.MultiSelectPill = MultiSelectPill;

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

@@ -3,6 +3,9 @@
 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');
 
@@ -10,18 +13,19 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-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 = React.useCallback(() => {
     if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
     onFiltersChange(filters.filter(filter => filter.id !== column));

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

@@ -3,6 +3,9 @@
 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');
 
@@ -10,16 +13,17 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const SelectPill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
+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(filter => filter.id !== column));
@@ -29,7 +33,7 @@ const SelectPill = ({
     label: columnHeader
   }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
-    label: value,
+    label: value.label,
     onRemove: handleOnRemove,
     innerRef: innerRef
   })) : null;

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

@@ -3,6 +3,9 @@
 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');
 require('core-js/modules/es.string.replace.js');
 var React = require('react');
 var dsPills = require('@elliemae/ds-pills');
@@ -11,16 +14,17 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const SingleDatePill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
+const SingleDatePill = _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(filter => filter.id !== column));

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var DateRangePill = require('./DateRangePill.js');
+var DateSwitcherPill = require('./DateSwitcherPill.js');
 var MultiSelectPill = require('./MultiSelectPill.js');
 var NumberRangePill = require('./NumberRangePill.js');
 var SelectPill = require('./SelectPill.js');
 var SingleDatePill = require('./SingleDatePill.js');
-var TextPill = require('./TextPill.js');
 
 
 
 exports.DateRangePill = DateRangePill.DateRangePill;
+exports.DateSwitcherPill = DateSwitcherPill.DateSwitcherPill;
 exports.MultiSelectPill = MultiSelectPill.MultiSelectPill;
 exports.NumberRangePill = NumberRangePill.NumberRangePill;
 exports.SelectPill = SelectPill.SelectPill;
 exports.SingleDatePill = SingleDatePill.SingleDatePill;
-exports.TextPill = TextPill.TextPill;