@elliemae/ds-data-table 2.4.2-rc.11 → 2.4.2-rc.14

package/cjs/addons/Columns/ColumnExpand/ColumnExpand.js

@@ -14,7 +14,6 @@ var dsIcons = require('@elliemae/ds-icons');
 var styled$1 = require('styled-components');
 var styled = require('../../../styled.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');
@@ -116,8 +115,6 @@ const expandRowColumn = {
     }, void 0, GlobalExpandIcon));
   },
   Cell: _ref2 => {
-    var _row$original$subRows;
-
     let {
       cell,
       row,
@@ -134,7 +131,7 @@ const expandRowColumn = {
     } = ctx;
     const uniqueId = row.uid;
     const isExpanded = expandedRows[uniqueId];
-    const shouldPrintCaret = ((_row$original$subRows = row.original.subRows) === null || _row$original$subRows === void 0 ? void 0 : _row$original$subRows.length) && row.depth === 0 || // only allows 1 level of expands
+    const shouldPrintCaret = row.original.subRows?.length && row.depth === 0 || // only allows 1 level of expands
     row.original.tableRowDetails || row.original.dimsumHeaderValue;
     const onRowExpandHandler = React.useCallback(e => {
       e.stopPropagation();
@@ -150,7 +147,7 @@ const expandRowColumn = {
     const isDragging = draggableProps ? draggableProps.isDragging : false;
     const isDragOverlay = dragAndDropRows && !draggableProps;
     const indentStyle = React.useMemo(() => ({
-      marginLeft: "".concat(row.depth * 32, "px"),
+      marginLeft: `${row.depth * 32}px`,
       marginRight: '18px',
       paddingLeft: '2px',
       paddingRight: '2px',
@@ -161,7 +158,7 @@ const expandRowColumn = {
     }), [row.depth]);
     const rowProps = React.useMemo(() => ({
       role: 'button',
-      key: "".concat(row.uid, "-expand-button"),
+      key: `${row.uid}-expand-button`,
       title: 'Toggle Row Expanded',
       onClick: onRowExpandHandler,
       onKeyDown: e => {

package/cjs/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js

@@ -12,7 +12,6 @@ require('core-js/modules/esnext.iterator.filter.js');
 var React = require('react');
 var dsForm = require('@elliemae/ds-form');
 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');
@@ -111,7 +110,7 @@ const multiSelectColumn = {
     const {
       uid
     } = row;
-    const selectedState = selection === null || selection === void 0 ? void 0 : selection[uid];
+    const selectedState = selection?.[uid];
     const PureCheckboxCell = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
       "data-testid": constants.DATA_TESTID.DATA_TABLE_CHECKBOX,
       title: "Toggle Row Selected",

package/cjs/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js

@@ -10,7 +10,6 @@ var constants = require('../../../configs/constants.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/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');
@@ -68,7 +67,7 @@ const singleSelectColumn = {
     const {
       uid
     } = row;
-    const selectedState = selection === null || selection === void 0 ? void 0 : selection[uid];
+    const selectedState = selection?.[uid];
     const PureCheckBox = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](CenteredContent, {}, void 0, /*#__PURE__*/_jsx__default["default"](StyledDSRadio // eslint-disable-next-line react/prop-types
     , {
       containerProps: {

package/cjs/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.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.reduce.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.reduce.js');
@@ -11,9 +10,9 @@ require('core-js/modules/esnext.async-iterator.filter.js');
 require('core-js/modules/esnext.iterator.filter.js');
 var React = require('react');
 var dsControlledForm = require('@elliemae/ds-controlled-form');
-require('@babel/runtime/helpers/defineProperty');
 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-button');
 require('@elliemae/ds-popperjs');
 require('styled-components');
@@ -90,11 +89,11 @@ const ComboboxEditableCell = props => {
   const handleOnBlur = React.useCallback(() => {
     const property = columnId;
     onCellValueChange({
-      value: value === null || value === void 0 ? void 0 : value.value,
+      value: value?.value,
       property,
       rowIndex: cell.row.index
     });
-  }, [columnId, onCellValueChange, value === null || value === void 0 ? void 0 : value.value, cell]);
+  }, [columnId, onCellValueChange, value?.value, cell]);
   return /*#__PURE__*/_jsx__default["default"](EditableCell.EditableCell, {
     StandardRender: DefaultCellRender,
     EditableRenderer: /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSComboBox, {

package/cjs/addons/Editables/DateEditableCell/DateEditableCell.js

@@ -3,14 +3,13 @@
 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');
-require('@babel/runtime/helpers/defineProperty');
 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');
+require('@babel/runtime/helpers/defineProperty');
 require('@elliemae/ds-button');
 require('@elliemae/ds-popperjs');
 require('styled-components');

package/cjs/addons/Editables/TextEditableCell/TextEditableCell.js

@@ -3,15 +3,14 @@
 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');
-require('@babel/runtime/helpers/defineProperty');
 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');
+require('@babel/runtime/helpers/defineProperty');
 require('@elliemae/ds-button');
 require('@elliemae/ds-popperjs');
 require('../../../redux/reducers/index.js');

package/cjs/addons/Filters/Components/CurrencyRangeFilter/index.js

@@ -15,7 +15,6 @@ var dsForm = require('@elliemae/ds-form');
 var dsFormLayoutBlocks = require('@elliemae/ds-form-layout-blocks');
 var dsIcons = require('@elliemae/ds-icons');
 var FilterPopover = require('../../../../exported-related/FilterPopover.js');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('../../../../styled.js');
 require('../../../../DataTableContext.js');
 require('react/jsx-runtime');
@@ -65,8 +64,6 @@ const opts = {
   allowNegative: true
 };
 const CurrencyRangeFilter = props => {
-  var _filterValue$from, _filterValue$to, _column$ref$current$o, _column$ref, _column$ref$current;
-
   const {
     column,
     filterValue = {
@@ -123,15 +120,15 @@ const CurrencyRangeFilter = props => {
       }
     }, void 0, /*#__PURE__*/_jsx__default["default"](dsFormLayoutBlocks.DSFormLayoutBlockItem, {
       label: "Min",
-      inputID: "".concat(idPreffix, "-min-").concat(column.id)
+      inputID: `${idPreffix}-min-${column.id}`
     }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInputMask, {
       containerProps: {
         style: {
           textAlign: 'right'
         }
       },
-      id: "".concat(idPreffix, "-min-").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}-min-${column.id}`,
+      value: `${filterValue?.from ?? ''}`,
       onChange: handleFromChange,
       placeholder: "0.00",
       mask: number => dsForm.MASK_TYPES.NUMBER(opts)(number),
@@ -141,15 +138,15 @@ const CurrencyRangeFilter = props => {
       }
     })), /*#__PURE__*/_jsx__default["default"](dsFormLayoutBlocks.DSFormLayoutBlockItem, {
       label: "Max",
-      inputID: "".concat(idPreffix, "-max-").concat(column.id)
+      inputID: `${idPreffix}-max-${column.id}`
     }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInputMask, {
       containerProps: {
         style: {
           textAlign: 'right'
         }
       },
-      id: "".concat(idPreffix, "-max-").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}-max-${column.id}`,
+      value: `${filterValue?.to ?? ''}`,
       onChange: handleToChange,
       placeholder: "0.00",
       mask: number => dsForm.MASK_TYPES.NUMBER(opts)(number),
@@ -159,7 +156,7 @@ const CurrencyRangeFilter = props => {
     }))),
     triggerIcon: _SearchXsmall || (_SearchXsmall = /*#__PURE__*/_jsx__default["default"](dsIcons.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 Currency Range Filter"

package/cjs/addons/Filters/Components/DateRangeFilter/index.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 dsIcons = require('@elliemae/ds-icons');
 var Grid = require('@elliemae/ds-grid');

package/cjs/addons/Filters/Components/DateSwitcherFilter/index.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 dsIcons = require('@elliemae/ds-icons');
 var Grid = require('@elliemae/ds-grid');

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

@@ -15,7 +15,6 @@ var dsForm = require('@elliemae/ds-form');
 var dsFormLayoutBlocks = require('@elliemae/ds-form-layout-blocks');
 var dsIcons = require('@elliemae/ds-icons');
 var FilterPopover = require('../../../../exported-related/FilterPopover.js');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('../../../../styled.js');
 require('../../../../DataTableContext.js');
 require('react/jsx-runtime');
@@ -64,8 +63,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 = {
@@ -126,15 +123,15 @@ const NumberRangeFilter = props => {
       }
     }, void 0, /*#__PURE__*/_jsx__default["default"](dsFormLayoutBlocks.DSFormLayoutBlockItem, {
       label: "Low",
-      inputID: "".concat(idPreffix, "-low-").concat(column.id)
+      inputID: `${idPreffix}-low-${column.id}`
     }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.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 => dsForm.MASK_TYPES.NUMBER(opts)(number),
@@ -144,15 +141,15 @@ const NumberRangeFilter = props => {
       }
     })), /*#__PURE__*/_jsx__default["default"](dsFormLayoutBlocks.DSFormLayoutBlockItem, {
       label: "High",
-      inputID: "".concat(idPreffix, "-high-").concat(column.id)
+      inputID: `${idPreffix}-high-${column.id}`
     }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.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 => dsForm.MASK_TYPES.NUMBER(opts)(number),
@@ -162,7 +159,7 @@ const NumberRangeFilter = props => {
     }))),
     triggerIcon: _SearchXsmall || (_SearchXsmall = /*#__PURE__*/_jsx__default["default"](dsIcons.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/cjs/addons/Filters/Components/SelectFilter/BaseSelectFilter.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('core-js/modules/esnext.async-iterator.map.js');
 require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.set.add-all.js');
 require('core-js/modules/esnext.set.delete-all.js');
 require('core-js/modules/esnext.set.difference.js');

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

@@ -5,13 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var BaseSelectFilter = require('./BaseSelectFilter.js');
-require('@babel/runtime/helpers/defineProperty');
-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');
+require('@babel/runtime/helpers/defineProperty');
 require('@elliemae/ds-button');
 require('@elliemae/ds-popperjs');
 require('styled-components');
@@ -64,7 +63,7 @@ const MultiSelectFilter = _ref => {
     isMulti: true,
     column: column,
     ctx: ctx,
-    selectedItems: filterValue !== null && filterValue !== void 0 ? filterValue : [],
+    selectedItems: filterValue ?? [],
     type: FilterTypes.FILTER_TYPES.MULTI_SELECT,
     onValueChange: onValueChange,
     patchHeaderFilterButtonAndMenu: patchHeaderFilterButtonAndMenu,

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

@@ -5,13 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var BaseSelectFilter = require('./BaseSelectFilter.js');
-require('@babel/runtime/helpers/defineProperty');
-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');
+require('@babel/runtime/helpers/defineProperty');
 require('@elliemae/ds-button');
 require('@elliemae/ds-popperjs');
 require('styled-components');

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 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/web.dom-collections.iterator.js');
 var React = require('react');
 var utils = require('./utils.js');
 

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

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

package/cjs/addons/Filters/Components/SingleDateFilter/index.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 dsIcons = require('@elliemae/ds-icons');
 var Grid = require('@elliemae/ds-grid');

package/cjs/configs/useDatatableConfig.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 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/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.reduce.js');
 require('core-js/modules/esnext.iterator.reduce.js');
 var React = require('react');
@@ -17,8 +16,6 @@ var useTableColsWithAddons = require('./useTableColsWithAddons.js');
 var constants = require('./constants.js');
 
 const useDatatableConfig = props => {
-  var _columnHeaderRef$curr, _columnHeaderRef$curr2, _columnHeaderRef$curr3;
-
   const virtualListRef = React.useRef(null);
   const columnHeaderRef = React.useRef(null); // ===========================================================================
   // Column config
@@ -36,7 +33,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/cjs/configs/useRowFlattenization.js

@@ -18,16 +18,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.getIdFromUniqueRowAccessor(uniqueRowAccessor, {
       id,
-      original: row !== null && row !== void 0 ? row : {}
+      original: row ?? {}
     });
     const isExpanded = expandedRows[uid];
     const rowToPush = {
@@ -39,13 +37,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/cjs/configs/useTableColsWithAddons.js

@@ -3,7 +3,6 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 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');
 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');
@@ -28,7 +27,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/cjs/exported-related/EditableCell.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.js');
 var DataTableContext = require('../DataTableContext.js');
@@ -53,9 +52,7 @@ const EditableCell = props => {
     }
   }, [isEditing, handleCellClick, setIsEditing]);
   const handleOnBlur = React.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/cjs/exported-related/FilterPopover.js

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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 DSButton = require('@elliemae/ds-button');
 var dsPopperjs = require('@elliemae/ds-popperjs');
@@ -38,8 +37,6 @@ const PopperContent = /*#__PURE__*/styled__default["default"].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,
@@ -114,10 +111,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__default["default"](FilterButton, {
@@ -135,7 +130,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__default["default"](dsPopperjs.DSPopperJS, {
     referenceElement: referenceElement,
     showPopover: isMenuOpen,
@@ -147,16 +142,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__*/jsxRuntime.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/cjs/exported-related/Filters/dateRangeFilterFn.js

@@ -7,7 +7,6 @@ require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.filter.js');
 var moment = require('moment');
 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');
@@ -40,6 +39,6 @@ var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
 // 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__default["default"](filterValue === null || filterValue === void 0 ? void 0 : filterValue.startDate, constants.momentFormat).isSameOrBefore(datum[filterKey], 'day') && moment__default["default"](filterValue === null || filterValue === void 0 ? void 0 : filterValue.endDate, constants.momentFormat).isSameOrAfter(datum[filterKey], 'day'));
+const dateRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => !(filterValue?.startDate && filterValue?.endDate) || moment__default["default"](filterValue?.startDate, constants.momentFormat).isSameOrBefore(datum[filterKey], 'day') && moment__default["default"](filterValue?.endDate, constants.momentFormat).isSameOrAfter(datum[filterKey], 'day'));
 
 exports.dateRangeFilterFn = dateRangeFilterFn;

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

@@ -8,6 +8,6 @@ require('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);
 
 exports.numberRangeFilterFn = numberRangeFilterFn;

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

@@ -7,7 +7,6 @@ require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.filter.js');
 var moment = require('moment');
 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');