@elliemae/ds-datagrids 2.0.0-next.7 → 2.0.0-rc.2

package/esm/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js

@@ -1,8 +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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { useMemo, useRef, useEffect } from 'react';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
+import { mergeRefs } from '@elliemae/ds-utilities';
 import { ScrollSync, ScrollSyncPane } from '@elliemae/ds-shared/ScrollSync';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { getScrollbarWidth } from '../../utilities/getScrollbarSize.js';
@@ -15,13 +20,16 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 getScrollbarWidth(2);
 
-const HeaderSyncHoc = Component => props => /*#__PURE__*/_jsx(ScrollSyncPane, {}, void 0, ({
-  registerPane
-}) => /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
-  innerRef: mergeRefs(props.innerRef, registerPane)
-})));
+const HeaderSyncHoc = Component => props => /*#__PURE__*/_jsx(ScrollSyncPane, {}, void 0, _ref => {
+  let {
+    registerPane
+  } = _ref;
+  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
+    innerRef: mergeRefs(props.innerRef, registerPane)
+  }));
+});
 
-const BodySyncHoc = (Component, notPaginated, grid) => _ref => {
+const BodySyncHoc = (Component, notPaginated, grid) => _ref2 => {
   let {
     children,
     classProps,
@@ -44,8 +52,8 @@ const BodySyncHoc = (Component, notPaginated, grid) => _ref => {
     useDragHandle,
     className,
     listComponent
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
+  } = _ref2,
+      rest = _objectWithoutProperties(_ref2, _excluded);
 
   const t = useRef();
 
@@ -65,32 +73,35 @@ const BodySyncHoc = (Component, notPaginated, grid) => _ref => {
   });
   return /*#__PURE__*/_jsx(ScrollSyncPane, {
     notPaginated: notPaginated
-  }, void 0, ({
-    registerPane
-  }) => /*#__PURE__*/jsx(Component, _objectSpread({
-    ref: t,
-    classProps: classProps,
-    className: className,
-    listComponent: listComponent,
-    columns: columns,
-    getContainer: getContainer,
-    helperClass: helperClass,
-    innerBodyRef: innerBodyRef // innerRef={innerRef}
-    ,
-    isPlaceholderActive: isPlaceholderActive,
-    listProps: listProps,
-    lockAxis: lockAxis,
-    noResultsPlaceholder: noResultsPlaceholder,
-    numRowsVisible: numRowsVisible,
-    onSortEnd: onSortEnd,
-    onSortOver: onSortOver,
-    onSortStart: onSortStart,
-    rowKey: rowKey,
-    rowRenderer: rowRenderer,
-    rows: rows,
-    useDragHandle: useDragHandle,
-    innerRef: mergeRefs(innerRef, registerPane, t)
-  }, rest)));
+  }, void 0, _ref3 => {
+    let {
+      registerPane
+    } = _ref3;
+    return /*#__PURE__*/jsx(Component, _objectSpread({
+      ref: t,
+      classProps: classProps,
+      className: className,
+      listComponent: listComponent,
+      columns: columns,
+      getContainer: getContainer,
+      helperClass: helperClass,
+      innerBodyRef: innerBodyRef // innerRef={innerRef}
+      ,
+      isPlaceholderActive: isPlaceholderActive,
+      listProps: listProps,
+      lockAxis: lockAxis,
+      noResultsPlaceholder: noResultsPlaceholder,
+      numRowsVisible: numRowsVisible,
+      onSortEnd: onSortEnd,
+      onSortOver: onSortOver,
+      onSortStart: onSortStart,
+      rowKey: rowKey,
+      rowRenderer: rowRenderer,
+      rows: rows,
+      useDragHandle: useDragHandle,
+      innerRef: mergeRefs(innerRef, registerPane, t)
+    }, rest));
+  });
 };
 
 const TableSyncHoc = Component => props => /*#__PURE__*/_jsx(ScrollSync, {

package/esm/plugins/column-dnd/DndColumnsPlugin.js

@@ -1,8 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+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/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import { useRef, useEffect, useMemo } from 'react';
 import { SortableContainer, SortableElement } from 'react-sortable-hoc';
-import { omit, arrayMove } from '@elliemae/ds-utilities/utils';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
+import { mergeRefs, omit, arrayMove } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { addDragAndDropToColumn } from './decorateGridWithDndColumns.js';
 import { jsx } from 'react/jsx-runtime';

package/esm/plugins/column-dnd/decorateGridWithDndColumns.js

@@ -1,7 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { SortableHandle } from 'react-sortable-hoc';
-import GripperVertical from '@elliemae/ds-icons/GripperVertical';
+import { GripperVertical } from '@elliemae/ds-icons';
 import { appendHeaderFormatter, mergeClassNameToColumnHeader } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
 import { jsxs, Fragment } from 'react/jsx-runtime';
 

package/esm/plugins/column-sizing/ColumnSizingPlugin.js

@@ -1,5 +1,5 @@
 import { useRef } from 'react';
-import { cx } from '@elliemae/ds-utilities/utils';
+import { cx } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { useStylesheetHelpers } from './useStylesheetHelpers.js';
 import useColumnSizeService from './useColumnSizeService.js';
@@ -8,16 +8,18 @@ import { decorateColumn } from './ext-points/decorateColumn.js';
 
 /* eslint-disable no-param-reassign */
 
-const getHeaderRowProps = (rowProps, {
-  rowsStylesheet
-}) => {
+const getHeaderRowProps = (rowProps, _ref) => {
+  let {
+    rowsStylesheet
+  } = _ref;
   rowProps.className = "".concat(rowsStylesheet.getRowClassName(), "-header");
   return rowProps;
 };
 
-const getRowProps = (rowProps, {
-  rowsStylesheet
-}) => {
+const getRowProps = (rowProps, _ref2) => {
+  let {
+    rowsStylesheet
+  } = _ref2;
   rowProps.className = cx(rowProps.className, rowsStylesheet.getRowClassName());
   return rowProps;
 };

package/esm/plugins/column-sizing/columnMeasurerTransformer.js

@@ -1,14 +1,21 @@
+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 { useRef, useLayoutEffect } from 'react';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
+import { mergeRefs } from '@elliemae/ds-utilities';
 
 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 columnMeasurerTransformer = columnSizeService => (value, {
-  column,
-  grid
-}, props = {}) => {
+const columnMeasurerTransformer = columnSizeService => function (value, _ref) {
+  let {
+    column,
+    grid
+  } = _ref;
+  let props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   const {
     registerColumn
   } = columnSizeService;

package/esm/plugins/column-sizing/ext-points/decorateColumn.js

@@ -1,4 +1,4 @@
-import { get, set } from '@elliemae/ds-utilities/utils';
+import { get, set } from '@elliemae/ds-utilities';
 import { columnMeasurerTransformer } from '../columnMeasurerTransformer.js';
 
 function decorateColumn(column, grid, index) {

package/esm/plugins/column-sizing/ext-points/getTableProps.js

@@ -1,27 +1,33 @@
+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 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
-import useResizeObserver from '@elliemae/ds-utilities/hooks/useResizeObserver';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
+import { useResizeObserver, mergeRefs } from '@elliemae/ds-utilities';
 import { getScrollbarSizeFromHeaderAndBody } from '../utils.js';
 
 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; }
-function getTableProps(tableProps, {
-  refs,
-  tableRef,
-  bodyWidth,
-  scrollbarWidth,
-  isDragging,
-  columnSizeService,
-  updateRowWidth,
-  columns
-}) {
+function getTableProps(tableProps, _ref) {
+  let {
+    refs,
+    tableRef,
+    bodyWidth,
+    scrollbarWidth,
+    isDragging,
+    columnSizeService,
+    updateRowWidth,
+    columns
+  } = _ref;
   const [tableNode, tableRefCallback] = useState();
-  useResizeObserver(({
-    width
-  }) => {
+  useResizeObserver(_ref2 => {
+    let {
+      width
+    } = _ref2;
     if (!refs.header.current) return;
     if (typeof scrollbarWidth.current !== 'number') scrollbarWidth.current = getScrollbarSizeFromHeaderAndBody(refs);
     if (typeof bodyWidth.current !== 'number') bodyWidth.current = refs.body.offsetWidth; // DataGrid: header with width 0 after redirect from details page (https://jira.elliemae.io/browse/PUI-2162)

package/esm/plugins/column-sizing/useColumnSizeService.js

@@ -1,5 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 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.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.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.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { getColumnWidthSize, getPercentageValue } from './utils.js';
 

package/esm/plugins/column-sizing/useStylesheetHelpers.js

@@ -1,15 +1,18 @@
+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 * as stylesheet from 'stylesheet-helpers';
 import { useState, useEffect } from 'react';
-import { set } from '@elliemae/ds-utilities/utils';
+import { set } from '@elliemae/ds-utilities';
 import getColumnFromProperty from './getColumnNameFromProperty.js';
 import { getScrollbarWidth } from '../../utilities/getScrollbarSize.js';
 
 const SCROLLBAR_WIDTH = getScrollbarWidth();
-const RowStylesheetHelper = ({
-  grid,
-  className
-}) => {
+const RowStylesheetHelper = _ref => {
+  let {
+    grid,
+    className
+  } = _ref;
   const {
     styleSheet,
     styleSheetElement
@@ -52,19 +55,23 @@ const RowStylesheetHelper = ({
   };
 };
 
-const getColumnClassName = ({
-  globalId,
-  column,
-  isHeader = false,
-  getId
-}) => "column-".concat(globalId, "-").concat(getId(column)).concat(isHeader ? '-header' : '');
-
-function setWidth({
-  styleSheet,
-  className,
-  width,
-  minWidth
-}) {
+const getColumnClassName = _ref2 => {
+  let {
+    globalId,
+    column,
+    isHeader = false,
+    getId
+  } = _ref2;
+  return "column-".concat(globalId, "-").concat(getId(column)).concat(isHeader ? '-header' : '');
+};
+
+function setWidth(_ref3) {
+  let {
+    styleSheet,
+    className,
+    width,
+    minWidth
+  } = _ref3;
   let widths;
   if (typeof width === 'string') widths = width;
   if (typeof width === 'number') widths = "".concat(width, "px");
@@ -79,31 +86,37 @@ function setWidth({
   });
 }
 
-function updateStyle({
-  styleSheet,
-  className,
-  style
-}) {
+function updateStyle(_ref4) {
+  let {
+    styleSheet,
+    className,
+    style
+  } = _ref4;
   stylesheet.updateProperties(window, styleSheet, className, style);
 }
 
-function columnSizesHelperImpl({
-  globalId,
-  getId = ({
-    property
-  }) => getColumnFromProperty(property)
-}) {
+function columnSizesHelperImpl(_ref5) {
+  let {
+    globalId,
+    getId = _ref6 => {
+      let {
+        property
+      } = _ref6;
+      return getColumnFromProperty(property);
+    }
+  } = _ref5;
   const {
     styleSheetElement,
     styleSheet
   } = stylesheet.create();
 
-  const updateBodyHeaderWidth = ({
-    className,
-    headerClassName,
-    width,
-    minWidth
-  }) => {
+  const updateBodyHeaderWidth = _ref7 => {
+    let {
+      className,
+      headerClassName,
+      width,
+      minWidth
+    } = _ref7;
     setWidth({
       styleSheet,
       className,
@@ -210,9 +223,12 @@ function useStylesheetHelpers(grid) {
   } = grid;
   const [columnsStylesheet] = useState(() => columnSizesHelperImpl({
     globalId: bindColumnsSizeTo || grid.uuid,
-    getId: ({
-      uuid
-    }) => getColumnFromProperty(uuid)
+    getId: _ref8 => {
+      let {
+        uuid
+      } = _ref8;
+      return getColumnFromProperty(uuid);
+    }
   }));
   const rowClassName = "row-".concat(bindRowSizeTo || grid.uuid);
   const [rowsStylesheet] = useState(() => RowStylesheetHelper({

package/esm/plugins/column-sizing/utils.js

@@ -1,4 +1,7 @@
-import { get } from '@elliemae/ds-utilities/utils';
+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 { get } from '@elliemae/ds-utilities';
 
 function getScrollbarSizeFromHeaderAndBody(refs) {
   const innerBodyOffsetWidth = get(refs, ['innerBody', 'current', 'offsetWidth']);
@@ -21,9 +24,10 @@ const getColumnWidthSize = (width, minWidth, column) => {
 };
 const calculateMinWidthForWrappedText = columns => {
   let longestWord = 0;
-  columns.forEach(({
-    label
-  }) => {
+  columns.forEach(_ref => {
+    let {
+      label
+    } = _ref;
     const localLongestWord = label.split(' ').sort((a, b) => b.length - a.length)[0].length;
     if (localLongestWord > longestWord) longestWord = localLongestWord;
   });

package/esm/plugins/custom-cell-renderer/addCustomRendererToCell.js

@@ -1,5 +1,10 @@
+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 { get, isFunction } from '@elliemae/ds-utilities/utils';
+import { get, isFunction } from '@elliemae/ds-utilities';
 import { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
 import getRendererComponent from './getRendererComponent.js';
 

package/esm/plugins/custom-cell-renderer/getRendererComponent.js

@@ -1,12 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+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/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import 'react';
-import DSButton from '@elliemae/ds-basic/Button';
-import DSCheckbox from '@elliemae/ds-basic/form/Checkbox';
-import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
-import DSRadio from '@elliemae/ds-basic/form/Radio';
-import DSTextBox from '@elliemae/ds-basic/form/TextBox';
-import DSToggle from '@elliemae/ds-basic/form/Toggle';
+import DSButton from '@elliemae/ds-button';
+import { DSCheckbox, DSComboBox, DSRadio, DSTextBox, DSToggle } from '@elliemae/ds-form';
 import DSDropdownMenu from '@elliemae/ds-dropdownmenu';
 import * as index from '../../components/renderers/index.js';
 import { jsx } from 'react/jsx-runtime';
@@ -26,11 +27,14 @@ const components = {
   DSDropdownMenu
 };
 
-const getRendererComponent = ({
-  props
-}, _ref, {
-  rowData
-}) => {
+const getRendererComponent = (_ref2, _ref, _ref3) => {
+  let {
+    props
+  } = _ref2;
+  let {
+    rowData
+  } = _ref3;
+
   let {
     type = 'DSTextBox',
     handlers

package/esm/plugins/editable/EditableComponents/ComboBox.js

@@ -1,6 +1,11 @@
+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 { Component } from 'react';
-import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
+import { DSComboBox } from '@elliemae/ds-form';
 import { jsx } from 'react/jsx-runtime';
 
 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; }

package/esm/plugins/editable/EditableComponents/TextBox.js

@@ -1,6 +1,11 @@
+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 React, { Component } from 'react';
-import DSTextBox from '@elliemae/ds-basic/form/TextBox';
+import { DSTextBox } from '@elliemae/ds-form';
 import { jsx } from 'react/jsx-runtime';
 
 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; }
@@ -27,12 +32,13 @@ class TextBox extends Component {
     }, 50);
   }
 
-  handleKeyUp({
-    key,
-    target: {
-      value
-    }
-  }) {
+  handleKeyUp(_ref) {
+    let {
+      key,
+      target: {
+        value
+      }
+    } = _ref;
     const {
       onValue
     } = this.props;
@@ -61,11 +67,12 @@ class TextBox extends Component {
     onValue(value);
   }
 
-  handleChange({
-    target: {
-      value
-    }
-  }) {
+  handleChange(_ref2) {
+    let {
+      target: {
+        value
+      }
+    } = _ref2;
     this.setState({
       value
     });

package/esm/plugins/editable/EditablePlugin.js

@@ -1,6 +1,5 @@
 import 'core-js/modules/web.dom-collections.iterator.js';
-import useDerivedStateFromProps from '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';
-import { toggleInObject } from '@elliemae/ds-utilities/utils';
+import { useDerivedStateFromProps, toggleInObject } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { makeEditableConfig, addEditableToCell } from './decorateEditable.js';
 
@@ -31,12 +30,13 @@ const registerStateHook = grid => {
     });
   };
 
-  const editValue = ({
-    value,
-    rowData,
-    property,
-    rowIndex
-  }) => {
+  const editValue = _ref => {
+    let {
+      value,
+      rowData,
+      property,
+      rowIndex
+    } = _ref;
     setEditingRows({});
     onColumnRowEdited({
       value,
@@ -79,10 +79,11 @@ const EditablePlugin = createInstancePlugin('editable', {
   registerHotKeys(grid) {
     return {
       key: 'enter',
-      handler: ({
-        rowIndex,
-        cellIndex
-      }) => {
+      handler: _ref2 => {
+        let {
+          rowIndex,
+          cellIndex
+        } = _ref2;
         const {
           composedRows,
           decoratedColumns,

package/esm/plugins/editable/decorateEditable.js

@@ -1,11 +1,16 @@
+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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import * as edit from 'react-edit';
-import EditPencil from '@elliemae/ds-icons/EditPencil';
-import { cx } from '@elliemae/ds-utilities/utils';
+import { EditPencil } from '@elliemae/ds-icons';
+import { cx } from '@elliemae/ds-utilities';
 import { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
 import getEditorComponent from './getEditorComponent.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
@@ -48,14 +53,17 @@ const makeEditableConfig = grid => edit.edit({
     return editingRows[rowData[rowKey]] === columnIndex || column.alwaysEditing || isCustomEditing;
   },
   onActivate: () => null,
-  onValue: (...args) => grid.getInstance().actions.editValue(...args)
+  onValue: function () {
+    return grid.getInstance().actions.editValue(...arguments);
+  }
 });
 
-const addEditableToCell = ({
-  column,
-  config,
-  handlers
-}, grid) => {
+const addEditableToCell = (_ref2, grid) => {
+  let {
+    column,
+    config,
+    handlers
+  } = _ref2;
   column.cell.transforms.push(config(getEditorComponent(column.customEditor, handlers)));
   column.cell.props.className = cx(column.cell.props.className, "editable".concat(column.customEditor ? ' customEditor' : ''));
   return appendCellFormatter([(value, extraParams) => /*#__PURE__*/jsx(Fragment, {