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

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';
@@ -45,11 +49,11 @@ const getHeaderRowProps = (props, grid) => {
     columnDraggingOffset.current += forward ? newColumnWidth : newColumnWidth * -1;
     newColumn.updateStyle({
       transitionDuration: '300ms',
-      transform: `translate3d(${columnTranslate}px, 0, 0)`
+      transform: "translate3d(".concat(columnTranslate, "px, 0, 0)")
     });
     oldColumn.updateStyle({
       transitionDuration: '300ms',
-      transform: `translate3d(${columnDraggingOffset.current}px, 0, 0)`
+      transform: "translate3d(".concat(columnDraggingOffset.current, "px, 0, 0)")
     });
     sortedColumns.current = arrayMove(sortedColumns.current, oldIndex, newIndex);
     onMoveColumnOver(params);

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
-}) => {
-  rowProps.className = `${rowsStylesheet.getRowClassName()}-header`;
+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,26 +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,4 +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';
 
@@ -41,7 +51,7 @@ function useColumnSizeService(instance) {
     const columnsArray = Object.values(columns.current);
     columnsArray.forEach(column => {
       const columnOffsetWidth = column.node.offsetWidth;
-      column.updateBodyHeaderWidth(`${columnOffsetWidth}px`, `${columnOffsetWidth}px`);
+      column.updateBodyHeaderWidth("".concat(columnOffsetWidth, "px"), "".concat(columnOffsetWidth, "px"));
     });
   };
 
@@ -95,7 +105,7 @@ function useColumnSizeService(instance) {
 
       if (percentValue) {
         const pxs = gridWidth * percentValue / 100;
-        const pxWidths = `${getColumnWidthSize(pxs, minColumnWidth, column)}px`;
+        const pxWidths = "".concat(getColumnWidthSize(pxs, minColumnWidth, column), "px");
         column.updateBodyHeaderWidth(pxWidths, pxWidths);
         columns.current[column.uuid].computedWidth = pxs;
 
@@ -108,7 +118,7 @@ function useColumnSizeService(instance) {
         const percentWidth = columnFixWidth / gridWidth * 100;
         const pxs = gridWidth * percentWidth / 100;
         const actualWidthAfterChecks = getColumnWidthSize(pxs, minColumnWidth, column);
-        column.updateBodyHeaderWidth(`${actualWidthAfterChecks}px`, column.minWidth || minColumnWidth ? `${column.minWidth || minColumnWidth}px` : `${pxs}px`);
+        column.updateBodyHeaderWidth("".concat(actualWidthAfterChecks, "px"), column.minWidth || minColumnWidth ? "".concat(column.minWidth || minColumnWidth, "px") : "".concat(pxs, "px"));
         resizedColumns.current[column.uuid] = actualWidthAfterChecks;
         columns.current[column.uuid].computedWidth = actualWidthAfterChecks;
       }

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

@@ -1,22 +1,25 @@
+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';
 
-/* eslint-disable no-param-reassign */
 const SCROLLBAR_WIDTH = getScrollbarWidth();
-const RowStylesheetHelper = ({
-  grid,
-  className
-}) => {
+const RowStylesheetHelper = _ref => {
+  let {
+    grid,
+    className
+  } = _ref;
   const {
     styleSheet,
     styleSheetElement
   } = stylesheet.create();
 
   const update = width => {
-    const widths = typeof width === 'string' ? width : `${width}px`;
+    const widths = typeof width === 'string' ? width : "".concat(width, "px");
     stylesheet.updateProperties(window, styleSheet, className, width ? {
       width: widths,
       minWidth: widths,
@@ -29,8 +32,8 @@ const RowStylesheetHelper = ({
     const {
       hasScroll
     } = grid.getState();
-    const headerWidth = `${width + (hasScroll ? SCROLLBAR_WIDTH : 0)}px`;
-    stylesheet.updateProperties(window, styleSheet, `${className}-header`, width ? {
+    const headerWidth = "".concat(width + (hasScroll ? SCROLLBAR_WIDTH : 0), "px");
+    stylesheet.updateProperties(window, styleSheet, "".concat(className, "-header"), width ? {
       width: headerWidth,
       minWidth: headerWidth,
       maxWidth: headerWidth
@@ -52,58 +55,68 @@ const RowStylesheetHelper = ({
   };
 };
 
-const getColumnClassName = ({
-  globalId,
-  column,
-  isHeader = false,
-  getId
-}) => `column-${globalId}-${getId(column)}${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 = `${width}px`;
+  if (typeof width === 'number') widths = "".concat(width, "px");
   let minWidths;
   if (typeof minWidth === 'string') minWidths = minWidth;
-  if (typeof minWidth === 'number') minWidths = `${minWidth}px`;
+  if (typeof minWidth === 'number') minWidths = "".concat(minWidth, "px");
   stylesheet.updateProperties(window, styleSheet, className, {
-    width: `${widths || minWidths}`,
-    minWidth: `${widths || minWidths}`,
+    width: "".concat(widths || minWidths),
+    minWidth: "".concat(widths || minWidths),
     // minWidth: `${minWidths || widths}`,
-    maxWidth: `${widths || minWidths}`
+    maxWidth: "".concat(widths || minWidths)
   });
 }
 
-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,
@@ -132,7 +145,7 @@ function columnSizesHelperImpl({
           getId,
           column
         });
-        const headerClassName = `${cellClassName}-header`;
+        const headerClassName = "".concat(cellClassName, "-header");
         set(column, 'header.props.className', headerClassName);
         set(column, 'cell.props.className', cellClassName);
 
@@ -187,11 +200,11 @@ function columnSizesHelperImpl({
     },
 
     getColumnHeaderClassName(column) {
-      return `${getColumnClassName({
+      return "".concat(getColumnClassName({
         globalId,
         getId,
         column
-      })}-header`;
+      }), "-header");
     },
 
     cleanup() {
@@ -210,11 +223,14 @@ 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-${bindRowSizeTo || grid.uuid}`;
+  const rowClassName = "row-".concat(bindRowSizeTo || grid.uuid);
   const [rowsStylesheet] = useState(() => RowStylesheetHelper({
     grid,
     className: rowClassName

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; }
@@ -53,9 +58,8 @@ class ComboBox extends Component {
   }
 
 }
-
-_defineProperty(ComboBox, "defaultProps", {
+ComboBox.defaultProps = {
   onValue: () => null
-});
+};
 
 export { ComboBox as default };

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
     });
@@ -89,9 +96,8 @@ class TextBox extends Component {
   }
 
 }
-
-_defineProperty(TextBox, "defaultProps", {
+TextBox.defaultProps = {
   onValue: () => null
-});
+};
 
 export { TextBox as default };

package/esm/plugins/editable/EditablePlugin.js

@@ -1,5 +1,5 @@
-import useDerivedStateFromProps from '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';
-import { toggleInObject } from '@elliemae/ds-utilities/utils';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useDerivedStateFromProps, toggleInObject } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { makeEditableConfig, addEditableToCell } from './decorateEditable.js';
 
@@ -30,12 +30,13 @@ const registerStateHook = grid => {
     });
   };
 
-  const editValue = ({
-    value,
-    rowData,
-    property,
-    rowIndex
-  }) => {
+  const editValue = _ref => {
+    let {
+      value,
+      rowData,
+      property,
+      rowIndex
+    } = _ref;
     setEditingRows({});
     onColumnRowEdited({
       value,
@@ -78,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,10 +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';
@@ -47,16 +53,19 @@ 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${column.customEditor ? ' customEditor' : ''}`);
+  column.cell.props.className = cx(column.cell.props.className, "editable".concat(column.customEditor ? ' customEditor' : ''));
   return appendCellFormatter([(value, extraParams) => /*#__PURE__*/jsx(Fragment, {
     children: /*#__PURE__*/_jsx("div", {
       onClick: e => {