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

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

@@ -3,10 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var React = require('react');
 var reactSortableHoc = require('react-sortable-hoc');
-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 decorateGridWithDndColumns = require('./decorateGridWithDndColumns.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -60,7 +64,7 @@ const getHeaderRowProps = (props, grid) => {
       transitionDuration: '300ms',
       transform: "translate3d(".concat(columnDraggingOffset.current, "px, 0, 0)")
     });
-    sortedColumns.current = utils.arrayMove(sortedColumns.current, oldIndex, newIndex);
+    sortedColumns.current = dsUtilities.arrayMove(sortedColumns.current, oldIndex, newIndex);
     onMoveColumnOver(params);
   };
 
@@ -99,7 +103,7 @@ const getHeaderRowProps = (props, grid) => {
   return {
     axis: 'x',
     helperClass: 'header-dnd-column',
-    innerRef: system.mergeRefs(props.innerRef, headerRowRef),
+    innerRef: dsUtilities.mergeRefs(props.innerRef, headerRowRef),
     lockAxis: 'x',
     onSortEnd,
     onSortOver,
@@ -111,7 +115,7 @@ const getHeaderRowProps = (props, grid) => {
 const decorateRenderers = renderers => {
   const RowComponent = renderers.header.row;
   const CellComponent = renderers.header.cell;
-  const Row = React.useMemo(() => reactSortableHoc.SortableContainer(props => /*#__PURE__*/jsxRuntime.jsx(RowComponent, _objectSpread({}, utils.omit(props, keysToOmit)))), []);
+  const Row = React.useMemo(() => reactSortableHoc.SortableContainer(props => /*#__PURE__*/jsxRuntime.jsx(RowComponent, _objectSpread({}, dsUtilities.omit(props, keysToOmit)))), []);
   const Cell = React.useMemo(() => reactSortableHoc.SortableElement(CellComponent), []);
   return _objectSpread(_objectSpread({}, renderers), {}, {
     header: _objectSpread(_objectSpread({}, renderers.header), {}, {

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

@@ -5,17 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var reactSortableHoc = require('react-sortable-hoc');
-var GripperVertical = require('@elliemae/ds-icons/GripperVertical');
+var dsIcons = require('@elliemae/ds-icons');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var GripperVertical__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
 
 var _GripperVertical, _DragHandle;
-const DragHandle = reactSortableHoc.SortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](GripperVertical__default["default"], {
+const DragHandle = reactSortableHoc.SortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](dsIcons.GripperVertical, {
   className: "drag-handle"
 })));
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var useStylesheetHelpers = require('./useStylesheetHelpers.js');
 var useColumnSizeService = require('./useColumnSizeService.js');
@@ -16,17 +16,19 @@ var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createIns
 
 /* 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
-}) => {
-  rowProps.className = utils.cx(rowProps.className, rowsStylesheet.getRowClassName());
+const getRowProps = (rowProps, _ref2) => {
+  let {
+    rowsStylesheet
+  } = _ref2;
+  rowProps.className = dsUtilities.cx(rowProps.className, rowsStylesheet.getRowClassName());
   return rowProps;
 };
 

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

@@ -2,9 +2,14 @@
 
 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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var system = require('@elliemae/ds-utilities/system');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -13,10 +18,12 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 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 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;
@@ -60,7 +67,7 @@ const columnMeasurerTransformer = columnSizeService => (value, {
     }
   });
   return _objectSpread(_objectSpread({}, props), {}, {
-    innerRef: system.mergeRefs(cellRef, props.innerRef, registerColumn(column))
+    innerRef: dsUtilities.mergeRefs(cellRef, props.innerRef, registerColumn(column))
   });
 };
 

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var columnMeasurerTransformer = require('../columnMeasurerTransformer.js');
 
 function decorateColumn(column, grid, index) {
   const transformsPath = ['header', 'transforms'];
-  const transforms = utils.get(column, transformsPath, []);
+  const transforms = dsUtilities.get(column, transformsPath, []);
   transforms.push(columnMeasurerTransformer.columnMeasurerTransformer(grid.columnSizeService));
   column.index = index;
-  utils.set(column, transformsPath, transforms);
+  dsUtilities.set(column, transformsPath, transforms);
   return column;
 }
 

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

@@ -4,33 +4,38 @@ 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.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 useResizeObserver = require('@elliemae/ds-utilities/hooks/useResizeObserver');
-var system = require('@elliemae/ds-utilities/system');
+var dsUtilities = require('@elliemae/ds-utilities');
 var utils = require('../utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var useResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(useResizeObserver);
 
 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; }
-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] = React.useState();
-  useResizeObserver__default["default"](({
-    width
-  }) => {
+  dsUtilities.useResizeObserver(_ref2 => {
+    let {
+      width
+    } = _ref2;
     if (!refs.header.current) return;
     if (typeof scrollbarWidth.current !== 'number') scrollbarWidth.current = utils.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)
@@ -51,7 +56,7 @@ function getTableProps(tableProps, {
     if (typeof bodyWidth.current !== 'number') bodyWidth.current = refs.body.clientWidth;
   }, [columns, tableNode]);
   return _objectSpread(_objectSpread({}, tableProps), {}, {
-    innerRef: system.mergeRefs(tableRefCallback, tableProps.innerRef, tableRef)
+    innerRef: dsUtilities.mergeRefs(tableRefCallback, tableProps.innerRef, tableRef)
   });
 }
 

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

@@ -2,6 +2,15 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 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.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.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.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 var React = require('react');
 var utils = require('./utils.js');
 

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

@@ -2,10 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('core-js/modules/web.dom-collections.iterator.js');
 var stylesheet = require('stylesheet-helpers');
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var getColumnNameFromProperty = require('./getColumnNameFromProperty.js');
 var getScrollbarSize = require('../../utilities/getScrollbarSize.js');
 
@@ -30,10 +32,11 @@ function _interopNamespace(e) {
 var stylesheet__namespace = /*#__PURE__*/_interopNamespace(stylesheet);
 
 const SCROLLBAR_WIDTH = getScrollbarSize.getScrollbarWidth();
-const RowStylesheetHelper = ({
-  grid,
-  className
-}) => {
+const RowStylesheetHelper = _ref => {
+  let {
+    grid,
+    className
+  } = _ref;
   const {
     styleSheet,
     styleSheetElement
@@ -76,19 +79,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");
@@ -103,31 +110,37 @@ function setWidth({
   });
 }
 
-function updateStyle({
-  styleSheet,
-  className,
-  style
-}) {
+function updateStyle(_ref4) {
+  let {
+    styleSheet,
+    className,
+    style
+  } = _ref4;
   stylesheet__namespace.updateProperties(window, styleSheet, className, style);
 }
 
-function columnSizesHelperImpl({
-  globalId,
-  getId = ({
-    property
-  }) => getColumnNameFromProperty(property)
-}) {
+function columnSizesHelperImpl(_ref5) {
+  let {
+    globalId,
+    getId = _ref6 => {
+      let {
+        property
+      } = _ref6;
+      return getColumnNameFromProperty(property);
+    }
+  } = _ref5;
   const {
     styleSheetElement,
     styleSheet
   } = stylesheet__namespace.create();
 
-  const updateBodyHeaderWidth = ({
-    className,
-    headerClassName,
-    width,
-    minWidth
-  }) => {
+  const updateBodyHeaderWidth = _ref7 => {
+    let {
+      className,
+      headerClassName,
+      width,
+      minWidth
+    } = _ref7;
     setWidth({
       styleSheet,
       className,
@@ -157,8 +170,8 @@ function columnSizesHelperImpl({
           column
         });
         const headerClassName = "".concat(cellClassName, "-header");
-        utils.set(column, 'header.props.className', headerClassName);
-        utils.set(column, 'cell.props.className', cellClassName);
+        dsUtilities.set(column, 'header.props.className', headerClassName);
+        dsUtilities.set(column, 'cell.props.className', cellClassName);
 
         column.updateBodyHeaderWidth = (width, minWidth) => {
           updateBodyHeaderWidth({
@@ -234,9 +247,12 @@ function useStylesheetHelpers(grid) {
   } = grid;
   const [columnsStylesheet] = React.useState(() => columnSizesHelperImpl({
     globalId: bindColumnsSizeTo || grid.uuid,
-    getId: ({
-      uuid
-    }) => getColumnNameFromProperty(uuid)
+    getId: _ref8 => {
+      let {
+        uuid
+      } = _ref8;
+      return getColumnNameFromProperty(uuid);
+    }
   }));
   const rowClassName = "row-".concat(bindRowSizeTo || grid.uuid);
   const [rowsStylesheet] = React.useState(() => RowStylesheetHelper({

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

@@ -2,11 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('@elliemae/ds-utilities/utils');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 function getScrollbarSizeFromHeaderAndBody(refs) {
-  const innerBodyOffsetWidth = utils.get(refs, ['innerBody', 'current', 'offsetWidth']);
-  const headerOffsetWidth = utils.get(refs, ['header', 'current', 'offsetWidth']);
+  const innerBodyOffsetWidth = dsUtilities.get(refs, ['innerBody', 'current', 'offsetWidth']);
+  const headerOffsetWidth = dsUtilities.get(refs, ['header', 'current', 'offsetWidth']);
   return headerOffsetWidth - innerBodyOffsetWidth;
 }
 const isScrollbarVisible = element => element.scrollHeight > element.clientHeight;
@@ -25,9 +28,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/cjs/plugins/custom-cell-renderer/addCustomRendererToCell.js

@@ -2,8 +2,13 @@
 
 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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
 var getRendererComponent = require('./getRendererComponent.js');
 
@@ -46,14 +51,14 @@ const addCustomRendererToCell = grid => column => {
   const {
     customRenderer
   } = column;
-  const customHeaderRenderer = utils.get(column, ['header', 'customRenderer']);
+  const customHeaderRenderer = dsUtilities.get(column, ['header', 'customRenderer']);
   if (!customRenderer && !customHeaderRenderer) return column;
 
-  if (utils.isFunction(customHeaderRenderer)) {
+  if (dsUtilities.isFunction(customHeaderRenderer)) {
     column.header.formatters.push(getRenderer(customHeaderRenderer, grid));
   }
 
-  if (utils.isFunction(customRenderer)) {
+  if (dsUtilities.isFunction(customRenderer)) {
     column = initColumnDefinition.appendCellFormatter(getRenderer(customRenderer, grid, column), column);
   } else {
     if (!customRenderer) return column;

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

@@ -2,13 +2,14 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 require('react');
-var DSButton = require('@elliemae/ds-basic/Button');
-var DSCheckbox = require('@elliemae/ds-basic/form/Checkbox');
-var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
-var DSRadio = require('@elliemae/ds-basic/form/Radio');
-var DSTextBox = require('@elliemae/ds-basic/form/TextBox');
-var DSToggle = require('@elliemae/ds-basic/form/Toggle');
+var DSButton = require('@elliemae/ds-button');
+var dsForm = require('@elliemae/ds-form');
 var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
 var index = require('../../components/renderers/index.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -18,11 +19,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
-var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
-var DSRadio__default = /*#__PURE__*/_interopDefaultLegacy(DSRadio);
-var DSTextBox__default = /*#__PURE__*/_interopDefaultLegacy(DSTextBox);
-var DSToggle__default = /*#__PURE__*/_interopDefaultLegacy(DSToggle);
 var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
 
 const _excluded = ["type", "handlers"];
@@ -32,19 +28,22 @@ 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__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 components = {
   DSButton: DSButton__default["default"],
-  DSCheckbox: DSCheckbox__default["default"],
-  DSComboBox: DSComboBox__default["default"],
-  DSRadio: DSRadio__default["default"],
-  DSTextBox: DSTextBox__default["default"],
-  DSToggle: DSToggle__default["default"],
+  DSCheckbox: dsForm.DSCheckbox,
+  DSComboBox: dsForm.DSComboBox,
+  DSRadio: dsForm.DSRadio,
+  DSTextBox: dsForm.DSTextBox,
+  DSToggle: dsForm.DSToggle,
   DSDropdownMenu: DSDropdownMenu__default["default"]
 };
 
-const getRendererComponent = ({
-  props
-}, _ref, {
-  rowData
-}) => {
+const getRendererComponent = (_ref2, _ref, _ref3) => {
+  let {
+    props
+  } = _ref2;
+  let {
+    rowData
+  } = _ref3;
+
   let {
     type = 'DSTextBox',
     handlers

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

@@ -1,14 +1,18 @@
 '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 React = require('react');
-var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
+var dsForm = require('@elliemae/ds-form');
 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 DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
 
 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; }
 
@@ -50,7 +54,7 @@ class ComboBox extends React.Component {
     const {
       value
     } = this.state;
-    return /*#__PURE__*/jsxRuntime.jsx(DSComboBox__default["default"], _objectSpread(_objectSpread({}, this.props), {}, {
+    return /*#__PURE__*/jsxRuntime.jsx(dsForm.DSComboBox, _objectSpread(_objectSpread({}, this.props), {}, {
       menuIsOpen: true,
       onBlur: this.handleBlur,
       onChange: this.handleChange,

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

@@ -1,15 +1,19 @@
 '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 React = require('react');
-var DSTextBox = require('@elliemae/ds-basic/form/TextBox');
+var dsForm = require('@elliemae/ds-form');
 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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSTextBox__default = /*#__PURE__*/_interopDefaultLegacy(DSTextBox);
 
 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; }
 
@@ -35,12 +39,13 @@ class TextBox extends React.Component {
     }, 50);
   }
 
-  handleKeyUp({
-    key,
-    target: {
-      value
-    }
-  }) {
+  handleKeyUp(_ref) {
+    let {
+      key,
+      target: {
+        value
+      }
+    } = _ref;
     const {
       onValue
     } = this.props;
@@ -69,11 +74,12 @@ class TextBox extends React.Component {
     onValue(value);
   }
 
-  handleChange({
-    target: {
-      value
-    }
-  }) {
+  handleChange(_ref2) {
+    let {
+      target: {
+        value
+      }
+    } = _ref2;
     this.setState({
       value
     });
@@ -83,7 +89,7 @@ class TextBox extends React.Component {
     const {
       value
     } = this.state;
-    return /*#__PURE__*/jsxRuntime.jsx(DSTextBox__default["default"], _objectSpread(_objectSpread({
+    return /*#__PURE__*/jsxRuntime.jsx(dsForm.DSTextBox, _objectSpread(_objectSpread({
       "data-testid": "ds-datagrids-editable-text-box"
     }, this.props), {}, {
       innerRef: this.inputRef,