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

package/cjs/styled.js

@@ -16,7 +16,6 @@ var cellPadding = require('./helpers/cellPadding.js');
 require('core-js/modules/esnext.async-iterator.filter.js');
 require('core-js/modules/esnext.iterator.filter.js');
 require('react');
-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');
@@ -44,7 +43,19 @@ const styledFocusCss = _ref => {
   let {
     theme
   } = _ref;
-  return "\n&:after {\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid ".concat(theme.colors.brand[700], ";\n  pointer-events: none;\n  z-index: ").concat(zIndexInternalConfig.ZIndexDataTable.FOCUS_BORDER, ";\n}");
+  return `
+&:after {
+  display: block;
+  content: ' ';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border: 2px solid ${theme.colors.brand[700]};
+  pointer-events: none;
+  z-index: ${zIndexInternalConfig.ZIndexDataTable.FOCUS_BORDER};
+}`;
 };
 
 const StyledFocusWithin = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
@@ -52,15 +63,7 @@ const StyledFocusWithin = /*#__PURE__*/styled__default["default"](Grid__default[
 })([":focus-within{", "}"], props => props.hideFocus ? '' : styledFocusCss(props));
 const StyledDataTableWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-1"
-})(["width:", ";height:", ";user-select:", ";"], props => {
-  var _props$width;
-
-  return sizeToCss.sizeToCss((_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : ' 100%');
-}, props => {
-  var _props$height;
-
-  return sizeToCss.sizeToCss((_props$height = props.height) !== null && _props$height !== void 0 ? _props$height : ' 100%');
-}, _ref2 => {
+})(["width:", ";height:", ";user-select:", ";"], props => sizeToCss.sizeToCss(props.width ?? ' 100%'), props => sizeToCss.sizeToCss(props.height ?? ' 100%'), _ref2 => {
   let {
     noSelectionAllowed
   } = _ref2;
@@ -73,7 +76,10 @@ const StyledTableWrapper = /*#__PURE__*/styled__default["default"].div.withConfi
     width = '100%',
     height = '100%'
   } = _ref3;
-  return "\n  width: ".concat(sizeToCss.sizeToCss(width), ";\n  height: ").concat(sizeToCss.sizeToCss(height), ";\n  ");
+  return `
+  width: ${sizeToCss.sizeToCss(width)};
+  height: ${sizeToCss.sizeToCss(height)};
+  `;
 });
 const StyledTableContentWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-3"
@@ -81,7 +87,9 @@ const StyledTableContentWrapper = /*#__PURE__*/styled__default["default"].div.wi
   let {
     height = 'auto'
   } = _ref4;
-  return "\n  height: ".concat(sizeToCss.sizeToCss(height), ";\n  ");
+  return `
+  height: ${sizeToCss.sizeToCss(height)};
+  `;
 });
 const StyledVirtualListWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-4"
@@ -90,7 +98,10 @@ const StyledVirtualListWrapper = /*#__PURE__*/styled__default["default"].div.wit
     height = 'auto',
     width = '100%'
   } = _ref5;
-  return "\n  height: ".concat(sizeToCss.sizeToCss(height), ";\n  width: ").concat(sizeToCss.sizeToCss(width), ";\n  ");
+  return `
+  height: ${sizeToCss.sizeToCss(height)};
+  width: ${sizeToCss.sizeToCss(width)};
+  `;
 });
 /**
  * HEADER
@@ -104,11 +115,11 @@ const getGridTemplateColumnsStyle = _ref6 => {
   if (!cols) return '';
 
   if (colsLayoutStyle === 'fixed') {
-    const widthAttr = cols.map(col => "minmax(0, ".concat(col, ")")).join(' ');
-    return "grid-template-columns: ".concat(widthAttr);
+    const widthAttr = cols.map(col => `minmax(0, ${col})`).join(' ');
+    return `grid-template-columns: ${widthAttr}`;
   }
 
-  return "grid-template-columns: ".concat(cols.map(col => "minmax(0, ".concat(col, ")")).join(' '));
+  return `grid-template-columns: ${cols.map(col => `minmax(0, ${col})`).join(' ')}`;
 };
 
 const StyledHeadWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
@@ -124,7 +135,21 @@ const StyledHeadTr = /*#__PURE__*/styled__default["default"](Grid__default["defa
 
 const StyledHeadTh = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-7"
-})(["min-height:24px;line-height:normal;font-weight:600;text-transform:uppercase;font-size:0.923rem;text-align:left;", " color:#353c46;min-height:1.84615rem;position:sticky;z-index:", ";display:flex;justify-content:space-between;box-sizing:border-box;outline:none;", ":focus{&:after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid ", ";pointer-events:none;z-index:", ";}}"], cellPadding.columnPadding, zIndexInternalConfig.ZIndexDataTable.HEADER_ROW, props => props.isDraggingActive ? '' : ":hover {\n          &:after {\n            display: block;\n            content: ' ';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border-bottom: 1px solid ".concat(props.theme.colors.brand[700], ";\n            pointer-events: none;\n            z-index: ").concat(zIndexInternalConfig.ZIndexDataTable.FOCUS_BORDER, ";\n          }\n          cursor: pointer;\n        }"), props => props.theme.colors.brand[700], zIndexInternalConfig.ZIndexDataTable.FOCUS_BORDER);
+})(["min-height:24px;line-height:normal;font-weight:600;text-transform:uppercase;font-size:0.923rem;text-align:left;", " color:#353c46;min-height:1.84615rem;position:sticky;z-index:", ";display:flex;justify-content:space-between;box-sizing:border-box;outline:none;", ":focus{&:after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid ", ";pointer-events:none;z-index:", ";}}"], cellPadding.columnPadding, zIndexInternalConfig.ZIndexDataTable.HEADER_ROW, props => props.isDraggingActive ? '' : `:hover {
+          &:after {
+            display: block;
+            content: ' ';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            border-bottom: 1px solid ${props.theme.colors.brand[700]};
+            pointer-events: none;
+            z-index: ${zIndexInternalConfig.ZIndexDataTable.FOCUS_BORDER};
+          }
+          cursor: pointer;
+        }`, props => props.theme.colors.brand[700], zIndexInternalConfig.ZIndexDataTable.FOCUS_BORDER);
 const StyledHeaderRightIconsWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-8"
 })(["height:100%;display:flex;align-items:center;max-height:24px;"]);
@@ -205,8 +230,13 @@ const StyledCellContainer = /*#__PURE__*/styled__default["default"](Grid__defaul
     shouldDisplayHover,
     theme
   } = _ref13;
-  return shouldDisplayHover ? ":hover {\n            background-color: ".concat(theme.colors.brand[200], ";\n          }") : '';
-}, props => props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent', props => props.isDragging ? 0.8 : 1, props => !props.selected ? '' : "\n    background-color: ".concat(props.theme.colors.brand[200], ";\n    border: 1px solid ").concat(props.theme.colors.brand[500], ";\n    "), props => props.disabled ? props.theme.colors.neutral['500'] : '#333333');
+  return shouldDisplayHover ? `:hover {
+            background-color: ${theme.colors.brand[200]};
+          }` : '';
+}, props => props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent', props => props.isDragging ? 0.8 : 1, props => !props.selected ? '' : `
+    background-color: ${props.theme.colors.brand[200]};
+    border: 1px solid ${props.theme.colors.brand[500]};
+    `, props => props.disabled ? props.theme.colors.neutral['500'] : '#333333');
 
 exports.GroupHeaderContainer = GroupHeaderContainer;
 exports.GroupHeaderTitle = GroupHeaderTitle;

package/esm/addons/Columns/ColumnExpand/ColumnExpand.js

@@ -10,7 +10,6 @@ import { ArrowheadDown, ArrowheadRight, ArrowShortReturn } from '@elliemae/ds-ic
 import styled from 'styled-components';
 import { StyledFocusWithin } from '../../../styled.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';
@@ -106,8 +105,6 @@ const expandRowColumn = {
     }, void 0, GlobalExpandIcon));
   },
   Cell: _ref2 => {
-    var _row$original$subRows;
-
     let {
       cell,
       row,
@@ -124,7 +121,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 = useCallback(e => {
       e.stopPropagation();
@@ -140,7 +137,7 @@ const expandRowColumn = {
     const isDragging = draggableProps ? draggableProps.isDragging : false;
     const isDragOverlay = dragAndDropRows && !draggableProps;
     const indentStyle = useMemo(() => ({
-      marginLeft: "".concat(row.depth * 32, "px"),
+      marginLeft: `${row.depth * 32}px`,
       marginRight: '18px',
       paddingLeft: '2px',
       paddingRight: '2px',
@@ -151,7 +148,7 @@ const expandRowColumn = {
     }), [row.depth]);
     const rowProps = useMemo(() => ({
       role: 'button',
-      key: "".concat(row.uid, "-expand-button"),
+      key: `${row.uid}-expand-button`,
       title: 'Toggle Row Expanded',
       onClick: onRowExpandHandler,
       onKeyDown: e => {

package/esm/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js

@@ -8,7 +8,6 @@ import 'core-js/modules/esnext.iterator.filter.js';
 import { useMemo, useCallback } from 'react';
 import { DSCheckbox } from '@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';
@@ -102,7 +101,7 @@ const multiSelectColumn = {
     const {
       uid
     } = row;
-    const selectedState = selection === null || selection === void 0 ? void 0 : selection[uid];
+    const selectedState = selection?.[uid];
     const PureCheckboxCell = useMemo(() => /*#__PURE__*/_jsx(DSCheckbox, {
       "data-testid": DATA_TESTID.DATA_TABLE_CHECKBOX,
       title: "Toggle Row Selected",

package/esm/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.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';
@@ -59,7 +58,7 @@ const singleSelectColumn = {
     const {
       uid
     } = row;
-    const selectedState = selection === null || selection === void 0 ? void 0 : selection[uid];
+    const selectedState = selection?.[uid];
     const PureCheckBox = useMemo(() => /*#__PURE__*/_jsx(CenteredContent, {}, void 0, /*#__PURE__*/_jsx(StyledDSRadio // eslint-disable-next-line react/prop-types
     , {
       containerProps: {

package/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.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.reduce.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.reduce.js';
@@ -15,13 +14,15 @@ import '@elliemae/ds-popperjs';
 import 'styled-components';
 import '../../../redux/reducers/index.js';
 import '../../../configs/constants.js';
+import 'react/jsx-runtime';
+import { EditableCell } from '../../../exported-related/EditableCell.js';
+import '@elliemae/ds-icons';
+import '@elliemae/ds-utilities';
 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 'react/jsx-runtime';
 import '@elliemae/ds-form';
 import '../../../parts/TableContent.js';
 import '@elliemae/ds-grid';
@@ -31,8 +32,6 @@ import DataTableContext from '../../../DataTableContext.js';
 import '../../../parts/Row.js';
 import '../../../parts/Footer.js';
 import '../../../parts/HoC/SortableItemContext.js';
-import { EditableCell } from '../../../exported-related/EditableCell.js';
-import '@elliemae/ds-utilities';
 import 'uid';
 import '../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
 import 'moment';
@@ -82,11 +81,11 @@ const ComboboxEditableCell = props => {
   const handleOnBlur = 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(EditableCell, {
     StandardRender: DefaultCellRender,
     EditableRenderer: /*#__PURE__*/_jsx(DSComboBox, {

package/esm/addons/Editables/DateEditableCell/DateEditableCell.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, useCallback } from 'react';
 import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
@@ -12,15 +11,17 @@ import '@elliemae/ds-popperjs';
 import 'styled-components';
 import '../../../redux/reducers/index.js';
 import '../../../configs/constants.js';
+import 'react/jsx-runtime';
+import { EditableCell } from '../../../exported-related/EditableCell.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 'react/jsx-runtime';
 import '@elliemae/ds-form';
 import '../../../parts/TableContent.js';
 import '@elliemae/ds-grid';
@@ -30,8 +31,6 @@ import DataTableContext from '../../../DataTableContext.js';
 import '../../../parts/Row.js';
 import '../../../parts/Footer.js';
 import '../../../parts/HoC/SortableItemContext.js';
-import { EditableCell } from '../../../exported-related/EditableCell.js';
-import '@elliemae/ds-utilities';
 import 'uid';
 import '../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
 import 'moment';

package/esm/addons/Editables/TextEditableCell/TextEditableCell.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, useCallback } from 'react';
 import styled from 'styled-components';
 import 'core-js/modules/esnext.async-iterator.filter.js';
@@ -12,15 +11,17 @@ import '@elliemae/ds-button';
 import '@elliemae/ds-popperjs';
 import '../../../redux/reducers/index.js';
 import '../../../configs/constants.js';
+import 'react/jsx-runtime';
+import { EditableCell } from '../../../exported-related/EditableCell.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 'react/jsx-runtime';
 import '@elliemae/ds-form';
 import '../../../parts/TableContent.js';
 import '@elliemae/ds-grid';
@@ -30,8 +31,6 @@ import DataTableContext from '../../../DataTableContext.js';
 import '../../../parts/Row.js';
 import '../../../parts/Footer.js';
 import '../../../parts/HoC/SortableItemContext.js';
-import { EditableCell } from '../../../exported-related/EditableCell.js';
-import '@elliemae/ds-utilities';
 import 'uid';
 import '../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
 import 'moment';

package/esm/addons/Filters/Components/CurrencyRangeFilter/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';
@@ -55,8 +54,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 = {
@@ -113,15 +110,15 @@ const CurrencyRangeFilter = props => {
       }
     }, void 0, /*#__PURE__*/_jsx(DSFormLayoutBlockItem, {
       label: "Min",
-      inputID: "".concat(idPreffix, "-min-").concat(column.id)
+      inputID: `${idPreffix}-min-${column.id}`
     }, void 0, /*#__PURE__*/_jsx(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 => MASK_TYPES.NUMBER(opts)(number),
@@ -131,15 +128,15 @@ const CurrencyRangeFilter = props => {
       }
     })), /*#__PURE__*/_jsx(DSFormLayoutBlockItem, {
       label: "Max",
-      inputID: "".concat(idPreffix, "-max-").concat(column.id)
+      inputID: `${idPreffix}-max-${column.id}`
     }, void 0, /*#__PURE__*/_jsx(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 => MASK_TYPES.NUMBER(opts)(number),
@@ -149,7 +146,7 @@ const CurrencyRangeFilter = 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 Currency Range Filter"

package/esm/addons/Filters/Components/DateRangeFilter/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 } from 'react';
 import { DatePicker2 } from '@elliemae/ds-icons';
 import Grid from '@elliemae/ds-grid';

package/esm/addons/Filters/Components/DateSwitcherFilter/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 } from 'react';
 import { DatePicker2 } from '@elliemae/ds-icons';
 import Grid from '@elliemae/ds-grid';

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,31 +7,30 @@ 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';
 import '../../../../redux/reducers/index.js';
 import { DATA_TESTID } from '../../../../configs/constants.js';
+import '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 'react/jsx-runtime';
 import '@elliemae/ds-form';
 import '../../../../parts/TableContent.js';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
 import '@elliemae/ds-system';
-import '../../../../DataTableContext.js';
 import '../../../../parts/Row.js';
 import '../../../../parts/Footer.js';
 import '../../../../parts/HoC/SortableItemContext.js';
-import '@elliemae/ds-utilities';
 import 'uid';
 import { FILTER_TYPES } from '../../../../exported-related/FilterTypes.js';
 import '../../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
@@ -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,31 +7,30 @@ 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';
 import '../../../../redux/reducers/index.js';
 import { DATA_TESTID } from '../../../../configs/constants.js';
+import '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 'react/jsx-runtime';
 import '@elliemae/ds-form';
 import '../../../../parts/TableContent.js';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
 import '@elliemae/ds-system';
-import '../../../../DataTableContext.js';
 import '../../../../parts/Row.js';
 import '../../../../parts/Footer.js';
 import '../../../../parts/HoC/SortableItemContext.js';
-import '@elliemae/ds-utilities';
 import 'uid';
 import { FILTER_TYPES } from '../../../../exported-related/FilterTypes.js';
 import '../../../../exported-related/Filters/applyOutOfTheBoxFilters.js';

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
   // ===========================================================================