@elliemae/ds-data-table 2.4.2-rc.9 → 2.4.2

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

@@ -1,5 +1,4 @@
 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';
@@ -26,15 +25,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(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
+  return multiSelectedValue?.length ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
     type: "label",
     label: columnHeader
   }), multiSelectedValue.map((val, index) => /*#__PURE__*/_jsx(DSPillV2, {

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

@@ -6,8 +6,6 @@ import { useCallback } from 'react';
 import { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';
 
 const NumberRangePill = _ref => {
-  var _value$from, _value$to;
-
   let {
     columnHeader,
     column,
@@ -19,17 +17,15 @@ const NumberRangePill = _ref => {
     nextRef
   } = _ref;
   const handleOnRemove = 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(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
+  return (value?.from ?? '') !== '' && (value?.to ?? '') !== '' ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
     type: "label",
     label: columnHeader
   }), /*#__PURE__*/_jsx(DSPillV2, {
     type: "removable",
-    label: "".concat(value.from, " - ").concat(value.to),
+    label: `${value.from} - ${value.to}`,
     onRemove: handleOnRemove,
     innerRef: innerRef
   })) : null;

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

@@ -17,9 +17,7 @@ const SelectPill = _ref => {
     nextRef
   } = _ref;
   const handleOnRemove = 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(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {

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

@@ -2,7 +2,6 @@ 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 'core-js/modules/es.string.replace.js';
 import { useCallback } from 'react';
 import { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';
 
@@ -18,9 +17,7 @@ const SingleDatePill = _ref => {
     nextRef
   } = _ref;
   const handleOnRemove = 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(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {

package/esm/parts/Filters/index.js

@@ -1,12 +1,12 @@
+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.find.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.find.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.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/es.error.cause.js';
 import { useCallback } from 'react';
 import { DateRangeFilter } from '../../addons/Filters/Components/DateRangeFilter/index.js';
 import { DateSwitcherFilter } from '../../addons/Filters/Components/DateSwitcherFilter/index.js';
@@ -21,25 +21,25 @@ import '@elliemae/ds-popperjs';
 import 'styled-components';
 import '../../redux/reducers/index.js';
 import '../../configs/constants.js';
+import { jsx } from 'react/jsx-runtime';
+import '../../styled.js';
+import '../../DataTableContext.js';
+import '@elliemae/ds-icons';
+import '@elliemae/ds-utilities';
 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 '@elliemae/ds-icons';
-import '../../styled.js';
-import { jsx } from 'react/jsx-runtime';
 import '@elliemae/ds-form';
 import '../TableContent.js';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
 import '@elliemae/ds-system';
-import '../../DataTableContext.js';
 import '../Row.js';
 import '../Footer.js';
 import '../HoC/SortableItemContext.js';
-import '@elliemae/ds-utilities';
 import 'uid';
 import { FILTER_TYPES } from '../../exported-related/FilterTypes.js';
 import '../../exported-related/Filters/applyOutOfTheBoxFilters.js';
@@ -92,7 +92,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
@@ -100,7 +100,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];
@@ -109,7 +109,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/esm/parts/Headers/HeaderCell.js

@@ -28,7 +28,6 @@ import { useHeaderCellHandlers } from './useHeaderCellHandlers.js';
 import { useHeaderCellConfig } from './useHeaderCellConfig.js';
 import { useRecoverFocusCol } from '../../hooks/useRecoverFocusCol.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';
@@ -50,26 +49,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 = connect(mapStateToProps);
 
 const HeaderCellComp = props => {
-  var _FilterMapItem, _flattenedData$, _flattenedData$$origi;
+  var _FilterMapItem;
 
   const {
     reduxHeader,
@@ -136,10 +133,10 @@ const HeaderCellComp = props => {
     hideFocus: isDragging
   }, void 0, /*#__PURE__*/_jsx(DragHandle, {
     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({
     hasFilter,
     patchHeader,
@@ -156,11 +153,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": 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,
@@ -177,7 +174,7 @@ const HeaderCellComp = props => {
     }), rightIcons, isResizeable && column.canResize !== false && /*#__PURE__*/_jsx(HeaderResizer, {
       column: column
     })), /*#__PURE__*/_jsx("span", {
-      id: "".concat(column.id, "-instructions"),
+      id: `${column.id}-instructions`,
       style: {
         display: 'none'
       },

package/esm/parts/Headers/HeaderCellGroup.js

@@ -16,7 +16,6 @@ import { EmptyChildrenGroup } from './EmptyChildrenGroup.js';
 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';
@@ -43,7 +42,7 @@ const StyledWrapper = /*#__PURE__*/styled(Grid).withConfig({
   let {
     shouldDropOneLevel
   } = _ref;
-  return shouldDropOneLevel ? "top: 50%; height: 50%;" : '';
+  return shouldDropOneLevel ? `top: 50%; height: 50%;` : '';
 }, props => props.isDragOverlay ? 'fit-content' : '100%', props => props.gridColumn, props => props.isDragging ? props.theme.colors.neutral['080'] : 'white', props => props.isDragging ? 0.8 : 1, props => props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent', _ref2 => {
   let {
     isFirst
@@ -52,8 +51,6 @@ const StyledWrapper = /*#__PURE__*/styled(Grid).withConfig({
 }, props => props.theme.colors.neutral['080']);
 
 const HeaderCellGroupComp = _ref3 => {
-  var _children$length;
-
   let {
     header,
     isDragOverlay,
@@ -73,10 +70,10 @@ const HeaderCellGroupComp = _ref3 => {
   const isDragging = draggableProps && draggableProps.isDragging || isDraggingParent;
   const dropIndicatorPosition = draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;
   const ChildGroup = isDragOverlay ? HeaderCellGroup : HeaderCellGroupSortable;
-  const colSpan = (_children$length = children === null || children === void 0 ? void 0 : children.length) !== null && _children$length !== void 0 ? _children$length : 1;
+  const colSpan = children?.length ?? 1;
   return /*#__PURE__*/jsxs(StyledWrapper, {
     ref: draggableProps ? draggableProps.setNodeRef : null,
-    gridColumn: isDragOverlay ? 'auto' : "span ".concat(colSpan),
+    gridColumn: isDragOverlay ? 'auto' : `span ${colSpan}`,
     isDragOverlay: isDragOverlay,
     isDragging: isDragging,
     cols: ['auto'],
@@ -87,7 +84,7 @@ const HeaderCellGroupComp = _ref3 => {
       column: header,
       isDragOverlay: isDragOverlay,
       colSpan: colSpan
-    }), !!(children !== null && children !== void 0 && children.length) && !isDragOverlay && /*#__PURE__*/_jsx(SortableHeaderCell, {
+    }), !!children?.length && !isDragOverlay && /*#__PURE__*/_jsx(SortableHeaderCell, {
       items: children,
       isDragOverlay: isDragOverlay
     }, void 0, children.map((h, index) => /*#__PURE__*/_jsx(ChildGroup, {
@@ -97,7 +94,7 @@ const HeaderCellGroupComp = _ref3 => {
       isLast: index === children.length - 1,
       isFirst: index === 0,
       level: level + 1
-    }, h.id))), (children === null || children === void 0 ? void 0 : children.length) && isDragOverlay && (_EmptyChildrenGroup || (_EmptyChildrenGroup = /*#__PURE__*/_jsx(EmptyChildrenGroup, {}))), /*#__PURE__*/_jsx(DropIndicator, {
+    }, h.id))), children?.length && isDragOverlay && (_EmptyChildrenGroup || (_EmptyChildrenGroup = /*#__PURE__*/_jsx(EmptyChildrenGroup, {}))), /*#__PURE__*/_jsx(DropIndicator, {
       vertical: true,
       dropIndicatorPosition: dropIndicatorPosition,
       isLast: isLast && isDragging

package/esm/parts/Headers/HeaderCellTitle.js

@@ -6,7 +6,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-virtual';

package/esm/parts/Headers/HeaderResizer.js

@@ -1,5 +1,4 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
 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';
@@ -34,11 +33,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-const narrow = (value, min, max) => Math.min(Math.max(value, min !== null && min !== void 0 ? min : 30), max !== null && max !== void 0 ? max : Infinity);
+const narrow = (value, min, max) => Math.min(Math.max(value, min ?? 30), max ?? Infinity);
 
 const HeaderResizer = _ref => {
-  var _column$width;
-
   let {
     column
   } = _ref;
@@ -52,7 +49,7 @@ const HeaderResizer = _ref => {
     }
   } = useContext(DataTableContext);
   const [isResizing, setIsResizing] = useState(false);
-  const [nextWidth, setNextWidth] = useState((_column$width = column.width) !== null && _column$width !== void 0 ? _column$width : 150);
+  const [nextWidth, setNextWidth] = useState(column.width ?? 150);
   const visibleColumnsCopy = useMemo(() => visibleColumns.map(col => _objectSpread({}, col)), [visibleColumns]);
   useEffect(() => {
     const realColumnIndex = visibleColumnsCopy.findIndex(visibleColumn => visibleColumn.id === column.id);
@@ -64,9 +61,7 @@ const HeaderResizer = _ref => {
     setIsResizing(true);
   }, []);
   const onResizeHandler = useCallback(e => {
-    var _ref$current$getBound, _ref$current;
-
-    const delta = ('clientX' in e ? e.clientX : e.touches[0].clientX) - ((_ref$current$getBound = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect().x) !== null && _ref$current$getBound !== void 0 ? _ref$current$getBound : 0); // delta in pixels
+    const delta = ('clientX' in e ? e.clientX : e.touches[0].clientX) - (ref.current?.getBoundingClientRect().x ?? 0); // delta in pixels
 
     const realColumnIndex = visibleColumnsCopy.findIndex(visibleColumn => visibleColumn.id === column.id);
     const widthWithDelta = narrow(nextWidth + delta, visibleColumnsCopy[realColumnIndex].minWidth, visibleColumnsCopy[realColumnIndex].maxWidth);

package/esm/parts/Headers/useHeaderCellConfig.js

@@ -16,7 +16,7 @@ const useHeaderCellConfig = _ref => {
   const hasSortingCaret = column.canSort && typeof column.isSortedDesc === 'boolean';
   const hasRightIcons = !isDragOverlay && (hasSortingCaret || hasFilter);
   const isDragging = draggableProps && draggableProps.isDragging;
-  const shouldShowDnD = hasDnD && ((reduxHeader === null || reduxHeader === void 0 ? void 0 : reduxHeader.showDnDHandle) && draggableProps && !draggableProps.active || draggableProps && draggableProps.isDragging || isDragOverlay); // Column definition
+  const shouldShowDnD = hasDnD && (reduxHeader?.showDnDHandle && draggableProps && !draggableProps.active || draggableProps && draggableProps.isDragging || isDragOverlay); // Column definition
 
   const hCols = ['auto'];
   if (hasRightIcons) hCols.push('min-content');

package/esm/parts/Headers/useHeaderCellHandlers.js

@@ -37,9 +37,7 @@ const useHeaderCellHandlers = _ref => {
     patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD));
   }, [column.id, hasDnD, hasFilter, patchHeader, reduxHeader]);
   const onMouseLeave = useCallback(() => {
-    var _headerRef$current;
-
-    if (!(headerRef !== null && headerRef !== void 0 && (_headerRef$current = headerRef.current) !== null && _headerRef$current !== void 0 && _headerRef$current.contains(document.activeElement))) {
+    if (!headerRef?.current?.contains(document.activeElement)) {
       patchHeader(column.id, buildNextHeader(reduxHeader, false, hasFilter, hasDnD));
     }
   }, [column.id, hasDnD, hasFilter, headerRef, patchHeader, reduxHeader]);
@@ -74,7 +72,7 @@ const useHeaderCellHandlers = _ref => {
   }, [column.canSort, column.id, onColumnSortChange, patchHeader, reduxHeader, hasFilter, hasDnD, dragHandleRef, filterIconRef]);
   const onFocus = useCallback(e => {
     // Don't do anything if focus wasn't placed in the element (bubling issues)
-    if (e.target === (headerRef === null || headerRef === void 0 ? void 0 : headerRef.current)) {
+    if (e.target === headerRef?.current) {
       patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD));
     }
   }, [column.id, hasDnD, hasFilter, headerRef, patchHeader, reduxHeader]);

package/esm/parts/HoC/withConditionalDnDColumnContext.js

@@ -5,7 +5,6 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 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 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.async-iterator.find.js';
 import 'core-js/modules/esnext.iterator.find.js';
 import React, { useMemo, useCallback, createContext } from 'react';
@@ -84,11 +83,11 @@ const withConditionalDnDColumnContext = Component => props => {
     onColumnsReorder(newData, indexes);
   }, [flattenedItems, onColumnsReorder]);
   const onPreviewResetState = useCallback(() => {
-    const el = document.body.querySelector("[data-testid=\"".concat(DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER, "\"]"));
+    const el = document.body.querySelector(`[data-testid="${DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER}"]`);
     if (el) el.onscroll = () => null;
   }, []);
   const onPreviewDragStart = useCallback(() => {
-    const el = document.body.querySelector("[data-testid=\"".concat(DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER, "\"]"));
+    const el = document.body.querySelector(`[data-testid="${DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER}"]`);
 
     if (el) {
       const y = el.scrollTop;

package/esm/parts/HoC/withConditionalDnDRowContext.js

@@ -2,7 +2,6 @@ import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.filter.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
 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';
@@ -54,7 +53,7 @@ const withConditionalDnDRowContext = Component => props => {
       // otherwise append it to the new user data
       if (row.parentId) {
         const parentNode = nodes[row.parentId];
-        if (parentNode !== null && parentNode !== void 0 && parentNode.subRows) parentNode.subRows.push(row.original);else parentNode.subRows = [row.original];
+        if (parentNode?.subRows) parentNode.subRows.push(row.original);else parentNode.subRows = [row.original];
       } else newUserData.push(row.original);
     }); // Tell the user that the order has change, he can chose to commit it or not
 

package/esm/parts/Row.js

@@ -1,5 +1,4 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useContext } from 'react';
 import { connect } from 'react-redux';
 import DataTableContext from '../DataTableContext.js';

package/esm/parts/RowLoading.js

@@ -7,7 +7,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-virtual';

package/esm/parts/RowVariants/RowVariantHeader.js

@@ -14,7 +14,6 @@ import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.filter.js';
 import '@elliemae/ds-form';
 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/parts/RowVariants/index.js

@@ -4,33 +4,33 @@ 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/es.error.cause.js';
 import 'react';
 import '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '@elliemae/ds-button';
 import '@elliemae/ds-popperjs';
 import 'styled-components';
 import '../../redux/reducers/index.js';
 import '../../configs/constants.js';
+import { jsx } from 'react/jsx-runtime';
+import '../../styled.js';
+import '../../DataTableContext.js';
+import '@elliemae/ds-icons';
+import '@elliemae/ds-utilities';
 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 '@elliemae/ds-icons';
-import '../../styled.js';
-import { jsx } from 'react/jsx-runtime';
 import '@elliemae/ds-form';
 import '../TableContent.js';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
 import '@elliemae/ds-system';
-import '../../DataTableContext.js';
 import '../Row.js';
 import '../Footer.js';
 import '../HoC/SortableItemContext.js';
-import '@elliemae/ds-utilities';
 import 'uid';
 import { ROW_VARIANTS } from '../../exported-related/RowVariants.js';
 import '../../exported-related/Filters/applyOutOfTheBoxFilters.js';
@@ -70,7 +70,7 @@ const RowVariantMapItem = props => {
 
   if (typeof variant === 'string') {
     if (!(variant in RowVariantMapper)) {
-      throw new Error("".concat(variant, " is not an out-of-the-box row variant"));
+      throw new Error(`${variant} is not an out-of-the-box row variant`);
     }
 
     Component = RowVariantMapper[variant];

package/esm/parts/Rows.js

@@ -45,12 +45,12 @@ const Rows = () => {
       addCellData(row, visibleColumns);
       const style = {
         position: 'absolute',
-        top: "".concat(start, "px"),
+        top: `${start}px`,
         left: 0,
         width: totalColumnsWidth
       };
       const rowProps = {
-        key: "ds-table-row-".concat(row.uid),
+        key: `ds-table-row-${row.uid}`,
         row,
         measureRef,
         index,

package/esm/parts/TableContent.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 React, { useContext, useState, useMemo } from 'react';
 import { connect } from 'react-redux';
 import { StyledDataTableWrapper, StyledTableWrapper } from '../styled.js';

package/esm/parts/VirtualRowsList.js

@@ -15,7 +15,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-virtual';

package/esm/redux/reducers/headersReducers/logic.js

@@ -10,7 +10,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 const patchUpdateOneHeader = (payload, state) => {
-  state[payload.headerId] = _objectSpread(_objectSpread({}, (state === null || state === void 0 ? void 0 : state[payload.headerId]) || {}), payload.newHeader);
+  state[payload.headerId] = _objectSpread(_objectSpread({}, state?.[payload.headerId] || {}), payload.newHeader);
 };
 const patchHeaderFilterButtonAndMenu = (_ref, state) => {
   let {
@@ -21,7 +21,7 @@ const patchHeaderFilterButtonAndMenu = (_ref, state) => {
     hideFilterMenu: newState,
     hideFilterButton: newState
   };
-  state[headerId] = _objectSpread(_objectSpread({}, (state === null || state === void 0 ? void 0 : state[headerId]) || {}), updatedState);
+  state[headerId] = _objectSpread(_objectSpread({}, state?.[headerId] || {}), updatedState);
 };
 
 export { patchHeaderFilterButtonAndMenu, patchUpdateOneHeader };