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

package/esm/addons/Filters/Components/NumberRangeFilter/index.js

@@ -11,7 +11,6 @@ import { DSInputMask, MASK_TYPES } from '@elliemae/ds-form';
 import { DSFormLayoutBlockItem } from '@elliemae/ds-form-layout-blocks';
 import { SearchXsmall } from '@elliemae/ds-icons';
 import { FilterPopover } from '../../../../exported-related/FilterPopover.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../../../../styled.js';
 import '../../../../DataTableContext.js';
 import 'react/jsx-runtime';
@@ -54,8 +53,6 @@ const opts = {
   allowNegative: true
 };
 const NumberRangeFilter = props => {
-  var _filterValue$from, _filterValue$to, _column$ref$current$o, _column$ref, _column$ref$current;
-
   const {
     column,
     filterValue = {
@@ -116,15 +113,15 @@ const NumberRangeFilter = props => {
       }
     }, void 0, /*#__PURE__*/_jsx(DSFormLayoutBlockItem, {
       label: "Low",
-      inputID: "".concat(idPreffix, "-low-").concat(column.id)
+      inputID: `${idPreffix}-low-${column.id}`
     }, void 0, /*#__PURE__*/_jsx(DSInputMask, {
       containerProps: {
         style: {
           textAlign: 'right'
         }
       },
-      id: "".concat(idPreffix, "-low-").concat(column.id),
-      value: "".concat((_filterValue$from = filterValue === null || filterValue === void 0 ? void 0 : filterValue.from) !== null && _filterValue$from !== void 0 ? _filterValue$from : ''),
+      id: `${idPreffix}-low-${column.id}`,
+      value: `${filterValue?.from ?? ''}`,
       onChange: handleFromChange,
       placeholder: "0",
       mask: number => MASK_TYPES.NUMBER(opts)(number),
@@ -134,15 +131,15 @@ const NumberRangeFilter = props => {
       }
     })), /*#__PURE__*/_jsx(DSFormLayoutBlockItem, {
       label: "High",
-      inputID: "".concat(idPreffix, "-high-").concat(column.id)
+      inputID: `${idPreffix}-high-${column.id}`
     }, void 0, /*#__PURE__*/_jsx(DSInputMask, {
       containerProps: {
         style: {
           textAlign: 'right'
         }
       },
-      id: "".concat(idPreffix, "-high-").concat(column.id),
-      value: "".concat((_filterValue$to = filterValue === null || filterValue === void 0 ? void 0 : filterValue.to) !== null && _filterValue$to !== void 0 ? _filterValue$to : ''),
+      id: `${idPreffix}-high-${column.id}`,
+      value: `${filterValue?.to ?? ''}`,
       onChange: handleToChange,
       placeholder: "0",
       mask: number => MASK_TYPES.NUMBER(opts)(number),
@@ -152,7 +149,7 @@ const NumberRangeFilter = props => {
     }))),
     triggerIcon: _SearchXsmall || (_SearchXsmall = /*#__PURE__*/_jsx(SearchXsmall, {})),
     customStyles: {
-      width: (_column$ref$current$o = (_column$ref = column.ref) === null || _column$ref === void 0 ? void 0 : (_column$ref$current = _column$ref.current) === null || _column$ref$current === void 0 ? void 0 : _column$ref$current.offsetWidth) !== null && _column$ref$current$o !== void 0 ? _column$ref$current$o : '0px'
+      width: column.ref?.current?.offsetWidth ?? '0px'
     },
     innerRef: innerRef,
     ariaLabel: "Open Number Range Filter"

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

@@ -1,7 +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 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.set.add-all.js';
 import 'core-js/modules/esnext.set.delete-all.js';
 import 'core-js/modules/esnext.set.difference.js';

package/esm/addons/Filters/Components/SelectFilter/MultiSelectFilter.js

@@ -7,7 +7,6 @@ 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 'core-js/modules/web.dom-collections.iterator.js';
 import '@elliemae/ds-button';
 import '@elliemae/ds-popperjs';
 import 'styled-components';
@@ -56,7 +55,7 @@ const MultiSelectFilter = _ref => {
     isMulti: true,
     column: column,
     ctx: ctx,
-    selectedItems: filterValue !== null && filterValue !== void 0 ? filterValue : [],
+    selectedItems: filterValue ?? [],
     type: FILTER_TYPES.MULTI_SELECT,
     onValueChange: onValueChange,
     patchHeaderFilterButtonAndMenu: patchHeaderFilterButtonAndMenu,

package/esm/addons/Filters/Components/SelectFilter/SingleSelectFilter.js

@@ -7,7 +7,6 @@ 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 'core-js/modules/web.dom-collections.iterator.js';
 import '@elliemae/ds-button';
 import '@elliemae/ds-popperjs';
 import 'styled-components';

package/esm/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js

@@ -1,7 +1,6 @@
 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/web.dom-collections.iterator.js';
 import { useCallback } from 'react';
 import { focusNextMenuItem, focusPrevMenuItem } from './utils.js';
 

package/esm/addons/Filters/Components/SelectFilter/utils.js

@@ -2,7 +2,6 @@ import { DATA_TESTID } from '../../../../configs/constants.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/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.async-iterator.reduce.js';
 import 'core-js/modules/esnext.iterator.reduce.js';
 import 'react';
@@ -30,18 +29,14 @@ import '../../../../parts/Footer.js';
 import '../../../../parts/HoC/SortableItemContext.js';
 
 const focusNextMenuItem = (e, index) => {
-  var _menuItems$item;
-
   e.preventDefault();
-  const menuItems = document.querySelectorAll("[data-testid=\"".concat(DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM, "\"]"));
-  (_menuItems$item = menuItems.item(index + 1)) === null || _menuItems$item === void 0 ? void 0 : _menuItems$item.focus();
+  const menuItems = document.querySelectorAll(`[data-testid="${DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM}"]`);
+  menuItems.item(index + 1)?.focus();
 };
 const focusPrevMenuItem = (e, index) => {
-  var _menuItems$item2;
-
   e.preventDefault();
-  const menuItems = document.querySelectorAll("[data-testid=\"".concat(DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM, "\"]"));
-  (_menuItems$item2 = menuItems.item(index - 1)) === null || _menuItems$item2 === void 0 ? void 0 : _menuItems$item2.focus();
+  const menuItems = document.querySelectorAll(`[data-testid="${DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM}"]`);
+  menuItems.item(index - 1)?.focus();
 };
 
 export { focusNextMenuItem, focusPrevMenuItem };

package/esm/addons/Filters/Components/SingleDateFilter/index.js

@@ -1,5 +1,4 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect, useCallback } from 'react';
 import { DatePicker2 } from '@elliemae/ds-icons';
 import Grid from '@elliemae/ds-grid';

package/esm/configs/useDatatableConfig.js

@@ -1,7 +1,6 @@
 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/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.async-iterator.reduce.js';
 import 'core-js/modules/esnext.iterator.reduce.js';
 import { useRef, useMemo, useState, useEffect } from 'react';
@@ -13,8 +12,6 @@ import useTableColsWithAddons from './useTableColsWithAddons.js';
 import { ColsLayoutStyle } from './constants.js';
 
 const useDatatableConfig = props => {
-  var _columnHeaderRef$curr, _columnHeaderRef$curr2, _columnHeaderRef$curr3;
-
   const virtualListRef = useRef(null);
   const columnHeaderRef = useRef(null); // ===========================================================================
   // Column config
@@ -32,7 +29,7 @@ const useDatatableConfig = props => {
     size: dataLength,
     parentRef: virtualListRef,
     overscan: 15,
-    paddingStart: (_columnHeaderRef$curr = (_columnHeaderRef$curr2 = columnHeaderRef.current) === null || _columnHeaderRef$curr2 === void 0 ? void 0 : (_columnHeaderRef$curr3 = _columnHeaderRef$curr2.getBoundingClientRect()) === null || _columnHeaderRef$curr3 === void 0 ? void 0 : _columnHeaderRef$curr3.height) !== null && _columnHeaderRef$curr !== void 0 ? _columnHeaderRef$curr : 24
+    paddingStart: columnHeaderRef.current?.getBoundingClientRect()?.height ?? 24
   }); // ===========================================================================
   // Action ref setup
   // ===========================================================================

package/esm/configs/useRowFlattenization.js

@@ -14,16 +14,14 @@ const flatten = function (data, expandedRows, uniqueRowAccessor) {
   const result = [];
 
   const doit = function (row) {
-    var _row$subRows, _row$subRows$length, _row$subRows2;
-
     let index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     let parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     let parentIndex = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
     let depth = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-    const id = (parentId ? "".concat(parentId, ".") : '') + index.toString();
+    const id = (parentId ? `${parentId}.` : '') + index.toString();
     const uid = getIdFromUniqueRowAccessor(uniqueRowAccessor, {
       id,
-      original: row !== null && row !== void 0 ? row : {}
+      original: row ?? {}
     });
     const isExpanded = expandedRows[uid];
     const rowToPush = {
@@ -35,13 +33,13 @@ const flatten = function (data, expandedRows, uniqueRowAccessor) {
       parentIndex,
       depth,
       isExpanded,
-      subRows: (_row$subRows = row === null || row === void 0 ? void 0 : row.subRows) !== null && _row$subRows !== void 0 ? _row$subRows : [],
-      childrenCount: (_row$subRows$length = row === null || row === void 0 ? void 0 : (_row$subRows2 = row.subRows) === null || _row$subRows2 === void 0 ? void 0 : _row$subRows2.length) !== null && _row$subRows$length !== void 0 ? _row$subRows$length : 0,
-      original: row !== null && row !== void 0 ? row : {}
+      subRows: row?.subRows ?? [],
+      childrenCount: row?.subRows?.length ?? 0,
+      original: row ?? {}
     };
     result.push(rowToPush); // If we have subrows and we are expanded
 
-    if (row !== null && row !== void 0 && row.subRows && expandedRows[uid] && depth <= maxDepth) {
+    if (row?.subRows && expandedRows[uid] && depth <= maxDepth) {
       row.subRows.forEach((subRow, i) => doit(subRow, i, uid, rowToPush.realIndex, depth + 1));
     }
   };

package/esm/configs/useTableColsWithAddons.js

@@ -1,12 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useMemo, createRef } from 'react';
 import { actionColumn } from '../addons/Columns/ColumnAction/ColumnAction.js';
 import { expandRowColumn } from '../addons/Columns/ColumnExpand/ColumnExpand.js';
@@ -22,7 +21,7 @@ const augmentColumns = columns => {
   const augmentColumn = function (column, index) {
     let parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     let depth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-    let id = "column".concat(index);
+    let id = `column${index}`;
     if (typeof column.Header === 'string') id = column.Header;
     if (typeof column.accessor === 'string') id = column.accessor;
     if (column.columns) column.columns = column.columns.map((col, i) => augmentColumn(col, i, id, depth + 1));

package/esm/exported-related/EditableCell.js

@@ -1,5 +1,4 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useContext, useState, useLayoutEffect, useCallback } from 'react';
 import { StyledEditableContainer, StyledPencilIcon } from '../styled.js';
 import DataTableContext from '../DataTableContext.js';
@@ -45,9 +44,7 @@ const EditableCell = props => {
     }
   }, [isEditing, handleCellClick, setIsEditing]);
   const handleOnBlur = useCallback(event => {
-    var _event$currentTarget;
-
-    if (isEditing && !((_event$currentTarget = event.currentTarget) !== null && _event$currentTarget !== void 0 && _event$currentTarget.contains(event.relatedTarget))) {
+    if (isEditing && !event.currentTarget?.contains(event.relatedTarget)) {
       // Not triggered when swapping focus between children
       setIsEditing(false);
     }

package/esm/exported-related/FilterPopover.js

@@ -5,7 +5,6 @@ import 'core-js/modules/esnext.async-iterator.for-each.js';
 import 'core-js/modules/esnext.iterator.for-each.js';
 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 { useRef, useEffect, useState } from 'react';
 import { DSButton } from '@elliemae/ds-button';
 import { DSPopperJS } from '@elliemae/ds-popperjs';
@@ -28,8 +27,6 @@ const PopperContent = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-16i88ut-2"
 })(["background-color:#fff;"]);
 const FilterPopover = _ref2 => {
-  var _column$ref$current$o, _column$ref, _column$ref$current;
-
   let {
     column,
     columnId,
@@ -104,10 +101,8 @@ const FilterPopover = _ref2 => {
       display: 'flex'
     },
     onBlur: e => {
-      var _popperRef$current;
-
-      if (e.target !== referenceElement && !((_popperRef$current = popperRef.current) !== null && _popperRef$current !== void 0 && _popperRef$current.contains(e.relatedTarget))) {
-        referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.focus();
+      if (e.target !== referenceElement && !popperRef.current?.contains(e.relatedTarget)) {
+        referenceElement?.focus();
       }
     }
   }, void 0, /*#__PURE__*/_jsx(FilterButton, {
@@ -125,7 +120,7 @@ const FilterPopover = _ref2 => {
       if (isIconVisible) setReferenceElement(_ref);
       innerRef.current = _ref;
     },
-    tabIndex: reduxHeader !== null && reduxHeader !== void 0 && reduxHeader.withTabStops ? 0 : -1
+    tabIndex: reduxHeader?.withTabStops ? 0 : -1
   })), referenceElement && /*#__PURE__*/_jsx(DSPopperJS, {
     referenceElement: referenceElement,
     showPopover: isMenuOpen,
@@ -137,16 +132,14 @@ const FilterPopover = _ref2 => {
     zIndex: 10,
     withoutAnimation: true,
     extraPopperStyles: _objectSpread(_objectSpread({}, customStyles), {}, {
-      minWidth: (_column$ref$current$o = (_column$ref = column.ref) === null || _column$ref === void 0 ? void 0 : (_column$ref$current = _column$ref.current) === null || _column$ref$current === void 0 ? void 0 : _column$ref$current.offsetWidth) !== null && _column$ref$current$o !== void 0 ? _column$ref$current$o : '0px'
+      minWidth: column.ref?.current?.offsetWidth ?? '0px'
     }),
     placementOrderPreference: ['bottom-end']
   }, void 0, /*#__PURE__*/jsx(PopperContent, {
     onKeyDown: e => {
       if (e.code === 'Tab') {
         setTimeout(() => {
-          var _popperRef$current2;
-
-          if (!(popperRef !== null && popperRef !== void 0 && (_popperRef$current2 = popperRef.current) !== null && _popperRef$current2 !== void 0 && _popperRef$current2.contains(document.activeElement))) {
+          if (!popperRef?.current?.contains(document.activeElement)) {
             patchHeader(columnId, {
               hideFilterMenu: true,
               hideFilterButton: false

package/esm/exported-related/Filters/dateRangeFilterFn.js

@@ -3,7 +3,6 @@ import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.filter.js';
 import moment from 'moment';
 import { momentFormat } 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';
@@ -32,6 +31,6 @@ import '../../parts/HoC/SortableItemContext.js';
 
 // use file instead of index to avoid circular imports!
 
-const dateRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => !(filterValue !== null && filterValue !== void 0 && filterValue.startDate && filterValue !== null && filterValue !== void 0 && filterValue.endDate) || moment(filterValue === null || filterValue === void 0 ? void 0 : filterValue.startDate, momentFormat).isSameOrBefore(datum[filterKey], 'day') && moment(filterValue === null || filterValue === void 0 ? void 0 : filterValue.endDate, momentFormat).isSameOrAfter(datum[filterKey], 'day'));
+const dateRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => !(filterValue?.startDate && filterValue?.endDate) || moment(filterValue?.startDate, momentFormat).isSameOrBefore(datum[filterKey], 'day') && moment(filterValue?.endDate, momentFormat).isSameOrAfter(datum[filterKey], 'day'));
 
 export { dateRangeFilterFn };

package/esm/exported-related/Filters/numberRangeFilterFn.js

@@ -4,6 +4,6 @@ import 'core-js/modules/esnext.iterator.filter.js';
 
 const isEmpty = number => number === null || number === undefined;
 
-const numberRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => isEmpty(filterValue === null || filterValue === void 0 ? void 0 : filterValue.from) || isEmpty(filterValue === null || filterValue === void 0 ? void 0 : filterValue.to) || datum[filterKey] >= filterValue.from && datum[filterKey] <= filterValue.to);
+const numberRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => isEmpty(filterValue?.from) || isEmpty(filterValue?.to) || datum[filterKey] >= filterValue.from && datum[filterKey] <= filterValue.to);
 
 export { numberRangeFilterFn };

package/esm/exported-related/Filters/singleDateFilterFn.js

@@ -3,7 +3,6 @@ import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.filter.js';
 import moment from 'moment';
 import { momentFormat } 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';

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

@@ -8,7 +8,6 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useRef, useLayoutEffect, useMemo } from 'react';
 import { INTERNAL_COLUMNS } from '../../addons/Columns/index.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';
@@ -38,7 +37,7 @@ _jsx("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 {
@@ -70,9 +69,7 @@ const DefaultRowContentRenderer = props => {
   const isDragging = draggableProps && draggableProps.isDragging;
   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 = useMemo(() => ({
@@ -102,9 +99,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), {}, {
@@ -115,7 +112,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": DATA_TESTID.DATA_TABLE_ROW_CONTENT,
         children: /*#__PURE__*/_jsx(Cells, {

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

@@ -14,7 +14,6 @@ import { useRowRendererProperties } from './useRowRendererProperties.js';
 import DropIndicator from '../../parts/DropIndicator.js';
 import { SortableItemContext } from '../../parts/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';

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

@@ -5,7 +5,6 @@ import { useContext, useCallback } from 'react';
 import { DATA_TESTID } from '../../configs/constants.js';
 import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.filter.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';
@@ -108,9 +107,7 @@ const useRowRendererHandlers = _ref => {
     }
   }, [isDragOverlay, isActive, selectedRowId, row, setSelectedRowId, handleItemClick, itemIndex, items, setFocusedRowId]);
   const handleOnBlur = 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/esm/exported-related/RowRenderer/useRowStyle.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useContext, useMemo } from 'react';
 import DataTableContext from '../../DataTableContext.js';
 import { SortableItemContext } from '../../parts/HoC/SortableItemContext.js';

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

@@ -1,5 +1,4 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useRef, useCallback } from 'react';
 import styled from 'styled-components';
 import DSButton from '@elliemae/ds-button';

package/esm/exported-related/groupBy.js

@@ -3,7 +3,6 @@ import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.for-each.js';
 import 'core-js/modules/esnext.async-iterator.map.js';
 import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { uid } from 'uid';
 
 const groupBy = (data, headerKey) => {

package/esm/helpers/addCellData.js

@@ -10,11 +10,7 @@ const BasicCell = /*#__PURE__*/React.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({
@@ -23,7 +19,7 @@ const addColumnData = (datum, column) => {
     render: column.Cell || BasicCell,
     row: datum,
     ref: /*#__PURE__*/React.createRef(),
-    id: "".concat(datum.uid, "__").concat(column.id)
+    id: `${datum.uid}__${column.id}`
   });
 };
 

package/esm/helpers/cellPadding.js

@@ -1,13 +1,11 @@
 import { sizeToCss } from './sizeToCss.js';
 
 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, ";");
+  return `padding: 0 ${sizeToCss(column.padding) ?? theme.space.xxs};`;
 };
 const columnPadding = _ref2 => {
   let {
@@ -16,9 +14,9 @@ const columnPadding = _ref2 => {
     shouldShowDnD
   } = _ref2;
   // Internal columns
-  if (column.padding !== undefined) return "padding: 0 ".concat(sizeToCss(column.padding), ";"); // Default user columns
+  if (column.padding !== undefined) return `padding: 0 ${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};`;
 };
 
 export { cellPadding, columnPadding };

package/esm/helpers/columnsToGrid.js

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

package/esm/helpers/sizeToCss.js

@@ -1,3 +1,3 @@
-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;
 
 export { sizeToCss };

package/esm/hooks/useRecoverFocusCol.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
 
 // so we just keep track of it and focus it if necessary
@@ -7,13 +6,7 @@ const useRecoverFocusCol = (condition, ref) => {
   const [prevCondition, setPrevCondition] = useState(condition);
   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/esm/parts/Cells/Cell.js

@@ -1,11 +1,10 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useContext, useMemo, memo } from 'react';
 import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
 import Grid from '@elliemae/ds-grid';
@@ -101,7 +100,7 @@ const Cell = _ref2 => {
     if (typeof column.editable === 'string') {
       const {
         EditableComponent
-      } = outOfTheBoxEditables === null || outOfTheBoxEditables === void 0 ? void 0 : outOfTheBoxEditables[column.editable];
+      } = outOfTheBoxEditables?.[column.editable];
       if (EditableComponent) return /*#__PURE__*/jsx(EditableComponent, _objectSpread(_objectSpread({}, cellProps), {}, {
         DefaultCellRender: DefaultCellContentJSX
       }));

package/esm/parts/Cells/useCellStyle.js

@@ -27,8 +27,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/esm/parts/DnDHandle.js

@@ -10,7 +10,6 @@ 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';
@@ -62,8 +61,8 @@ const DragHandle = _ref2 => {
     ref: innerRef,
     tabIndex: isReachable ? 0 : -1,
     "data-testid": 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(GripperVertical, {
     size: "s",
     color: isDragging ? ['neutral', '500'] : ['brand-primary', '800']

package/esm/parts/DropIndicator.js

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