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

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

@@ -3,33 +3,39 @@
 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 _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, _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)
@@ -50,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

@@ -1,6 +1,16 @@
 'use strict';
 
 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');
 
@@ -10,7 +20,7 @@ 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; }
+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 useColumnSizeService(instance) {
   const columns = React.useRef({});
   const [expandableGridDetailWidth, setExpandableGridDetailWidth] = React.useState(0);
@@ -47,7 +57,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"));
     });
   };
 
@@ -101,7 +111,7 @@ function useColumnSizeService(instance) {
 
       if (percentValue) {
         const pxs = gridWidth * percentValue / 100;
-        const pxWidths = `${utils.getColumnWidthSize(pxs, minColumnWidth, column)}px`;
+        const pxWidths = "".concat(utils.getColumnWidthSize(pxs, minColumnWidth, column), "px");
         column.updateBodyHeaderWidth(pxWidths, pxWidths);
         columns.current[column.uuid].computedWidth = pxs;
 
@@ -114,7 +124,7 @@ function useColumnSizeService(instance) {
         const percentWidth = columnFixWidth / gridWidth * 100;
         const pxs = gridWidth * percentWidth / 100;
         const actualWidthAfterChecks = utils.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/cjs/plugins/column-sizing/useStylesheetHelpers.js

@@ -2,9 +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');
 
@@ -17,32 +20,30 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
 var stylesheet__namespace = /*#__PURE__*/_interopNamespace(stylesheet);
 
-/* eslint-disable no-param-reassign */
 const SCROLLBAR_WIDTH = getScrollbarSize.getScrollbarWidth();
-const RowStylesheetHelper = ({
-  grid,
-  className
-}) => {
+const RowStylesheetHelper = _ref => {
+  let {
+    grid,
+    className
+  } = _ref;
   const {
     styleSheet,
     styleSheetElement
   } = stylesheet__namespace.create();
 
   const update = width => {
-    const widths = typeof width === 'string' ? width : `${width}px`;
+    const widths = typeof width === 'string' ? width : "".concat(width, "px");
     stylesheet__namespace.updateProperties(window, styleSheet, className, width ? {
       width: widths,
       minWidth: widths,
@@ -55,8 +56,8 @@ const RowStylesheetHelper = ({
     const {
       hasScroll
     } = grid.getState();
-    const headerWidth = `${width + (hasScroll ? SCROLLBAR_WIDTH : 0)}px`;
-    stylesheet__namespace.updateProperties(window, styleSheet, `${className}-header`, width ? {
+    const headerWidth = "".concat(width + (hasScroll ? SCROLLBAR_WIDTH : 0), "px");
+    stylesheet__namespace.updateProperties(window, styleSheet, "".concat(className, "-header"), width ? {
       width: headerWidth,
       minWidth: headerWidth,
       maxWidth: headerWidth
@@ -78,58 +79,68 @@ const RowStylesheetHelper = ({
   };
 };
 
-const getColumnClassName = ({
-  globalId,
-  column,
-  isHeader = false,
-  getId
-}) => `column-${globalId}-${getId(column)}${isHeader ? '-header' : ''}`;
+const getColumnClassName = _ref2 => {
+  let {
+    globalId,
+    column,
+    isHeader = false,
+    getId
+  } = _ref2;
+  return "column-".concat(globalId, "-").concat(getId(column)).concat(isHeader ? '-header' : '');
+};
 
-function setWidth({
-  styleSheet,
-  className,
-  width,
-  minWidth
-}) {
+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__namespace.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__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,
@@ -158,9 +169,9 @@ function columnSizesHelperImpl({
           getId,
           column
         });
-        const headerClassName = `${cellClassName}-header`;
-        utils.set(column, 'header.props.className', headerClassName);
-        utils.set(column, 'cell.props.className', cellClassName);
+        const headerClassName = "".concat(cellClassName, "-header");
+        dsUtilities.set(column, 'header.props.className', headerClassName);
+        dsUtilities.set(column, 'cell.props.className', cellClassName);
 
         column.updateBodyHeaderWidth = (width, minWidth) => {
           updateBodyHeaderWidth({
@@ -213,11 +224,11 @@ function columnSizesHelperImpl({
     },
 
     getColumnHeaderClassName(column) {
-      return `${getColumnClassName({
+      return "".concat(getColumnClassName({
         globalId,
         getId,
         column
-      })}-header`;
+      }), "-header");
     },
 
     cleanup() {
@@ -236,11 +247,14 @@ 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-${bindRowSizeTo || grid.uuid}`;
+  const rowClassName = "row-".concat(bindRowSizeTo || grid.uuid);
   const [rowsStylesheet] = React.useState(() => RowStylesheetHelper({
     grid,
     className: rowClassName

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/CustomRendererPlugin.js

@@ -9,9 +9,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
-const decorateColumn = (column, grid) => addCustomRendererToCell['default'](grid)(column);
+const decorateColumn = (column, grid) => addCustomRendererToCell["default"](grid)(column);
 
-const CustomRendererPlugin = createInstancePlugin__default['default']('custom-renderer', {
+const CustomRendererPlugin = createInstancePlugin__default["default"]('custom-renderer', {
   decorateColumn
 });
 

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');
 
@@ -13,7 +18,7 @@ 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; }
+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 getRenderer = (renderer, grid, column) => (value, metaData) => {
   const {
     props: {
@@ -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;
@@ -63,5 +68,5 @@ const addCustomRendererToCell = grid => column => {
   return column;
 };
 
-exports['default'] = addCustomRendererToCell;
+exports["default"] = addCustomRendererToCell;
 exports.getRenderer = getRenderer;

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,38 +19,36 @@ 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"];
 
 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 _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'],
-  DSDropdownMenu: DSDropdownMenu__default['default']
+  DSButton: DSButton__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
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const Component = components[type] || index[type];
   const {

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

@@ -1,18 +1,22 @@
 '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; }
 
-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 _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; }
 class ComboBox extends React.Component {
   constructor(props) {
     super(props);
@@ -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,
@@ -60,9 +64,8 @@ class ComboBox extends React.Component {
   }
 
 }
-
-_defineProperty__default['default'](ComboBox, "defaultProps", {
+ComboBox.defaultProps = {
   onValue: () => null
-});
+};
 
 module.exports = ComboBox;

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

@@ -1,23 +1,27 @@
 '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; }
 
-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 _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; }
 class TextBox extends React.Component {
   constructor(props) {
     super(props);
-    this.inputRef = /*#__PURE__*/React__default['default'].createRef();
+    this.inputRef = /*#__PURE__*/React__default["default"].createRef();
     this.state = {
       value: props.value
     };
@@ -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,
@@ -97,9 +103,8 @@ class TextBox extends React.Component {
   }
 
 }
-
-_defineProperty__default['default'](TextBox, "defaultProps", {
+TextBox.defaultProps = {
   onValue: () => null
-});
+};
 
 module.exports = TextBox;