@elliemae/ds-datagrids 2.0.0-next.1 → 2.0.0-next.13

package/cjs/plugins/sortable/sorter.js

@@ -3,7 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var utils = require('@elliemae/ds-utilities/utils');
+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.some.js');
+require('core-js/modules/esnext.iterator.some.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+var dsUtilities = require('@elliemae/ds-utilities');
 var moment = require('moment');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -14,144 +26,150 @@ var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-const sorter = ({
-  columns,
-  sortingColumns,
-  sort,
-  emptyLast
-} = {}) => data => {
-  if (!columns) {
-    throw new Error('sort.sorter - Missing "columns" argument!');
-  }
-
-  if (!sort) {
-    throw new Error('sort.sorter - Missing "sort" argument!');
-  }
-
-  if (!sortingColumns) {
-    return data;
-  }
-
-  const columnIndexList = new Array(sortingColumns.length);
-  const orderList = new Array(sortingColumns.length);
-  let actualSortFunction = sort;
-
-  if (emptyLast) {
-    actualSortFunction = (innerData, innerColumnIndexList, innerOrderList) => {
-      const sortedData = sort(innerData, innerColumnIndexList, innerOrderList);
-      const keys = Object.keys(sortingColumns);
-      const withData = sortedData.filter(r => keys.some(key => !!r[key]));
-      const withoutData = sortedData.filter(r => keys.some(key => !r[key]));
-      return [...withData, ...withoutData];
-    };
-  }
-
-  Object.keys(sortingColumns).forEach(sortingColumnKey => {
-    const realColumn = columns.find(column => column.property === sortingColumnKey);
-    if (!realColumn) return;
-
-    const columnSorter = realColumn.sort || function resolveValue(row) {
-      const {
-        property,
-        sortBy
-      } = realColumn;
-      const value = row[sortBy || property]; // Pick resolved value by convention
-
-      const resolvedValue = utils.get(row, `_${property}`, value);
-
-      if (realColumn.type === 'DateTime') {
-        return moment__default["default"](resolvedValue);
-      }
+const sorter = function () {
+  let {
+    columns,
+    sortingColumns,
+    sort,
+    emptyLast
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return data => {
+    if (!columns) {
+      throw new Error('sort.sorter - Missing "columns" argument!');
+    }
+
+    if (!sort) {
+      throw new Error('sort.sorter - Missing "sort" argument!');
+    }
+
+    if (!sortingColumns) {
+      return data;
+    }
+
+    const columnIndexList = new Array(sortingColumns.length);
+    const orderList = new Array(sortingColumns.length);
+    let actualSortFunction = sort;
+
+    if (emptyLast) {
+      actualSortFunction = (innerData, innerColumnIndexList, innerOrderList) => {
+        const sortedData = sort(innerData, innerColumnIndexList, innerOrderList);
+        const keys = Object.keys(sortingColumns);
+        const withData = sortedData.filter(r => keys.some(key => !!r[key]));
+        const withoutData = sortedData.filter(r => keys.some(key => !r[key]));
+        return [...withData, ...withoutData];
+      };
+    }
+
+    Object.keys(sortingColumns).forEach(sortingColumnKey => {
+      const realColumn = columns.find(column => column.property === sortingColumnKey);
+      if (!realColumn) return;
+
+      const columnSorter = realColumn.sort || function resolveValue(row) {
+        const {
+          property,
+          sortBy
+        } = realColumn;
+        const value = row[sortBy || property]; // Pick resolved value by convention
 
-      return typeof resolvedValue === 'string' ? resolvedValue.toLowerCase() : resolvedValue;
-    };
+        const resolvedValue = dsUtilities.get(row, "_".concat(property), value);
 
-    const sortingColumn = sortingColumns[sortingColumnKey];
-    columnIndexList[sortingColumn.position] = columnSorter;
-    orderList[sortingColumn.position] = sortingColumn.direction;
-  });
-  return actualSortFunction(data, columnIndexList, orderList);
+        if (realColumn.type === 'DateTime') {
+          return moment__default["default"](resolvedValue);
+        }
+
+        return typeof resolvedValue === 'string' ? resolvedValue.toLowerCase() : resolvedValue;
+      };
+
+      const sortingColumn = sortingColumns[sortingColumnKey];
+      columnIndexList[sortingColumn.position] = columnSorter;
+      orderList[sortingColumn.position] = sortingColumn.direction;
+    });
+    return actualSortFunction(data, columnIndexList, orderList);
+  };
 };
-const sorterGroups = ({
-  columns,
-  sortingColumns,
-  sort,
-  emptyLast
-} = {}) => (data, rowsData) => {
-  if (!columns) {
-    throw new Error('sort.sorter - Missing "columns" argument!');
-  }
-
-  if (!sort) {
-    throw new Error('sort.sorter - Missing "sort" argument!');
-  }
-
-  if (!sortingColumns) {
-    return data;
-  }
-
-  const columnIndexList = new Array(sortingColumns.length);
-  const orderList = new Array(sortingColumns.length);
-  let actualSortFunction = sort;
-
-  if (emptyLast) {
-    actualSortFunction = (innerData, innerColumnIndexList, innerOrderList) => {
-      const sortedData = sort(innerData, innerColumnIndexList, innerOrderList);
-      const keys = Object.keys(sortingColumns);
-      const withData = sortedData.filter(r => keys.some(key => !!r[key]));
-      const withoutData = sortedData.filter(r => keys.some(key => !r[key]));
-      return [...withData, ...withoutData];
-    };
-  }
-
-  Object.keys(sortingColumns).forEach(sortingColumnKey => {
-    const realColumn = columns.find(column => column.property === sortingColumnKey);
-    if (!realColumn) return;
-
-    const columnSorter = realColumn.sort || function resolveValue(row) {
-      const {
-        property,
-        sortBy
-      } = realColumn;
-      const value = row[sortBy || property]; // Pick resolved value by convention
-
-      const resolvedValue = utils.get(row, `_${property}`, value);
-
-      if (realColumn.type === 'DateTime') {
-        return moment__default["default"](resolvedValue);
-      }
+const sorterGroups = function () {
+  let {
+    columns,
+    sortingColumns,
+    sort,
+    emptyLast
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (data, rowsData) => {
+    if (!columns) {
+      throw new Error('sort.sorter - Missing "columns" argument!');
+    }
+
+    if (!sort) {
+      throw new Error('sort.sorter - Missing "sort" argument!');
+    }
+
+    if (!sortingColumns) {
+      return data;
+    }
 
-      return typeof resolvedValue === 'string' ? resolvedValue.toLowerCase() : resolvedValue;
-    };
-
-    const sortingColumn = sortingColumns[sortingColumnKey];
-    columnIndexList[sortingColumn.position] = columnSorter;
-    orderList[sortingColumn.position] = sortingColumn.direction;
-  });
-  const groups = {};
-  const preserveData = {};
-  data.forEach(c => {
-    preserveData[c.id] = _objectSpread({}, c);
-  });
-  rowsData.forEach(group => {
-    groups[group.id] = {
-      children: actualSortFunction(group.children.map(c => _objectSpread({
-        parentNode: preserveData[c.id].parentNode,
-        data: c
-      }, c)), columnIndexList, orderList) // sort internally
-
-    };
-  });
-  const sorted = actualSortFunction(data.map(r => _objectSpread(_objectSpread({}, r.data), r)), columnIndexList, orderList); // sort global
-
-  let ssortGlobal = [];
-  sorted.filter(s => !s.isGroup).forEach(sr => {
-    if (groups[sr.parentNode.id]) {
-      ssortGlobal = [...ssortGlobal, preserveData[sr.parentNode.id], ...groups[sr.parentNode.id].children];
-      delete groups[sr.parentNode.id];
+    const columnIndexList = new Array(sortingColumns.length);
+    const orderList = new Array(sortingColumns.length);
+    let actualSortFunction = sort;
+
+    if (emptyLast) {
+      actualSortFunction = (innerData, innerColumnIndexList, innerOrderList) => {
+        const sortedData = sort(innerData, innerColumnIndexList, innerOrderList);
+        const keys = Object.keys(sortingColumns);
+        const withData = sortedData.filter(r => keys.some(key => !!r[key]));
+        const withoutData = sortedData.filter(r => keys.some(key => !r[key]));
+        return [...withData, ...withoutData];
+      };
     }
-  });
-  return ssortGlobal;
+
+    Object.keys(sortingColumns).forEach(sortingColumnKey => {
+      const realColumn = columns.find(column => column.property === sortingColumnKey);
+      if (!realColumn) return;
+
+      const columnSorter = realColumn.sort || function resolveValue(row) {
+        const {
+          property,
+          sortBy
+        } = realColumn;
+        const value = row[sortBy || property]; // Pick resolved value by convention
+
+        const resolvedValue = dsUtilities.get(row, "_".concat(property), value);
+
+        if (realColumn.type === 'DateTime') {
+          return moment__default["default"](resolvedValue);
+        }
+
+        return typeof resolvedValue === 'string' ? resolvedValue.toLowerCase() : resolvedValue;
+      };
+
+      const sortingColumn = sortingColumns[sortingColumnKey];
+      columnIndexList[sortingColumn.position] = columnSorter;
+      orderList[sortingColumn.position] = sortingColumn.direction;
+    });
+    const groups = {};
+    const preserveData = {};
+    data.forEach(c => {
+      preserveData[c.id] = _objectSpread({}, c);
+    });
+    rowsData.forEach(group => {
+      groups[group.id] = {
+        children: actualSortFunction(group.children.map(c => _objectSpread({
+          parentNode: preserveData[c.id].parentNode,
+          data: c
+        }, c)), columnIndexList, orderList) // sort internally
+
+      };
+    });
+    const sorted = actualSortFunction(data.map(r => _objectSpread(_objectSpread({}, r.data), r)), columnIndexList, orderList); // sort global
+
+    let ssortGlobal = [];
+    sorted.filter(s => !s.isGroup).forEach(sr => {
+      if (groups[sr.parentNode.id]) {
+        ssortGlobal = [...ssortGlobal, preserveData[sr.parentNode.id], ...groups[sr.parentNode.id].children];
+        delete groups[sr.parentNode.id];
+      }
+    });
+    return ssortGlobal;
+  };
 };
 
 exports.sorter = sorter;

package/cjs/plugins/sortable/useSortableState.js

@@ -3,6 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.async-iterator.filter.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 sortabular = require('sortabular/dist/index.js');
 var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
 var checkIfSortable = require('./checkIfSortable.js');

package/cjs/plugins/toolbar/RowRenderer.js

@@ -4,9 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = 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');
 var React = require('react');
 var lodash = require('lodash');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var ToolbarTrigger = require('./ToolbarTrigger.js');
 var rowSizes = require('../../rowSizes.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -54,7 +60,7 @@ const RowRenderer = (Row, grid) => {
         setHasVerticalScrollBar(false);
       }
 
-      setRowStyle(utils.omit(style || {
+      setRowStyle(dsUtilities.omit(style || {
         height: !wrapText ? rowSizes.RowSizes[gridInstance.props.rowSize] : 'auto',
         position: 'relative'
       }, [shouldOmit]));
@@ -71,7 +77,7 @@ const RowRenderer = (Row, grid) => {
     }, props), {}, {
       style: rowStyle
     })), lodash.isEmpty(rowData) && !rowData.index && !rowData.rowIndex ? null : /*#__PURE__*/_jsx__default["default"]("div", {
-      className: `toolbar-trigger-container ${style ? 'move' : 'stay'}`,
+      className: "toolbar-trigger-container ".concat(style ? 'move' : 'stay'),
       style: _objectSpread({}, popStyle)
     }, void 0, /*#__PURE__*/_jsx__default["default"](ToolbarTrigger.ToolbarTrigger, {
       grid: grid,

package/cjs/plugins/toolbar/ToolbarPlugin.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 require('react');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');

package/cjs/plugins/toolbar/ToolbarTrigger.js

@@ -4,10 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = 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');
 var React = require('react');
 var styled = require('styled-components');
-var DSButton = require('@elliemae/ds-basic/Button');
-var MoreOptionsVert = require('@elliemae/ds-icons/MoreOptionsVert');
+var DSButton = require('@elliemae/ds-button');
+var dsIcons = require('@elliemae/ds-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,7 +21,6 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var MoreOptionsVert__default = /*#__PURE__*/_interopDefaultLegacy(MoreOptionsVert);
 
 var _MoreOptionsVert;
 
@@ -27,18 +32,18 @@ const ToolbarBtns = /*#__PURE__*/styled__default["default"].div.withConfig({
 })(["& > .em-ds-toolbar{box-shadow:none;}"]);
 const ToolbarWrapper = /*#__PURE__*/styled__default["default"].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),
-  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),\n  1px 0px 2px 0px rgba(0, 0, 0, 0.2);" : '');
 const ToolbarPosition = /*#__PURE__*/styled__default["default"].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 ? `${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 ? "".concat(props.rowRef.current.offsetHeight, "px") : '36px', props => props.rowSize === 'normal' ? '0' : '0'); // eslint-disable-next-line react/prop-types
 
-const ToolbarTrigger = ({
-  grid,
-  rowData,
-  hasScrollBar,
-  rowRef
-}) => {
+const ToolbarTrigger = _ref => {
+  let {
+    grid,
+    rowData,
+    hasScrollBar,
+    rowRef
+  } = _ref;
   const {
     props: {
       renderToolbar,
@@ -69,7 +74,7 @@ const ToolbarTrigger = ({
     buttonType: "text",
     className: "toolbar-trigger",
     "data-testid": "toolbar-trigger",
-    icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](MoreOptionsVert__default["default"], {})) // eslint-disable-next-line react/prop-types
+    icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {})) // eslint-disable-next-line react/prop-types
     ,
     index: rowData.index,
     onClick: () => setShow(true),

package/cjs/plugins/virtualization/AutoHeightList.js

@@ -1,19 +1,21 @@
 'use strict';
 
+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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var reactWindow = require('react-window');
-var utils = require('@elliemae/ds-utilities/utils');
-var system = require('@elliemae/ds-utilities/system');
-var useWindowScrollerList = require('@elliemae/ds-utilities/hooks/useWindowScrollerList');
+var dsUtilities = require('@elliemae/ds-utilities');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var useWindowScrollerList__default = /*#__PURE__*/_interopDefaultLegacy(useWindowScrollerList);
 
 const _excluded = ["itemCount", "className", "innerRef", "itemData", "itemKey", "itemSize", "outerRef", "component"];
 
@@ -35,20 +37,20 @@ const AutoHeightList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 
   const listRef = React.useRef();
   const outerListRef = React.useRef();
-  useWindowScrollerList__default["default"]({
+  dsUtilities.useWindowScrollerList({
     listInstance: listRef,
     outerListRef
   });
   return /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({}, otherProps), {}, {
-    ref: system.mergeRefs(ref, listRef),
-    className: utils.cx(className, 'window-scroller-override'),
+    ref: dsUtilities.mergeRefs(ref, listRef),
+    className: dsUtilities.cx(className, 'window-scroller-override'),
     height: window.innerHeight,
     innerRef: innerRef,
     itemCount: itemCount,
     itemData: itemData,
     itemKey: itemKey,
     itemSize: itemSize,
-    outerRef: system.mergeRefs(outerListRef, outerRef),
+    outerRef: dsUtilities.mergeRefs(outerListRef, outerRef),
     overscanCount: 10,
     useIsScrolling: true
   }));

package/cjs/plugins/virtualization/VirtualizationPlugin.js

@@ -2,13 +2,17 @@
 
 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/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var lodash = require('lodash');
 var FocusGridManager = require('@elliemae/ds-shared/FocusGroup/FocusGrid');
-var utils = require('@elliemae/ds-utilities/utils');
-var system = require('@elliemae/ds-utilities/system');
+var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var VirtualizedBody = require('./VirtualizedBody.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -52,33 +56,36 @@ const VirtualizationPlugin = createInstancePlugin__default["default"]('virtualiz
       const listRef = React.useRef();
 
       const nextListProps = _objectSpread(_objectSpread({}, listProps), {}, {
-        ref: system.mergeRefs(listRef, listProps.ref)
+        ref: dsUtilities.mergeRefs(listRef, listProps.ref)
       });
 
       return /*#__PURE__*/_jsx__default["default"](FocusGridManager__default["default"], {
         hotKeys: hotKeys,
-        keyBindings: ({
-          defaultBindings
-        }) => _objectSpread(_objectSpread({}, defaultBindings), {}, {
-          // todo: this is kind of hacky, since it's virtualized and there's
-          //  the possibility that the firsts or lasts rows aren't rendered
-          Home: utils.runAll(e => {
-            if (e.ctrlKey) {
-              listRef.current.scrollToItem(0);
-              setTimeout(() => defaultBindings.Home(e), 10);
-            } else {
-              defaultBindings.Home(e);
-            }
-          }),
-          End: utils.runAll(e => {
-            if (e.ctrlKey) {
-              listRef.current.scrollToItem(rows.length - 1);
-              setTimeout(() => defaultBindings.End(e), 10);
-            } else {
-              defaultBindings.End(e);
-            }
-          })
-        }),
+        keyBindings: _ref => {
+          let {
+            defaultBindings
+          } = _ref;
+          return _objectSpread(_objectSpread({}, defaultBindings), {}, {
+            // todo: this is kind of hacky, since it's virtualized and there's
+            //  the possibility that the firsts or lasts rows aren't rendered
+            Home: dsUtilities.runAll(e => {
+              if (e.ctrlKey) {
+                listRef.current.scrollToItem(0);
+                setTimeout(() => defaultBindings.Home(e), 10);
+              } else {
+                defaultBindings.Home(e);
+              }
+            }),
+            End: dsUtilities.runAll(e => {
+              if (e.ctrlKey) {
+                listRef.current.scrollToItem(rows.length - 1);
+                setTimeout(() => defaultBindings.End(e), 10);
+              } else {
+                defaultBindings.End(e);
+              }
+            })
+          });
+        },
         shouldRefocus: false
       }, void 0, /*#__PURE__*/jsxRuntime.jsx(VirtualizedBody, _objectSpread(_objectSpread({}, props), {}, {
         autoScrollToId: autoScrollToId,

package/cjs/plugins/virtualization/VirtualizedBody.js

@@ -2,9 +2,18 @@
 
 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.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.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 React = require('react');
-var system = require('@elliemae/ds-utilities/system');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var NoResults = require('../../components/NoResults.js');
 var VirtualizedBodyRow = require('./VirtualizedBodyRow.js');
 var rowSizes = require('../../rowSizes.js');
@@ -97,9 +106,10 @@ const VirtualizedBody = props => {
   React.useEffect(() => {
     autoScrollTo(visibleHeight);
   }, [autoScrollToId, visibleHeight]);
-  const handler = React.useCallback(utils.debounce(({
-    target
-  }) => {
+  const handler = React.useCallback(dsUtilities.debounce(_ref => {
+    let {
+      target
+    } = _ref;
     // Update coordinates
     setScrollTop(target.scrollTop || 0);
   }, 100), [setScrollTop]);
@@ -144,7 +154,7 @@ const VirtualizedBody = props => {
     if (virtualizedBodyRef) {
       const parsedVisibleHeight = parseFloat(window.getComputedStyle(virtualizedBodyRef, null).getPropertyValue('height')); // eslint-disable-next-line no-restricted-globals
 
-      if (!utils.isNaN(parsedVisibleHeight)) {
+      if (!dsUtilities.isNaN(parsedVisibleHeight)) {
         setVisibleHeight(parsedVisibleHeight);
         autoScrollTo(parsedVisibleHeight);
       }
@@ -234,19 +244,19 @@ const VirtualizedBody = props => {
             setVirtualizedBodyRef(elem.parentElement); // eslint-disable-next-line no-param-reassign
 
             elem.parentElement.scrollTop = scrollTop;
-            system.mergeRefs(listProps.outerRef)(elem.parentElement);
+            dsUtilities.mergeRefs(listProps.outerRef)(elem.parentElement);
           } else {
             setVirtualizedBodyRef(elem);
-            system.mergeRefs(listProps.outerRef)(elem);
+            dsUtilities.mergeRefs(listProps.outerRef)(elem);
           }
         }
       },
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
         "data-testid": "virtualized-body",
-        className: `virtualized-body${hasScrollBar ? ' with-scrollbar' : ''}`,
+        className: "virtualized-body".concat(hasScrollBar ? ' with-scrollbar' : ''),
         style: bodyStyle,
         ref: r => {
-          system.mergeRefs(innerBody)(r);
+          dsUtilities.mergeRefs(innerBody)(r);
         },
         children: generateRenderedRows()
       })

package/cjs/plugins/virtualization/VirtualizedBodyRow.js

@@ -1,12 +1,13 @@
 'use strict';
 
-function VirtualizedBodyRow({
-  data,
-  index,
-  style,
-  key,
-  isScrolling
-}) {
+function VirtualizedBodyRow(_ref) {
+  let {
+    data,
+    index,
+    style,
+    key,
+    isScrolling
+  } = _ref;
   const {
     rows,
     renderer: {