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

package/esm/plugins/sortable/sorter.js

@@ -1,148 +1,166 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { get } from '@elliemae/ds-utilities/utils';
+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';
+import 'core-js/modules/esnext.iterator.find.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import { get } from '@elliemae/ds-utilities';
 import moment from '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(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 = get(row, `_${property}`, value);
-
-      if (realColumn.type === 'DateTime') {
-        return moment(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 = 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(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 = get(row, `_${property}`, value);
-
-      if (realColumn.type === 'DateTime') {
-        return moment(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 = get(row, "_".concat(property), value);
+
+        if (realColumn.type === 'DateTime') {
+          return moment(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;
+  };
 };
 
 export { sorter, sorterGroups };

package/esm/plugins/sortable/useSortableState.js

@@ -1,4 +1,12 @@
 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';
+import 'core-js/modules/esnext.async-iterator.filter.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 * as sortabular from 'sortabular/dist/index.js';
 import useDerivedStateFromProps from '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';
 import { checkIfSortable } from './checkIfSortable.js';

package/esm/plugins/toolbar/RowRenderer.js

@@ -1,8 +1,14 @@
+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 _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/utils';
+import { omit } from '@elliemae/ds-utilities';
 import { ToolbarTrigger } from './ToolbarTrigger.js';
 import { RowSizes } from '../../rowSizes.js';
 import { jsx } from 'react/jsx-runtime';
@@ -62,7 +68,7 @@ const RowRenderer = (Row, grid) => {
     }, props), {}, {
       style: rowStyle
     })), isEmpty(rowData) && !rowData.index && !rowData.rowIndex ? null : /*#__PURE__*/_jsx("div", {
-      className: `toolbar-trigger-container ${style ? 'move' : 'stay'}`,
+      className: "toolbar-trigger-container ".concat(style ? 'move' : 'stay'),
       style: _objectSpread({}, popStyle)
     }, void 0, /*#__PURE__*/_jsx(ToolbarTrigger, {
       grid: grid,

package/esm/plugins/toolbar/ToolbarPlugin.js

@@ -1,4 +1,5 @@
 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

@@ -1,9 +1,15 @@
+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 _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-basic/Button';
-import MoreOptionsVert from '@elliemae/ds-icons/MoreOptionsVert';
+import DSButton from '@elliemae/ds-button';
+import { MoreOptionsVert } from '@elliemae/ds-icons';
 
 var _MoreOptionsVert;
 
@@ -15,18 +21,18 @@ 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),
-  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.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,

package/esm/plugins/virtualization/AutoHeightList.js

@@ -1,10 +1,13 @@
+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 { forwardRef, useRef } from 'react';
 import { FixedSizeList } from 'react-window';
-import { cx } from '@elliemae/ds-utilities/utils';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
-import useWindowScrollerList from '@elliemae/ds-utilities/hooks/useWindowScrollerList';
+import { useWindowScrollerList, mergeRefs, cx } from '@elliemae/ds-utilities';
 import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["itemCount", "className", "innerRef", "itemData", "itemKey", "itemSize", "outerRef", "component"];

package/esm/plugins/virtualization/VirtualizationPlugin.js

@@ -1,10 +1,14 @@
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { useMemo, useRef } from 'react';
 import { get } from 'lodash';
 import FocusGridManager from '@elliemae/ds-shared/FocusGroup/FocusGrid';
-import { runAll } from '@elliemae/ds-utilities/utils';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
+import { mergeRefs, runAll } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import VirtualizedBody from './VirtualizedBody.js';
 import { jsx } from 'react/jsx-runtime';
@@ -46,28 +50,31 @@ const VirtualizationPlugin = createInstancePlugin('virtualization', {
 
       return /*#__PURE__*/_jsx(FocusGridManager, {
         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: runAll(e => {
-            if (e.ctrlKey) {
-              listRef.current.scrollToItem(0);
-              setTimeout(() => defaultBindings.Home(e), 10);
-            } else {
-              defaultBindings.Home(e);
-            }
-          }),
-          End: 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: runAll(e => {
+              if (e.ctrlKey) {
+                listRef.current.scrollToItem(0);
+                setTimeout(() => defaultBindings.Home(e), 10);
+              } else {
+                defaultBindings.Home(e);
+              }
+            }),
+            End: 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__*/jsx(VirtualizedBody, _objectSpread(_objectSpread({}, props), {}, {
         autoScrollToId: autoScrollToId,

package/esm/plugins/virtualization/VirtualizedBody.js

@@ -1,8 +1,17 @@
 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';
+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/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useState, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
-import { debounce, isNaN } from '@elliemae/ds-utilities/utils';
+import { debounce, isNaN, mergeRefs } from '@elliemae/ds-utilities';
 import NoResults from '../../components/NoResults.js';
 import VirtualizedBodyRow from './VirtualizedBodyRow.js';
 import { RowSizes } from '../../rowSizes.js';
@@ -90,9 +99,10 @@ const VirtualizedBody = props => {
   useEffect(() => {
     autoScrollTo(visibleHeight);
   }, [autoScrollToId, visibleHeight]);
-  const handler = useCallback(debounce(({
-    target
-  }) => {
+  const handler = useCallback(debounce(_ref => {
+    let {
+      target
+    } = _ref;
     // Update coordinates
     setScrollTop(target.scrollTop || 0);
   }, 100), [setScrollTop]);
@@ -236,7 +246,7 @@ const VirtualizedBody = props => {
       },
       children: /*#__PURE__*/jsx("div", {
         "data-testid": "virtualized-body",
-        className: `virtualized-body${hasScrollBar ? ' with-scrollbar' : ''}`,
+        className: "virtualized-body".concat(hasScrollBar ? ' with-scrollbar' : ''),
         style: bodyStyle,
         ref: r => {
           mergeRefs(innerBody)(r);

package/esm/plugins/virtualization/VirtualizedBodyRow.js

@@ -1,10 +1,11 @@
-function VirtualizedBodyRow({
-  data,
-  index,
-  style,
-  key,
-  isScrolling
-}) {
+function VirtualizedBodyRow(_ref) {
+  let {
+    data,
+    index,
+    style,
+    key,
+    isScrolling
+  } = _ref;
   const {
     rows,
     renderer: {

package/esm/renders/CellWithAddons.js

@@ -1,22 +1,23 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { get } from 'lodash';
-import { Grid } from '@elliemae/ds-basic/Grid';
-import DSTruncatedTooltipText from '@elliemae/ds-basic/TruncatedTooltipText';
+import Grid from '@elliemae/ds-grid';
+import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
 import { CellWrapper, ValueWrapper } from './styled.js';
 
-const CellWithAddons = ({
-  leftAddon,
-  keepLeftPadding,
-  rightAddon,
-  badgeAddon,
-  highLight,
-  isEdit,
-  editComponent,
-  value,
-  neutralText,
-  metaData
-}) => {
+const CellWithAddons = _ref => {
+  let {
+    leftAddon,
+    keepLeftPadding,
+    rightAddon,
+    badgeAddon,
+    highLight,
+    isEdit,
+    editComponent,
+    value,
+    neutralText,
+    metaData
+  } = _ref;
   const hasLeftAddon = !!leftAddon || keepLeftPadding;
   const hasRightAddon = !!rightAddon && !isEdit;
   const cols = [1];

package/esm/renders/styled.js

@@ -1,26 +1,14 @@
 import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-basic/Grid';
+import Grid from '@elliemae/ds-grid';
 
 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% + ${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']};
-  }
-  ` : '');
+})(["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  ") : '');
 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: ${props.theme.colors.neutral['500']};` : '');
+})(["display:flex;align-items:center;overflow:hidden;& > span{display:inline-flex;align-items:center;}", ""], props => props.grayText ? "color: ".concat(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/getPluginsFromProps.js

@@ -1,3 +1,6 @@
+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 { DndRowsPlugin } from '../plugins/row-dnd/DndRowsPlugin.js';
 import { DndColumnsPlugin } from '../plugins/column-dnd/DndColumnsPlugin.js';
 import { InfiniteScrollPlugin } from '../plugins/infinite-scrolling/InfiniteScrollPlugin.js';
@@ -27,7 +30,8 @@ const mapPropToPlugin = {
   groupedRows: GroupingPlugin,
   dragAndDropRows: DndRowsPlugin
 };
-function getPluginsFromProps(props, omit = {}) {
+function getPluginsFromProps(props) {
+  let omit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const plugins = [];
   Object.keys(mapPropToPlugin).forEach(key => {
     if (props[key] && !omit[key]) plugins.push(mapPropToPlugin[key]);

package/esm/utilities/getScrollbarSize.js

@@ -1,4 +1,5 @@
-function getScrollbarWidth(compensatePixels = 0) {
+function getScrollbarWidth() {
+  let compensatePixels = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   // Creating invisible container
   const outer = document.createElement('div');
   outer.style.visibility = 'hidden';