@elliemae/ds-datagrids 2.4.2-rc.9 → 2.4.2

package/esm/plugins/editable/getEditorComponent.js

@@ -47,10 +47,8 @@ const getEditorComponent = function () {
     const Component = components[type];
 
     if (type === 'DSComboBox') {
-      var _restEditorProps$opti;
-
       // TODO: remove this whole condition when combobox v3 is out and fully working without "maxOptions" parameter
-      const maxOptions = (restEditorProps === null || restEditorProps === void 0 ? void 0 : (_restEditorProps$opti = restEditorProps.options) === null || _restEditorProps$opti === void 0 ? void 0 : _restEditorProps$opti.length) || 100;
+      const maxOptions = restEditorProps?.options?.length || 100;
       return /*#__PURE__*/_jsx("div", {
         style: {
           zIndex: 0

package/esm/plugins/expandable-grid/ExpandableColumn.js

@@ -22,15 +22,15 @@ var _ArrowheadDown, _ArrowheadRight;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 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 blockName = "".concat(dataGridBlockName, "-expandable-column"); // todo: clean this when we move to css-js
+const blockName = `${dataGridBlockName}-expandable-column`; // todo: clean this when we move to css-js
 
 const ExpandableColumnWrapper = aggregatedClasses('div')(blockName);
 const LabelDescriptionWrapper = aggregatedClasses('div')(blockName, 'label-description-wrapper');
 const Label = aggregatedClasses('span')(blockName, 'label');
 const Description = aggregatedClasses('span')(blockName, 'description');
 const ExtraColumnData = aggregatedClasses('div')(blockName, 'extra-column-data');
-const ExpandableMasterWrapper = aggregatedClasses('div')("".concat(blockName, "-master-wrapper"));
-const ExpandableDetailsWrapper = aggregatedClasses('div')("".concat(blockName, "-details-wrapper"));
+const ExpandableMasterWrapper = aggregatedClasses('div')(`${blockName}-master-wrapper`);
+const ExpandableDetailsWrapper = aggregatedClasses('div')(`${blockName}-details-wrapper`);
 
 function ExpandableColumnCell(_ref) {
   let {

package/esm/plugins/expandable-grid/ExpandablePlugin.js

@@ -1,5 +1,3 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
@@ -10,7 +8,8 @@ import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/esnext.async-iterator.map.js';
 import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useMemo, useRef, useEffect } from 'react';
 import { cx, isFunction } from '@elliemae/ds-utilities';
 import { VariableSizeList } from 'react-window';

package/esm/plugins/expandable-grid/ExpandedRowExtra.js

@@ -17,8 +17,8 @@ var _DSSeparator;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 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 blockName = "".concat(dataGridBlockName, "-expanded-row");
-const DetailsWrapper = aggregatedClasses('div')("".concat(blockName, "-details-wrapper"), null, () => ({
+const blockName = `${dataGridBlockName}-expanded-row`;
+const DetailsWrapper = aggregatedClasses('div')(`${blockName}-details-wrapper`, null, () => ({
   'ie-flex-basis-auto': true
 }));
 

package/esm/plugins/expandable-grid/useExpandGridState.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useExpandState, isFunction } from '@elliemae/ds-utilities';
 import { useState } from 'react';
 

package/esm/plugins/export-data/ExportDataPlugin.js

@@ -4,14 +4,10 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 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';
-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';
 import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.url.js';
-import 'core-js/modules/web.url-search-params.js';
 import { get } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 
@@ -30,12 +26,12 @@ const isVisible = column => {
 const getColumnValue = (row, property) => get(row, property);
 const getVisibleRowData = (row, columns) => columns.reduce((result, column) => {
   const columnProperty = column.property;
-  return isVisible(column) ? [...result, getColumnValue(row, "_".concat(columnProperty)) || getColumnValue(row, columnProperty)] : result;
+  return isVisible(column) ? [...result, getColumnValue(row, `_${columnProperty}`) || getColumnValue(row, columnProperty)] : result;
 }, []);
 
 const defaultOptions = uuid => ({
   sheetName: 'SheetName',
-  fileName: "datagrid-".concat(uuid),
+  fileName: `datagrid-${uuid}`,
   type: 'csv',
   onlySelection: false,
   excludedColumns: undefined
@@ -51,9 +47,9 @@ const getCellValue = cell => {
 const getExportedData = (rows, columns, range) => {
   const rowsRanged = range ? rows.slice(...range) : rows;
   const dataToExport = rowsRanged.map(row => getVisibleRowData(row, columns));
-  const columnsContent = columns.filter(c => isVisible(c)).reduce((acc, curr, idx) => "".concat(acc).concat(idx === 0 ? '' : ',').concat(curr.label), '');
-  const rowsContent = dataToExport.map(e => e.map(r => "\"".concat(String(getCellValue(r)).replace(/"/g, '""'), "\"")).join(',')).join('\r\n');
-  const csvContent = "".concat(columnsContent, "\r\n").concat(rowsContent);
+  const columnsContent = columns.filter(c => isVisible(c)).reduce((acc, curr, idx) => `${acc}${idx === 0 ? '' : ','}${curr.label}`, '');
+  const rowsContent = dataToExport.map(e => e.map(r => `"${String(getCellValue(r)).replace(/"/g, '""')}"`).join(',')).join('\r\n');
+  const csvContent = `${columnsContent}\r\n${rowsContent}`;
   return csvContent;
 }; // eslint-disable-next-line max-statements
 
@@ -77,7 +73,7 @@ const exportTo = (rows, columns, _ref) => {
 
   if (navigator.msSaveBlob) {
     // IE 10+
-    navigator.msSaveBlob(blob, "".concat(fileName, ".").concat(type));
+    navigator.msSaveBlob(blob, `${fileName}.${type}`);
   } else {
     const link = document.createElement('a');
 
@@ -86,7 +82,7 @@ const exportTo = (rows, columns, _ref) => {
       // Browsers that support HTML5 download attribute
       const url = URL.createObjectURL(blob);
       link.setAttribute('href', url);
-      link.setAttribute('download', "".concat(fileName, ".").concat(type));
+      link.setAttribute('download', `${fileName}.${type}`);
       link.style.visibility = 'hidden';
       document.body.appendChild(link);
       link.click();

package/esm/plugins/filterable/components/FilterableHeader.js

@@ -1,12 +1,10 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/esnext.async-iterator.for-each.js';
 import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useState, useEffect, useCallback } from 'react';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import { debounce, useResizeObserver, get } from '@elliemae/ds-utilities';

package/esm/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.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 { DSControlledDateRangePicker } from '@elliemae/ds-controlled-form';
 import DSPopper, { PopperPositions } from '@elliemae/ds-popper';
@@ -83,8 +82,8 @@ const formatRangeDate = function (_ref2) {
   } = _ref2;
   let format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DATE_FORMAT;
   const sameDay = startDate.isSame(endDate, 'day');
-  if (sameDay) return "".concat(endDate.format(format));
-  return "".concat(startDate.format(format), " - ").concat(endDate.format(format));
+  if (sameDay) return `${endDate.format(format)}`;
+  return `${startDate.format(format)} - ${endDate.format(format)}`;
 };
 
 function DateRangeFilterMenu(_ref3) {

package/esm/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js

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

package/esm/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.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 { DSControlledCheckbox, DSControlledDateRangePicker, DSControlledDateTimePicker } from '@elliemae/ds-controlled-form';
 import DSPopper, { PopperPositions } from '@elliemae/ds-basic/Popper';
@@ -119,8 +118,8 @@ const formatRangeDate = function (_ref2) {
   } = _ref2;
   let format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DATE_FORMAT;
   const sameDay = startDate.isSame(endDate, 'day');
-  if (sameDay) return "".concat(endDate.format(format));
-  return "".concat(startDate.format(format), " - ").concat(endDate.format(format));
+  if (sameDay) return `${endDate.format(format)}`;
+  return `${startDate.format(format)} - ${endDate.format(format)}`;
 }; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 
 

package/esm/plugins/filterable/components/filterable-menus/TextFilterMenu.js

@@ -6,7 +6,6 @@ import 'core-js/modules/esnext.iterator.map.js';
 import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/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 React, { useState } from 'react';
@@ -90,13 +89,11 @@ function TextFilterMenu(_ref) {
     selected.forEach(item => {
       // if initialSelectedOptions includes item, then we do nothing
       if (!initialSelectedOptions.includes(item)) {
-        var _column$filter;
-
         onAddFilter({
           group: filterGroup,
           label: column.label,
           value: item,
-          operator: (column === null || column === void 0 ? void 0 : (_column$filter = column.filter) === null || _column$filter === void 0 ? void 0 : _column$filter.operator) || 'contains',
+          operator: column?.filter?.operator || 'contains',
           transformRowValue: column.valueTransformation
         }, column);
       }
@@ -130,13 +127,11 @@ function TextFilterMenu(_ref) {
       minWidth: column.filterMenuMinWidth,
       onSelectMenuItem: selectedValue => {
         if (selectedValue) {
-          var _column$filter2;
-
           onAddFilter({
             group: column.searchBy || column.property,
             label: column.label,
             value: selectedValue,
-            operator: (column === null || column === void 0 ? void 0 : (_column$filter2 = column.filter) === null || _column$filter2 === void 0 ? void 0 : _column$filter2.operator) || 'contains',
+            operator: column?.filter?.operator || 'contains',
             transformRowValue: column.valueTransformation
           }, column);
           onOpenMenu(false);

package/esm/plugins/filterable/helper.js

@@ -6,7 +6,6 @@ import 'core-js/modules/esnext.async-iterator.map.js';
 import 'core-js/modules/esnext.iterator.map.js';
 import 'core-js/modules/esnext.async-iterator.for-each.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.reduce.js';
 import 'core-js/modules/esnext.iterator.reduce.js';
 import { uniqBy, property, get, isFunction, groupBy } from '@elliemae/ds-utilities';

package/esm/plugins/filterable/useFilterableState.js

@@ -4,7 +4,6 @@ import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/esnext.async-iterator.for-each.js';
 import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect, useMemo } from 'react';
 import { v4 } from 'uuid';
 import { parseFiltersToQuery, getFilterValue, buildFilterArray } from './helper.js';

package/esm/plugins/grouping-by/GroupingByPlugin.js

@@ -6,7 +6,7 @@ import { groupBy } from 'lodash';
 const groupedByData = (groupedBy, composedRows) => {
   const grouped = groupBy(composedRows, groupedBy);
   return Object.keys(grouped).map((c, key) => ({
-    id: "grouped-by-".concat(groupedBy, "-").concat(key),
+    id: `grouped-by-${groupedBy}-${key}`,
     key: groupedBy,
     value: c,
     children: grouped[c],

package/esm/plugins/grouping-grid/GroupingPlugin.js

@@ -24,7 +24,7 @@ const _excluded = ["isExpanded"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 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 blockName = "".concat(dataGridBlockName, "-group-row-header");
+const blockName = `${dataGridBlockName}-group-row-header`;
 const GroupRowHeaderWrapper = aggregatedClasses('div')(blockName);
 const GroupRowHeaderTitle = aggregatedClasses('div')(blockName, 'title');
 const GroupingPlugin = createInstancePlugin('groupedRows', {

package/esm/plugins/grouping-grid/walkStrategy.js

@@ -1,5 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-
 function getPath(parentNode, index, childrenKey) {
   if (!parentNode) return [index];
   return [...parentNode.path, childrenKey, index];

package/esm/plugins/infinite-scrolling/InfiniteScrollPlugin.js

@@ -1,11 +1,10 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/esnext.async-iterator.for-each.js';
 import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import { useRef, useState, useEffect } from 'react';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 

package/esm/plugins/pagination/components/Paginator.js

@@ -7,7 +7,7 @@ import { aggregatedClasses } from '@elliemae/ds-classnames';
 var _ReactPagify$Segment, _ReactPagify$Ellipsis, _ReactPagify$Segment2, _ReactPagify$Segment3, _ReactPagify$Segment4, _ReactPagify$Ellipsis2, _ReactPagify$Segment5;
 const blockName = 'data-grid';
 const PaginationContainer = aggregatedClasses('div')(blockName, 'pagination');
-const PagifyContext = aggregatedClasses(ReactPagify === null || ReactPagify === void 0 ? void 0 : ReactPagify.Context)(blockName, 'pagify-pagination');
+const PagifyContext = aggregatedClasses(ReactPagify?.Context)(blockName, 'pagify-pagination');
 
 const Paginator = _ref => {
   let {

package/esm/plugins/pagination/usePaginationState.js

@@ -4,7 +4,6 @@ import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/esnext.async-iterator.for-each.js';
 import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useDerivedStateFromProps } from '@elliemae/ds-utilities';
 import { parsePerPageNumber } from './helper.js';
 

package/esm/plugins/resizable/utils.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/es.string.replace.js';
 import { parseInt } from '@elliemae/ds-utilities';
 import memoizeOne from 'memoize-one';
 
@@ -11,7 +10,7 @@ const translatePercentageToPx = memoizeOne(function (totalWidth, percentage) {
   return width > minWidth ? width : minWidth;
 });
 const translateStringPxToNumberPx = memoizeOne(pxNumber => parseInt(pxNumber.replace('%', '')));
-memoizeOne((totalWidth, pxWidth) => "".concat(pxWidth / totalWidth * 100, "%"));
+memoizeOne((totalWidth, pxWidth) => `${pxWidth / totalWidth * 100}%`);
 memoizeOne(function (gridWidth) {
   let width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   let minWidth = arguments.length > 2 ? arguments[2] : undefined;

package/esm/plugins/row-dnd/DndRowsPlugin.js

@@ -1,11 +1,10 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/esnext.async-iterator.for-each.js';
 import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useMemo } from 'react';
 import { SortableHandle, SortableElement, SortableContainer } from 'react-sortable-hoc';
 import { GripperVertical } from '@elliemae/ds-icons';

package/esm/plugins/selectable/SelectablePlugin.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useCallback, useEffect } from 'react';
 import cx from 'obj-str';
 import { isFunction } from '@elliemae/ds-utilities';
@@ -7,6 +6,8 @@ import { selectionColumnCreator } from './addSelectableColumn.js';
 import { useSelectableState } from './useSelectableState.js';
 import { selectMultipleRow, selectSingleRow } from './helper.js';
 
+/* eslint-disable react-hooks/rules-of-hooks */
+
 const decorateColumns = (columns, grid) => {
   const {
     props: {

package/esm/plugins/selectable/useSelectableState.js

@@ -1,7 +1,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 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.async-iterator.some.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.some.js';

package/esm/plugins/sortable/sorter.js

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/es.error.cause.js';
 import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/esnext.async-iterator.some.js';
 import 'core-js/modules/esnext.iterator.some.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/esnext.async-iterator.find.js';
@@ -62,7 +62,7 @@ const sorter = function () {
         } = realColumn;
         const value = row[sortBy || property]; // Pick resolved value by convention
 
-        const resolvedValue = get(row, "_".concat(property), value);
+        const resolvedValue = get(row, `_${property}`, value);
 
         if (realColumn.type === 'DateTime') {
           return moment(resolvedValue);
@@ -123,7 +123,7 @@ const sorterGroups = function () {
         } = realColumn;
         const value = row[sortBy || property]; // Pick resolved value by convention
 
-        const resolvedValue = get(row, "_".concat(property), value);
+        const resolvedValue = get(row, `_${property}`, value);
 
         if (realColumn.type === 'DateTime') {
           return moment(resolvedValue);

package/esm/plugins/sortable/useSortableState.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.find.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.find.js';

package/esm/plugins/toolbar/RowRenderer.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 _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 { useRef, useState, useEffect } from 'react';
 import { isEmpty } from 'lodash';
 import { omit } from '@elliemae/ds-utilities';
@@ -68,7 +67,7 @@ const RowRenderer = (Row, grid) => {
     }, props), {}, {
       style: rowStyle
     })), isEmpty(rowData) && !rowData.index && !rowData.rowIndex ? null : /*#__PURE__*/_jsx("div", {
-      className: "toolbar-trigger-container ".concat(style ? 'move' : 'stay'),
+      className: `toolbar-trigger-container ${style ? 'move' : 'stay'}`,
       style: _objectSpread({}, popStyle)
     }, void 0, /*#__PURE__*/_jsx(ToolbarTrigger, {
       grid: grid,

package/esm/plugins/toolbar/ToolbarPlugin.js

@@ -1,5 +1,4 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';

package/esm/plugins/toolbar/ToolbarTrigger.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 _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 { useState } from 'react';
 import styled from 'styled-components';
 import DSButton from '@elliemae/ds-button';
@@ -21,10 +20,11 @@ const ToolbarBtns = /*#__PURE__*/styled.div.withConfig({
 })(["& > .em-ds-toolbar{box-shadow:none;}"]);
 const ToolbarWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-pm75g5-1"
-})(["display:flex;align-items:center;height:", ";margin-left:-4px;margin-right:", ";padding-right:4px;pointer-events:all;background:white;", " &:hover{box-shadow:-1px 0px 1px 0px rgba(0,0,0,0.2),1px 0px 2px 0px rgba(0,0,0,0.2);& > .toolbar-trigger{border:none;}}"], props => props.rowSize === 'normal' ? '36px' : '28px', props => props.hasScrollBar ? '0' : '-10px', props => props.showShadow ? "box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2),\n  1px 0px 2px 0px rgba(0, 0, 0, 0.2);" : '');
+})(["display:flex;align-items:center;height:", ";margin-left:-4px;margin-right:", ";padding-right:4px;pointer-events:all;background:white;", " &:hover{box-shadow:-1px 0px 1px 0px rgba(0,0,0,0.2),1px 0px 2px 0px rgba(0,0,0,0.2);& > .toolbar-trigger{border:none;}}"], props => props.rowSize === 'normal' ? '36px' : '28px', props => props.hasScrollBar ? '0' : '-10px', props => props.showShadow ? `box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2),
+  1px 0px 2px 0px rgba(0, 0, 0, 0.2);` : '');
 const ToolbarPosition = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-pm75g5-2"
-})(["position:absolute;z-index:10;display:flex;justify-content:flex-end;align-items:center;width:0;pointer-events:none;top:0;height:", ";margin-top:", ";"], props => props.rowRef.current ? "".concat(props.rowRef.current.offsetHeight, "px") : '36px', props => props.rowSize === 'normal' ? '0' : '0'); // eslint-disable-next-line react/prop-types
+})(["position:absolute;z-index:10;display:flex;justify-content:flex-end;align-items:center;width:0;pointer-events:none;top:0;height:", ";margin-top:", ";"], props => props.rowRef.current ? `${props.rowRef.current.offsetHeight}px` : '36px', props => props.rowSize === 'normal' ? '0' : '0'); // eslint-disable-next-line react/prop-types
 
 const ToolbarTrigger = _ref => {
   let {

package/esm/plugins/virtualization/VirtualizedBody.js

@@ -1,6 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.async-iterator.reduce.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.reduce.js';
@@ -246,7 +245,7 @@ const VirtualizedBody = props => {
       },
       children: /*#__PURE__*/jsx("div", {
         "data-testid": "virtualized-body",
-        className: "virtualized-body".concat(hasScrollBar ? ' with-scrollbar' : ''),
+        className: `virtualized-body${hasScrollBar ? ' with-scrollbar' : ''}`,
         style: bodyStyle,
         ref: r => {
           mergeRefs(innerBody)(r);

package/esm/renders/styled.js

@@ -5,10 +5,22 @@ const m = '0.61538rem';
 const m2 = '1.23076rem';
 const CellWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1n8exyf-0"
-})(["max-height:36px;height:100%;width:", ";margin-left:", ";margin-right:", ";padding-left:", ";padding-right:", ";", ";", ""], props => props.noPadding ? "calc(100% + ".concat(m2, ")") : '100%', props => props.noPadding ? "-".concat(m) : '0', props => props.noPadding ? "-".concat(m) : '0', props => !props.hasLeftAddon && (props.badgeAddon || props.highLight || props.hasRightAddon) ? m : '0', props => !props.hasRightAddon && (props.badgeAddon || props.highLight || props.hasLeftAddon) ? m : '0', props => props.highLight ? "background: ".concat(props.theme.colors.brand['200']) : '', props => props.badgeAddon ? "\n  position: relative;  \n  &::before {\n    display: block;\n    content: '';\n    position: absolute;\n    top: 0;\n    left:0;\n    border-style: solid;\n    border-width:  ".concat(props.theme.space.xxs, " ").concat(props.theme.space.xxs, "  ").concat(props.theme.space.xxs, " 0;\n    border-color: ").concat(props.theme.colors.brand['600'], " transparent  transparent ").concat(props.theme.colors.brand['600'], ";\n  }\n  ") : '');
+})(["max-height:36px;height:100%;width:", ";margin-left:", ";margin-right:", ";padding-left:", ";padding-right:", ";", ";", ""], props => props.noPadding ? `calc(100% + ${m2})` : '100%', props => props.noPadding ? `-${m}` : '0', props => props.noPadding ? `-${m}` : '0', props => !props.hasLeftAddon && (props.badgeAddon || props.highLight || props.hasRightAddon) ? m : '0', props => !props.hasRightAddon && (props.badgeAddon || props.highLight || props.hasLeftAddon) ? m : '0', props => props.highLight ? `background: ${props.theme.colors.brand['200']}` : '', props => props.badgeAddon ? `
+  position: relative;  
+  &::before {
+    display: block;
+    content: '';
+    position: absolute;
+    top: 0;
+    left:0;
+    border-style: solid;
+    border-width:  ${props.theme.space.xxs} ${props.theme.space.xxs}  ${props.theme.space.xxs} 0;
+    border-color: ${props.theme.colors.brand['600']} transparent  transparent ${props.theme.colors.brand['600']};
+  }
+  ` : '');
 const ValueWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1n8exyf-1"
-})(["display:flex;align-items:center;overflow:hidden;& > span{display:inline-flex;align-items:center;}", ""], props => props.grayText ? "color: ".concat(props.theme.colors.neutral['500'], ";") : '');
+})(["display:flex;align-items:center;overflow:hidden;& > span{display:inline-flex;align-items:center;}", ""], props => props.grayText ? `color: ${props.theme.colors.neutral['500']};` : '');
 const CellContainer = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-1n8exyf-2"
 })(["padding-left:", ";padding-right:", ";position:relative;"], m, m);

package/esm/utilities/normalizeData.js

@@ -1,12 +1,11 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'core-js/modules/esnext.async-iterator.map.js';
 import 'core-js/modules/esnext.iterator.map.js';
 import 'core-js/modules/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/es.string.replace.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-datagrids",
-  "version": "2.4.2-rc.9",
+  "version": "2.4.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Grids",
   "module": "./esm/index.js",
@@ -541,25 +541,25 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.4.2-rc.9",
-    "@elliemae/ds-button": "2.4.2-rc.9",
-    "@elliemae/ds-classnames": "2.4.2-rc.9",
-    "@elliemae/ds-controlled-form": "2.4.2-rc.9",
-    "@elliemae/ds-datagrids": "2.4.2-rc.9",
-    "@elliemae/ds-dropdownmenu": "2.4.2-rc.9",
-    "@elliemae/ds-filterbar": "2.4.2-rc.9",
-    "@elliemae/ds-form": "2.4.2-rc.9",
-    "@elliemae/ds-grid": "2.4.2-rc.9",
-    "@elliemae/ds-icons": "2.4.2-rc.9",
-    "@elliemae/ds-menu": "2.4.2-rc.9",
-    "@elliemae/ds-popper": "2.4.2-rc.9",
-    "@elliemae/ds-separator": "2.4.2-rc.9",
-    "@elliemae/ds-shared": "2.4.2-rc.9",
-    "@elliemae/ds-spinner": "2.4.2-rc.9",
-    "@elliemae/ds-system": "2.4.2-rc.9",
-    "@elliemae/ds-toolbar": "2.4.2-rc.9",
-    "@elliemae/ds-truncated-tooltip-text": "2.4.2-rc.9",
-    "@elliemae/ds-utilities": "2.4.2-rc.9",
+    "@elliemae/ds-basic": "2.4.2",
+    "@elliemae/ds-button": "2.4.2",
+    "@elliemae/ds-classnames": "2.4.2",
+    "@elliemae/ds-controlled-form": "2.4.2",
+    "@elliemae/ds-datagrids": "2.4.2",
+    "@elliemae/ds-dropdownmenu": "2.4.2",
+    "@elliemae/ds-filterbar": "2.4.2",
+    "@elliemae/ds-form": "2.4.2",
+    "@elliemae/ds-grid": "2.4.2",
+    "@elliemae/ds-icons": "2.4.2",
+    "@elliemae/ds-menu": "2.4.2",
+    "@elliemae/ds-popper": "2.4.2",
+    "@elliemae/ds-separator": "2.4.2",
+    "@elliemae/ds-shared": "2.4.2",
+    "@elliemae/ds-spinner": "2.4.2",
+    "@elliemae/ds-system": "2.4.2",
+    "@elliemae/ds-toolbar": "2.4.2",
+    "@elliemae/ds-truncated-tooltip-text": "2.4.2",
+    "@elliemae/ds-utilities": "2.4.2",
     "comparejs": "~1.0.3",
     "memoize-one": "~5.1.1",
     "moment": "~2.29.1",