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

package/cjs/plugins/editable/EditablePlugin.js

@@ -3,14 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('core-js/modules/web.dom-collections.iterator.js');
-var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var decorateEditable = require('./decorateEditable.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
 const registerStateHook = grid => {
@@ -20,7 +18,7 @@ const registerStateHook = grid => {
     onColumnRowEdited,
     onColumnRowEdit
   } = grid.props;
-  const [editingRows, setEditingRows] = useDerivedStateFromProps__default["default"](editingRowsProp || {});
+  const [editingRows, setEditingRows] = dsUtilities.useDerivedStateFromProps(editingRowsProp || {});
 
   const activateEdit = editParams => {
     const {
@@ -36,16 +34,17 @@ const registerStateHook = grid => {
     };
     setEditingRows(prevEditingRows => {
       onColumnRowEdit(editParams);
-      return utils.toggleInObject(prevEditingRows, rowData[rowKey], columnIndex);
+      return dsUtilities.toggleInObject(prevEditingRows, rowData[rowKey], columnIndex);
     });
   };
 
-  const editValue = ({
-    value,
-    rowData,
-    property,
-    rowIndex
-  }) => {
+  const editValue = _ref => {
+    let {
+      value,
+      rowData,
+      property,
+      rowIndex
+    } = _ref;
     setEditingRows({});
     onColumnRowEdited({
       value,
@@ -88,10 +87,11 @@ const EditablePlugin = createInstancePlugin__default["default"]('editable', {
   registerHotKeys(grid) {
     return {
       key: 'enter',
-      handler: ({
-        rowIndex,
-        cellIndex
-      }) => {
+      handler: _ref2 => {
+        let {
+          rowIndex,
+          cellIndex
+        } = _ref2;
         const {
           composedRows,
           decoratedColumns,

package/cjs/plugins/editable/decorateEditable.js

@@ -6,10 +6,15 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 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');
 require('react');
 var edit = require('react-edit');
-var EditPencil = require('@elliemae/ds-icons/EditPencil');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsIcons = require('@elliemae/ds-icons');
+var dsUtilities = require('@elliemae/ds-utilities');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
 var getEditorComponent = require('./getEditorComponent.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -38,7 +43,6 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var edit__namespace = /*#__PURE__*/_interopNamespace(edit);
-var EditPencil__default = /*#__PURE__*/_interopDefaultLegacy(EditPencil);
 
 var _EditPencil, _span;
 
@@ -78,16 +82,19 @@ const makeEditableConfig = grid => edit__namespace.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 = utils.cx(column.cell.props.className, "editable".concat(column.customEditor ? ' customEditor' : ''));
+  column.cell.props.className = dsUtilities.cx(column.cell.props.className, "editable".concat(column.customEditor ? ' customEditor' : ''));
   return initColumnDefinition.appendCellFormatter([(value, extraParams) => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: /*#__PURE__*/_jsx__default["default"]("div", {
       onClick: e => {
@@ -103,7 +110,7 @@ const addEditableToCell = ({
       },
       role: "gridcell",
       tabIndex: 0
-    }, void 0, value, _EditPencil || (_EditPencil = /*#__PURE__*/_jsx__default["default"](EditPencil__default["default"], {
+    }, void 0, value, _EditPencil || (_EditPencil = /*#__PURE__*/_jsx__default["default"](dsIcons.EditPencil, {
       className: "edit-pencil"
     })), _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {
       className: "edit-separator"

package/cjs/plugins/editable/getEditorComponent.js

@@ -1,5 +1,10 @@
 '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 _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
@@ -24,48 +29,54 @@ const components = {
   DSTextBox: TextBox
 };
 
-const getEditorComponent = (editorComponent = {}, handlers) => ({
-  value,
-  onValue,
-  extraParameters
-}) => {
-  if (typeof editorComponent === 'function') {
-    return editorComponent(_objectSpread({
+const getEditorComponent = function () {
+  let editorComponent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let handlers = arguments.length > 1 ? arguments[1] : undefined;
+  return _ref => {
+    let {
       value,
       onValue,
-      customHandlers: handlers
-    }, extraParameters));
-  }
+      extraParameters
+    } = _ref;
 
-  const {
-    type = 'DSTextBox'
-  } = editorComponent,
-        restEditorProps = _objectWithoutProperties__default["default"](editorComponent, _excluded);
+    if (typeof editorComponent === 'function') {
+      return editorComponent(_objectSpread({
+        value,
+        onValue,
+        customHandlers: handlers
+      }, extraParameters));
+    }
 
-  const Component = components[type];
+    const {
+      type = 'DSTextBox'
+    } = editorComponent,
+          restEditorProps = _objectWithoutProperties__default["default"](editorComponent, _excluded);
 
-  if (type === 'DSComboBox') {
-    var _restEditorProps$opti;
+    const Component = components[type];
 
-    // TODO: remove this whole condition when combobox v3 is out and fully working without "maxOptions" parameter
-    const maxOptions = (restEditorProps === null || restEditorProps === void 0 ? void 0 : (_restEditorProps$opti = restEditorProps.options) === null || _restEditorProps$opti === void 0 ? void 0 : _restEditorProps$opti.length) || 100;
-    return /*#__PURE__*/_jsx__default["default"]("div", {
-      style: {
-        zIndex: 0
-      }
-    }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({
+    if (type === 'DSComboBox') {
+      var _restEditorProps$opti;
+
+      // TODO: remove this whole condition when combobox v3 is out and fully working without "maxOptions" parameter
+      const maxOptions = (restEditorProps === null || restEditorProps === void 0 ? void 0 : (_restEditorProps$opti = restEditorProps.options) === null || _restEditorProps$opti === void 0 ? void 0 : _restEditorProps$opti.length) || 100;
+      return /*#__PURE__*/_jsx__default["default"]("div", {
+        style: {
+          zIndex: 0
+        }
+      }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({
+        autoFocus: true,
+        onValue: onValue,
+        value: value,
+        maxOptions: maxOptions
+      }, restEditorProps)));
+    }
+
+    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({
       autoFocus: true,
       onValue: onValue,
-      value: value,
-      maxOptions: maxOptions
-    }, restEditorProps)));
-  }
-
-  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({
-    autoFocus: true,
-    onValue: onValue,
-    value: value
-  }, restEditorProps));
+      value: value
+    }, restEditorProps));
+  };
 };
 
 module.exports = getEditorComponent;

package/cjs/plugins/expandable-grid/ExpandableColumn.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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
-var ArrowheadRight = require('@elliemae/ds-icons/ArrowheadRight');
+var dsIcons = require('@elliemae/ds-icons');
 var dsClassnames = require('@elliemae/ds-classnames');
-var DSButton = require('@elliemae/ds-basic/Button');
-var DSTruncatedTooltipText = require('@elliemae/ds-basic/TruncatedTooltipText');
+var DSButton = require('@elliemae/ds-button');
+var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var blockNames = require('../../blockNames.js');
 var rowSizes = require('../../rowSizes.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -18,8 +22,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
-var ArrowheadRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadRight);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
 
@@ -40,14 +42,15 @@ const ExtraColumnData = dsClassnames.aggregatedClasses('div')(blockName, 'extra-
 const ExpandableMasterWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-master-wrapper"));
 const ExpandableDetailsWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-details-wrapper"));
 
-function ExpandableColumnCell({
-  label,
-  description,
-  isExpanded,
-  expandableDetails,
-  extraData,
-  onToggleExpand
-}) {
+function ExpandableColumnCell(_ref) {
+  let {
+    label,
+    description,
+    isExpanded,
+    expandableDetails,
+    extraData,
+    onToggleExpand
+  } = _ref;
   const ref = React.useRef();
   return /*#__PURE__*/jsxRuntime.jsxs(ExpandableColumnWrapper, {
     ref: ref,
@@ -59,7 +62,7 @@ function ExpandableColumnCell({
     }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: "text",
       className: "expandable-arrow",
-      icon: isExpanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](ArrowheadDown__default["default"], {})) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx__default["default"](ArrowheadRight__default["default"], {})),
+      icon: isExpanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {})) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {})),
       onClick: e => {
         onToggleExpand(e);
 
@@ -76,44 +79,48 @@ function ExpandableColumnCell({
   });
 }
 
-const expandableColumnRenderer = ({
-  renderRowLabel,
-  renderRowDescription,
-  renderExtraData
-}) => (value, {
-  rowData,
-  isExpanded
-}, grid) => {
-  const {
-    props: {
-      renderExpandedDetails
-    },
-    actions: {
-      toggleExpand
-    }
-  } = grid.getInstance();
-  const expandableDetails = renderExpandedDetails({
-    rowData
-  });
-  return /*#__PURE__*/_jsx__default["default"](ExpandableColumnCell, {
-    description: renderRowDescription({
-      rowData
-    }),
-    expandableDetails: expandableDetails,
-    extraData: renderExtraData({
-      rowData
-    }),
-    isExpanded: isExpanded,
-    label: renderRowLabel({
+const expandableColumnRenderer = _ref2 => {
+  let {
+    renderRowLabel,
+    renderRowDescription,
+    renderExtraData
+  } = _ref2;
+  return (value, _ref3, grid) => {
+    let {
+      rowData,
+      isExpanded
+    } = _ref3;
+    const {
+      props: {
+        renderExpandedDetails
+      },
+      actions: {
+        toggleExpand
+      }
+    } = grid.getInstance();
+    const expandableDetails = renderExpandedDetails({
       rowData
-    }),
-    onToggleExpand: () => toggleExpand(rowData)
-  });
+    });
+    return /*#__PURE__*/_jsx__default["default"](ExpandableColumnCell, {
+      description: renderRowDescription({
+        rowData
+      }),
+      expandableDetails: expandableDetails,
+      extraData: renderExtraData({
+        rowData
+      }),
+      isExpanded: isExpanded,
+      label: renderRowLabel({
+        rowData
+      }),
+      onToggleExpand: () => toggleExpand(rowData)
+    });
+  };
 };
 
 const noop = () => null;
 
-function createExpandableColumn(_ref) {
+function createExpandableColumn(_ref4) {
   let {
     property,
     label,
@@ -125,8 +132,8 @@ function createExpandableColumn(_ref) {
     sortable,
     searchable,
     customRenderer
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref4,
+      rest = _objectWithoutProperties__default["default"](_ref4, _excluded);
 
   return _objectSpread(_objectSpread({}, rest), {}, {
     label,

package/cjs/plugins/expandable-grid/ExpandablePlugin.js

@@ -5,13 +5,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.some.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.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 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.for-each.js');
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var reactWindow = require('react-window');
-var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
-var ArrowheadRight = require('@elliemae/ds-icons/ArrowheadRight');
-var DSButton = require('@elliemae/ds-basic/Button');
+var dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-button');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
 var ExpandedRow = require('./ExpandedRow.js');
@@ -25,8 +33,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
-var ArrowheadRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadRight);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
@@ -38,12 +44,15 @@ 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 getExpandedRowSizeBySubrows = ({
-  totalAmount,
-  amountVisible,
-  isShowingAll,
-  size = 36
-}) => isShowingAll ? size * (totalAmount + 1) - 6 : size * (amountVisible + 1) + 32;
+const getExpandedRowSizeBySubrows = _ref => {
+  let {
+    totalAmount,
+    amountVisible,
+    isShowingAll,
+    size = 36
+  } = _ref;
+  return isShowingAll ? size * (totalAmount + 1) - 6 : size * (amountVisible + 1) + 32;
+};
 
 const ExpandedRows = {
   SingleColumn: ExpandedRow,
@@ -76,10 +85,11 @@ const ExpandablePlugin = createInstancePlugin__default["default"]('expandable',
     const firstColumnIndex = columns.findIndex(column => column.isUserColumn);
     const firstColumn = columns[firstColumnIndex];
     firstColumn.formatExpandable = true;
-    return [...columns.slice(0, firstColumnIndex), initColumnDefinition.appendCellFormatter((value, {
-      isExpanded,
-      rowData
-    }) => {
+    return [...columns.slice(0, firstColumnIndex), initColumnDefinition.appendCellFormatter((value, _ref2) => {
+      let {
+        isExpanded,
+        rowData
+      } = _ref2;
       const {
         actions: {
           toggleExpand
@@ -94,7 +104,7 @@ const ExpandablePlugin = createInstancePlugin__default["default"]('expandable',
         children: [/*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
           buttonType: "text",
           className: "expandable-arrow",
-          icon: isExpanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](ArrowheadDown__default["default"], {})) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx__default["default"](ArrowheadRight__default["default"], {})),
+          icon: isExpanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {})) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {})),
           onClick: e => {
             e.stopPropagation();
             toggleExpand(rowData);
@@ -143,13 +153,13 @@ const ExpandablePlugin = createInstancePlugin__default["default"]('expandable',
         isShowingAll: children.length < expandableSubrowsVisible || expandedRows[key] && expandedRows[key].showAllRows,
         size: subrowSizePx
       });
-      const expandedMinSize = utils.isFunction(getExpandedRowMinSize) && getExpandedRowMinSize(index); // eslint-disable-next-line no-nested-ternary
+      const expandedMinSize = dsUtilities.isFunction(getExpandedRowMinSize) && getExpandedRowMinSize(index); // eslint-disable-next-line no-nested-ternary
 
       return expandedRows[key] ? expandedMinSize > expandedSize ? expandedMinSize : expandedSize : rowSizePx;
     };
 
     return _objectSpread(_objectSpread({}, bodyProps), {}, {
-      className: utils.cx(bodyProps.className, 'expandable'),
+      className: dsUtilities.cx(bodyProps.className, 'expandable'),
       listComponent: reactWindow.VariableSizeList,
       listProps: {
         ref: listRef,
@@ -167,11 +177,11 @@ const ExpandablePlugin = createInstancePlugin__default["default"]('expandable',
       const expandedRowType = isExpandableSingleColumn(grid.decoratedColumns) ? 'SingleColumn' : 'Master';
       const ExpandedRowComponent = createExpandedRow(expandedRowType); // eslint-disable-next-line react/display-name
 
-      return _ref => {
+      return _ref3 => {
         let {
           isExpanded
-        } = _ref,
-            rowProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+        } = _ref3,
+            rowProps = _objectWithoutProperties__default["default"](_ref3, _excluded);
 
         if (isExpanded) {
           const {
@@ -207,9 +217,10 @@ const ExpandablePlugin = createInstancePlugin__default["default"]('expandable',
     return renderers;
   },
 
-  getRowProps(rowProps, grid, {
-    rowData
-  }) {
+  getRowProps(rowProps, grid, _ref4) {
+    let {
+      rowData
+    } = _ref4;
     const {
       props: {
         rowKey
@@ -221,7 +232,7 @@ const ExpandablePlugin = createInstancePlugin__default["default"]('expandable',
     const key = rowData[rowKey];
     const isExpanded = !!expandedRows[key];
     return _objectSpread(_objectSpread({}, rowProps), {}, {
-      className: utils.cx(rowProps.className, Object.keys(expandedRows).length > 0 && 'expandable-row', isExpanded && 'expanded'),
+      className: dsUtilities.cx(rowProps.className, Object.keys(expandedRows).length > 0 && 'expandable-row', isExpanded && 'expanded'),
       isExpanded,
       showAllRows: expandedRows[key] && expandedRows[key].showAllRows
     });

package/cjs/plugins/expandable-grid/ExpandedRow.js

@@ -3,11 +3,18 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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.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');
 require('react');
-var DSSeparator = require('@elliemae/ds-basic/Separator');
-var DSButton = require('@elliemae/ds-basic/Button');
+var DSSeparator = require('@elliemae/ds-separator');
+var DSButton = require('@elliemae/ds-button');
 var styled = require('styled-components');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var deferComponentRender = require('@elliemae/ds-shared/defer-render-hoc');
 var useDataGrid = require('@elliemae/ds-shared/useDataGrid');
 var PaginationPlugin = require('../pagination/PaginationPlugin.js');
@@ -37,11 +44,13 @@ const _excluded = ["instanceRef"],
 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 DetailGrid = deferComponentRender__default["default"](({
-  parentGrid,
-  parentRowData,
-  rows
-}) => {
+const DetailGrid = deferComponentRender__default["default"](_ref => {
+  let {
+    parentGrid,
+    parentRowData,
+    rows
+  } = _ref;
+
   const _parentGrid$props = parentGrid.props,
         parentProps = _objectWithoutProperties__default["default"](_parentGrid$props, _excluded);
 
@@ -74,15 +83,16 @@ const DetailGridWrapper = /*#__PURE__*/styled__default["default"].div.withConfig
   componentId: "sc-1goa4zy-1"
 })(["display:flex;height:calc(100% - ", "px);width:", "px;margin:12px 0;"], props => props.allRowsVisible ? 18 : 60, props => props.expandableGridDetailWidth);
 
-function ExpandedRow({
-  parentGrid,
-  detailColumns,
-  rowData,
-  rows,
-  rowProps,
-  cellComponent: CellComponent,
-  rowComponent: RowComponent
-}) {
+function ExpandedRow(_ref2) {
+  let {
+    parentGrid,
+    detailColumns,
+    rowData,
+    rows,
+    rowProps,
+    cellComponent: CellComponent,
+    rowComponent: RowComponent
+  } = _ref2;
   const {
     decoratedColumns,
     actions: {
@@ -119,7 +129,7 @@ function ExpandedRow({
     }), /*#__PURE__*/_jsx__default["default"](DetailsWrapper, {
       width: expandableGridDetailWidth
     }, void 0, /*#__PURE__*/_jsx__default["default"](DetailGridWrapper, {
-      allRowsVisible: rows.length < expandableSubrowsVisible || utils.get(expandedRows, [rowKey, 'showAllRows']),
+      allRowsVisible: rows.length < expandableSubrowsVisible || dsUtilities.get(expandedRows, [rowKey, 'showAllRows']),
       expandableGridDetailWidth: expandableGridDetailWidth
     }, void 0, _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
       dashed: true,

package/cjs/plugins/expandable-grid/ExpandedRowExtra.js

@@ -1,10 +1,15 @@
 '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 _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var utils = require('@elliemae/ds-utilities/utils');
-var DSSeparator = require('@elliemae/ds-basic/Separator');
+var dsUtilities = require('@elliemae/ds-utilities');
+var DSSeparator = require('@elliemae/ds-separator');
 var dsClassnames = require('@elliemae/ds-classnames');
 var blockNames = require('../../blockNames.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -25,15 +30,16 @@ const DetailsWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName
   'ie-flex-basis-auto': true
 }));
 
-function ExpandedRowExtra({
-  children,
-  rowData,
-  rowProps,
-  rowComponent: RowComponent,
-  renderRowDetails = () => null
-}) {
+function ExpandedRowExtra(_ref) {
+  let {
+    children,
+    rowData,
+    rowProps,
+    rowComponent: RowComponent,
+    renderRowDetails = () => null
+  } = _ref;
   return /*#__PURE__*/jsxRuntime.jsxs(RowComponent, _objectSpread(_objectSpread({}, rowProps), {}, {
-    className: utils.cx(rowProps.className, 'expanded-detail-row'),
+    className: dsUtilities.cx(rowProps.className, 'expanded-detail-row'),
     children: [/*#__PURE__*/_jsx__default["default"](RowComponent, {
       className: "master-row-expanded"
     }, void 0, children), _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {