@elliemae/ds-data-table 2.4.2-rc.12 → 2.4.2-rc.13

package/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js

@@ -12,7 +12,6 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var index = require('../../addons/Columns/index.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');
@@ -47,7 +46,7 @@ _jsx__default["default"]("div", {
   onKeyDown: e => e.stopPropagation()
 }, void 0, props.children);
 
-const ariaLabelMessage = (row, selected) => "Row number ".concat(row.realIndex + 1).concat(row.parentIndex !== null ? ", child of row number ".concat(row.parentIndex + 1) : '', ". ").concat(selected ? 'Selected. ' : '', "To interact with the cells press enter");
+const ariaLabelMessage = (row, selected) => `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ''}. ${selected ? 'Selected. ' : ''}To interact with the cells press enter`;
 
 const DefaultRowContentRenderer = props => {
   const {
@@ -79,9 +78,7 @@ const DefaultRowContentRenderer = props => {
   const isDragging = draggableProps && draggableProps.isDragging;
   React.useLayoutEffect(() => {
     if (row.uid === focusedRowId) {
-      var _rowRef$current;
-
-      (_rowRef$current = rowRef.current) === null || _rowRef$current === void 0 ? void 0 : _rowRef$current.focus();
+      rowRef.current?.focus();
     }
   }, [focusedRowId, row.uid]);
   const gridTemplateColProps = React.useMemo(() => ({
@@ -111,9 +108,9 @@ const DefaultRowContentRenderer = props => {
         tabIndex: 0,
         role: "row",
         "aria-rowindex": row.realIndex + 1,
-        "aria-label": ariaLabelMessage(row, (selection === null || selection === void 0 ? void 0 : selection[row.uid]) === true),
+        "aria-label": ariaLabelMessage(row, selection?.[row.uid] === true),
         "aria-level": row.depth + 1,
-        "aria-selected": (selection === null || selection === void 0 ? void 0 : selection[row.uid]) === true,
+        "aria-selected": selection?.[row.uid] === true,
         "aria-expanded": isExpandable ? expandedRows[row.uid] === true : undefined,
         "aria-disabled": disabledRows[row.uid]
       }, gridTemplateColProps), {}, {
@@ -124,7 +121,7 @@ const DefaultRowContentRenderer = props => {
         shouldDisplayHover: !isDndActive && !isDragging && !isDragOverlay,
         isDragOverlay: isDragOverlay,
         isDragging: isDragging,
-        selected: noSelectionColumn && (selection === null || selection === void 0 ? void 0 : selection[row.uid]) === true,
+        selected: noSelectionColumn && selection?.[row.uid] === true,
         disabled: disabledRows[row.uid],
         "data-testid": constants.DATA_TESTID.DATA_TABLE_ROW_CONTENT,
         children: /*#__PURE__*/_jsx__default["default"](index$1, {

package/cjs/exported-related/RowRenderer/index.js

@@ -16,7 +16,6 @@ var useRowRendererProperties = require('./useRowRendererProperties.js');
 var DropIndicator = require('../../parts/DropIndicator.js');
 var SortableItemContext = require('../../parts/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');

package/cjs/exported-related/RowRenderer/useRowRendererHandlers.js

@@ -9,7 +9,6 @@ var React = require('react');
 var constants = require('../../configs/constants.js');
 require('core-js/modules/esnext.async-iterator.filter.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-virtual');
@@ -112,9 +111,7 @@ const useRowRendererHandlers = _ref => {
     }
   }, [isDragOverlay, isActive, selectedRowId, row, setSelectedRowId, handleItemClick, itemIndex, items, setFocusedRowId]);
   const handleOnBlur = React.useCallback(e => {
-    var _e$relatedTarget;
-
-    if (((_e$relatedTarget = e.relatedTarget) === null || _e$relatedTarget === void 0 ? void 0 : _e$relatedTarget.getAttribute('data-testid')) === 'data-table-row-content') {
+    if (e.relatedTarget?.getAttribute('data-testid') === 'data-table-row-content') {
       setSelectedRowId(null);
     }
   }, [setSelectedRowId]);

package/cjs/exported-related/RowRenderer/useRowStyle.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var DataTableContext = require('../../DataTableContext.js');
 var SortableItemContext = require('../../parts/HoC/SortableItemContext.js');

package/cjs/exported-related/Toolbar/Toolbar.js

@@ -3,7 +3,6 @@
 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 styled = require('styled-components');
 var DSButton = require('@elliemae/ds-button');

package/cjs/exported-related/groupBy.js

@@ -7,7 +7,6 @@ require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 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');
 var uid = require('uid');
 
 const groupBy = (data, headerKey) => {

package/cjs/helpers/addCellData.js

@@ -18,11 +18,7 @@ const BasicCell = /*#__PURE__*/React__default["default"].memo(_ref => {
   return cell.value;
 });
 
-const getCellValue = (row, accessor) => {
-  var _row$original$accesso;
-
-  return (_row$original$accesso = row.original[accessor]) !== null && _row$original$accesso !== void 0 ? _row$original$accesso : null;
-};
+const getCellValue = (row, accessor) => row.original[accessor] ?? null;
 
 const addColumnData = (datum, column) => {
   datum.cells.push({
@@ -31,7 +27,7 @@ const addColumnData = (datum, column) => {
     render: column.Cell || BasicCell,
     row: datum,
     ref: /*#__PURE__*/React__default["default"].createRef(),
-    id: "".concat(datum.uid, "__").concat(column.id)
+    id: `${datum.uid}__${column.id}`
   });
 };
 

package/cjs/helpers/cellPadding.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var sizeToCss = require('./sizeToCss.js');
 
 const cellPadding = _ref => {
-  var _sizeToCss;
-
   let {
     theme,
     column
   } = _ref;
-  return "padding: 0 ".concat((_sizeToCss = sizeToCss.sizeToCss(column.padding)) !== null && _sizeToCss !== void 0 ? _sizeToCss : theme.space.xxs, ";");
+  return `padding: 0 ${sizeToCss.sizeToCss(column.padding) ?? theme.space.xxs};`;
 };
 const columnPadding = _ref2 => {
   let {
@@ -20,9 +18,9 @@ const columnPadding = _ref2 => {
     shouldShowDnD
   } = _ref2;
   // Internal columns
-  if (column.padding !== undefined) return "padding: 0 ".concat(sizeToCss.sizeToCss(column.padding), ";"); // Default user columns
+  if (column.padding !== undefined) return `padding: 0 ${sizeToCss.sizeToCss(column.padding)};`; // Default user columns
 
-  return "padding: 0 ".concat(theme.space.xxxs, " 0 ").concat(shouldShowDnD ? '2px' : theme.space.xxs, ";");
+  return `padding: 0 ${theme.space.xxxs} 0 ${shouldShowDnD ? '2px' : theme.space.xxs};`;
 };
 
 exports.cellPadding = cellPadding;

package/cjs/helpers/columnsToGrid.js

@@ -9,9 +9,7 @@ var constants = require('../configs/constants.js');
 var sizeToCss = require('./sizeToCss.js');
 
 const columnsToGridImpl = (c, grid, colsLayoutStyle) => {
-  var _c$width;
-
-  if ('columns' in c) c.columns.forEach(col => columnsToGridImpl(col, grid, colsLayoutStyle));else grid.push(sizeToCss.sizeToCss((_c$width = c.width) !== null && _c$width !== void 0 ? _c$width : colsLayoutStyle === constants.ColsLayoutStyle.Auto ? '1fr' : 150));
+  if ('columns' in c) c.columns.forEach(col => columnsToGridImpl(col, grid, colsLayoutStyle));else grid.push(sizeToCss.sizeToCss(c.width ?? (colsLayoutStyle === constants.ColsLayoutStyle.Auto ? '1fr' : 150)));
 };
 
 const columnsToGrid = (columns, colsLayoutStyle) => {

package/cjs/helpers/sizeToCss.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const sizeToCss = size => typeof size === 'number' && !Number.isNaN(size) ? "".concat(size, "px") : size;
+const sizeToCss = size => typeof size === 'number' && !Number.isNaN(size) ? `${size}px` : size;
 
 exports.sizeToCss = sizeToCss;

package/cjs/hooks/useRecoverFocusCol.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 
 // so we just keep track of it and focus it if necessary
@@ -11,13 +10,7 @@ const useRecoverFocusCol = (condition, ref) => {
   const [prevCondition, setPrevCondition] = React.useState(condition);
   React.useEffect(() => {
     if (prevCondition && !condition) {
-      var _ref$current;
-
-      if (ref.current) (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();else setTimeout(() => {
-        var _ref$current2;
-
-        return (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
-      });
+      if (ref.current) ref.current?.focus();else setTimeout(() => ref.current?.focus());
     }
 
     setPrevCondition(condition);

package/cjs/parts/Cells/Cell.js

@@ -1,13 +1,12 @@
 'use strict';
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-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.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var Grid = require('@elliemae/ds-grid');
@@ -109,7 +108,7 @@ const Cell = _ref2 => {
     if (typeof column.editable === 'string') {
       const {
         EditableComponent
-      } = index.outOfTheBoxEditables === null || index.outOfTheBoxEditables === void 0 ? void 0 : index.outOfTheBoxEditables[column.editable];
+      } = index.outOfTheBoxEditables?.[column.editable];
       if (EditableComponent) return /*#__PURE__*/jsxRuntime.jsx(EditableComponent, _objectSpread(_objectSpread({}, cellProps), {}, {
         DefaultCellRender: DefaultCellContentJSX
       }));

package/cjs/parts/Cells/useCellStyle.js

@@ -31,8 +31,8 @@ const useCellStyle = (column, shouldAddExpandCell) => {
     }
 
     if (shouldAddExpandCell) {
-      newStyle.gridColumn = "span 2";
-      newStyle.padding = "0 16px 0 2px";
+      newStyle.gridColumn = `span 2`;
+      newStyle.padding = `0 16px 0 2px`;
     }
 
     return newStyle;

package/cjs/parts/DnDHandle.js

@@ -12,7 +12,6 @@ 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');
@@ -70,8 +69,8 @@ const DragHandle = _ref2 => {
     ref: innerRef,
     tabIndex: isReachable ? 0 : -1,
     "data-testid": constants.DATA_TESTID.DATA_TABLE_DRAG_HANDLE,
-    id: "".concat(id, "-drag-handle"),
-    key: "".concat(id, "-drag-handle")
+    id: `${id}-drag-handle`,
+    key: `${id}-drag-handle`
   }), /*#__PURE__*/_jsx__default["default"](dsIcons.GripperVertical, {
     size: "s",
     color: isDragging ? ['neutral', '500'] : ['brand-primary', '800']

package/cjs/parts/DropIndicator.js

@@ -21,10 +21,16 @@ const getPositionStyles = _ref => {
   } = _ref;
 
   if (vertical) {
-    return "\n      left: ".concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? '0' : 'unset', ";\n      right: ").concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? '0' : 'unset', ";\n    ");
+    return `
+      left: ${dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? '0' : 'unset'};
+      right: ${dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? '0' : 'unset'};
+    `;
   }
 
-  return "\n      top: ".concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? '0' : 'unset', ";\n      bottom: ").concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? '0' : 'unset', ";\n    ");
+  return `
+      top: ${dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? '0' : 'unset'};
+      bottom: ${dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? '0' : 'unset'};
+    `;
 };
 
 const getCircleStyles = _ref2 => {

package/cjs/parts/FilterBar/FiltersBar.js

@@ -8,15 +8,14 @@ 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/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('@babel/runtime/helpers/defineProperty');
 require('@elliemae/ds-popperjs');
 require('styled-components');
 require('../../redux/reducers/index.js');
@@ -94,14 +93,12 @@ const FiltersBar = () => {
     "aria-relevant": "additions removals",
     gutter: "xs"
   }, 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;
+    const columnHeader = visibleColumns.find(col => col.accessor === column)?.Header;
 
     let Component = () => null;
 
@@ -109,7 +106,7 @@ const FiltersBar = () => {
 
     if (filterType in pillRenderMapper) {
       Component = pillRenderMapper[filterType];
-    } else if (filterBarProps !== null && filterBarProps !== void 0 && filterBarProps.customPillRenderer) {
+    } else if (filterBarProps?.customPillRenderer) {
       Component = filterBarProps.customPillRenderer;
     }
 
@@ -121,7 +118,7 @@ const FiltersBar = () => {
       onFiltersChange: onFiltersChange,
       prevRef: pillGroupRefs[index - 1],
       innerRef: pillGroupRefs[index],
-      nextRef: (_pillGroupRefs = pillGroupRefs[index + 1]) !== null && _pillGroupRefs !== void 0 ? _pillGroupRefs : dropdownMenuRef
+      nextRef: pillGroupRefs[index + 1] ?? dropdownMenuRef
     }, column);
   }), /*#__PURE__*/_jsx__default["default"](styled.StyledDropdownMenu, {
     preventOverflow: "scrollParent",
@@ -129,7 +126,7 @@ const FiltersBar = () => {
       id: '__internal__option__clear__filters',
       label: 'Clear Filters',
       onClick: removeAllFilters
-    }, ...((filterBarProps === null || filterBarProps === void 0 ? void 0 : filterBarProps.extraOptions) || [])],
+    }, ...(filterBarProps?.extraOptions || [])],
     triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       containerProps: {
         'data-testid': constants.DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON

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

@@ -3,7 +3,6 @@
 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');
@@ -14,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const format = value => value === null || value === void 0 ? void 0 : value.replace(/-/g, '/');
+const format = value => value?.replace(/-/g, '/');
 
 const DateRangePill = _ref => {
   let {
@@ -28,17 +27,15 @@ const DateRangePill = _ref => {
     nextRef
   } = _ref;
   const handleOnRemove = React.useCallback(() => {
-    var _nextRef$current;
-
-    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
+    if (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, {
+  return value?.startDate && 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: "".concat(format(value.startDate), " - ").concat(format(value.endDate)),
+    label: `${format(value.startDate)} - ${format(value.endDate)}`,
     onRemove: handleOnRemove,
     innerRef: innerRef
   })) : null;

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

@@ -3,7 +3,6 @@
 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');
@@ -14,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const format = value => value === null || value === void 0 ? void 0 : value.replace(/-/g, '/');
+const format = value => value?.replace(/-/g, '/');
 
 const DateSwitcherPill = _ref => {
   let {
@@ -28,17 +27,15 @@ const DateSwitcherPill = _ref => {
     nextRef
   } = _ref;
   const handleOnRemove = React.useCallback(() => {
-    var _nextRef$current;
-
-    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
+    if (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, {
+  return value?.startDate && 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),
+    label: value.isDateRange ? `${format(value.startDate)} - ${format(value.endDate)}` : format(value.startDate),
     onRemove: handleOnRemove,
     innerRef: innerRef
   })) : null;

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

@@ -3,7 +3,6 @@
 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');
@@ -34,15 +33,13 @@ const MultiSelectPill = _ref => {
     newFilters[filterIndex].value = multiSelectedValue.filter(val => val.dsId !== valToRemove.dsId);
 
     if (newFilters[filterIndex].value.length === 0) {
-      var _nextRef$current;
-
-      if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
+      if (prevRef?.current) prevRef.current.focus();else nextRef.current?.focus();
       newFilters.splice(filterIndex, 1);
     }
 
     onFiltersChange(newFilters);
   }, [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, {
+  return multiSelectedValue?.length ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
   }), multiSelectedValue.map((val, index) => /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {

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

@@ -14,8 +14,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 const NumberRangePill = _ref => {
-  var _value$from, _value$to;
-
   let {
     columnHeader,
     column,
@@ -27,17 +25,15 @@ const NumberRangePill = _ref => {
     nextRef
   } = _ref;
   const handleOnRemove = React.useCallback(() => {
-    var _nextRef$current;
-
-    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
+    if (prevRef?.current) prevRef.current.focus();else nextRef.current?.focus();
     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__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+  return (value?.from ?? '') !== '' && (value?.to ?? '') !== '' ? /*#__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: "".concat(value.from, " - ").concat(value.to),
+    label: `${value.from} - ${value.to}`,
     onRemove: handleOnRemove,
     innerRef: innerRef
   })) : null;

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

@@ -25,9 +25,7 @@ const SelectPill = _ref => {
     nextRef
   } = _ref;
   const handleOnRemove = React.useCallback(() => {
-    var _nextRef$current;
-
-    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
+    if (prevRef?.current) prevRef.current.focus();else nextRef.current?.focus();
     onFiltersChange(filters.filter(filter => filter.id !== column));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
   return value ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {

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

@@ -6,7 +6,6 @@ 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');
 
@@ -26,9 +25,7 @@ const SingleDatePill = _ref => {
     nextRef
   } = _ref;
   const handleOnRemove = React.useCallback(() => {
-    var _nextRef$current;
-
-    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
+    if (prevRef?.current) prevRef.current.focus();else nextRef.current?.focus();
     onFiltersChange(filters.filter(filter => filter.id !== column));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
   return value ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {

package/cjs/parts/Filters/index.js

@@ -8,7 +8,7 @@ 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');
-require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/es.error.cause.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
@@ -100,7 +100,7 @@ const FilterMapItem = props => {
   }, [column.id, filters, onFiltersChange]);
 
   const filterProps = _objectSpread(_objectSpread({}, props), {}, {
-    filterValue: filterValue === null || filterValue === void 0 ? void 0 : filterValue.value,
+    filterValue: filterValue?.value,
     onValueChange,
     patchHeader,
     patchHeaderFilterButtonAndMenu
@@ -108,7 +108,7 @@ const FilterMapItem = props => {
 
   if (typeof column.filter === 'string') {
     if (!(column.filter in FilterMapper)) {
-      throw new Error("column.filter must be a supported out-of-the-box filter in ".concat(column));
+      throw new Error(`column.filter must be a supported out-of-the-box filter in ${column}`);
     }
 
     const FilterComp = FilterMapper[column.filter];
@@ -117,7 +117,7 @@ const FilterMapItem = props => {
 
   if (column.Filter) {
     if (typeof column.Filter !== 'function') {
-      throw new Error("column.Filter must be a component");
+      throw new Error(`column.Filter must be a component`);
     }
 
     const FilterComp = column.Filter;

package/cjs/parts/Headers/HeaderCell.js

@@ -32,7 +32,6 @@ var useHeaderCellHandlers = require('./useHeaderCellHandlers.js');
 var useHeaderCellConfig = require('./useHeaderCellConfig.js');
 var useRecoverFocusCol = require('../../hooks/useRecoverFocusCol.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');
@@ -60,26 +59,24 @@ const buildScreenReaderInstructions = (colSpan, draggable, filterable, sortable)
   let message = sortable ? 'You can sort the data ascendingly/descendingly by this column. Use the up / down arrows keys to do so' : '';
 
   if (draggable && filterable) {
-    message = "This column is draggable and filterable. To enable these interactions press the enter key. ".concat(message);
+    message = `This column is draggable and filterable. To enable these interactions press the enter key. ${message}`;
   } else if (draggable || filterable) {
-    message = "This column is ".concat(draggable ? 'draggable' : 'filterable', ". To enable this interaction press the enter key. ").concat(message);
+    message = `This column is ${draggable ? 'draggable' : 'filterable'}. To enable this interaction press the enter key. ${message}`;
   }
 
-  return "".concat(preffix).concat(message);
+  return `${preffix}${message}`;
 };
 
 function mapStateToProps(state, ownProps) {
-  var _state$headers;
-
   return {
-    reduxHeader: (_state$headers = state.headers) === null || _state$headers === void 0 ? void 0 : _state$headers[ownProps.column.id]
+    reduxHeader: state.headers?.[ownProps.column.id]
   };
 }
 
 const connector = reactRedux.connect(mapStateToProps);
 
 const HeaderCellComp = props => {
-  var _FilterMapItem, _flattenedData$, _flattenedData$$origi;
+  var _FilterMapItem;
 
   const {
     reduxHeader,
@@ -146,10 +143,10 @@ const HeaderCellComp = props => {
     hideFocus: isDragging
   }, void 0, /*#__PURE__*/_jsx__default["default"](DnDHandle, {
     innerRef: dragHandleRef,
-    isReachable: reduxHeader === null || reduxHeader === void 0 ? void 0 : reduxHeader.withTabStops,
+    isReachable: reduxHeader?.withTabStops,
     id: column.id,
     isDragOverlay: isDragOverlay
-  }, column.id))), [column.id, isDragOverlay, isDragging, reduxHeader === null || reduxHeader === void 0 ? void 0 : reduxHeader.withTabStops]);
+  }, column.id))), [column.id, isDragOverlay, isDragging, reduxHeader?.withTabStops]);
   const handlers = useHeaderCellHandlers.useHeaderCellHandlers({
     hasFilter,
     patchHeader,
@@ -166,11 +163,11 @@ const HeaderCellComp = props => {
   }, handlers), {}, {
     role: colSpan === 1 ? 'columnheader' : 'group',
     colSpan: colSpan,
-    "aria-describedby": "".concat(column.id, "-instructions") // eslint-disable-next-line no-nested-ternary
+    "aria-describedby": `${column.id}-instructions` // eslint-disable-next-line no-nested-ternary
     ,
     "aria-sort": hasSortingCaret ? column.isSortedDesc ? 'descending' : 'ascending' : 'none',
     "data-testid": constants.DATA_TESTID.DATA_TABLE_HEADER,
-    isFirstRowGroup: !!((_flattenedData$ = flattenedData[0]) !== null && _flattenedData$ !== void 0 && (_flattenedData$$origi = _flattenedData$.original) !== null && _flattenedData$$origi !== void 0 && _flattenedData$$origi.dimsumHeaderValue),
+    isFirstRowGroup: !!flattenedData[0]?.original?.dimsumHeaderValue,
     tabIndex: column.isFocuseable === false ? -1 : 0,
     isDragOverlay: isDragOverlay,
     isDraggingActive: draggableProps && draggableProps.active,
@@ -187,7 +184,7 @@ const HeaderCellComp = props => {
     }), rightIcons, isResizeable && column.canResize !== false && /*#__PURE__*/_jsx__default["default"](HeaderResizer.HeaderResizer, {
       column: column
     })), /*#__PURE__*/_jsx__default["default"]("span", {
-      id: "".concat(column.id, "-instructions"),
+      id: `${column.id}-instructions`,
       style: {
         display: 'none'
       },