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

package/cjs/plugins/editable/EditablePlugin.js

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
-var utils = require('@elliemae/ds-utilities/utils');
+require('core-js/modules/web.dom-collections.iterator.js');
+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 => {
@@ -19,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 {
@@ -35,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,
@@ -80,17 +80,18 @@ const decorateColumn = (column, grid) => {
   }, grid) : column;
 };
 
-const EditablePlugin = createInstancePlugin__default['default']('editable', {
+const EditablePlugin = createInstancePlugin__default["default"]('editable', {
   registerStateHook,
   decorateColumn,
 
   registerHotKeys(grid) {
     return {
       key: 'enter',
-      handler: ({
-        rowIndex,
-        cellIndex
-      }) => {
+      handler: _ref2 => {
+        let {
+          rowIndex,
+          cellIndex
+        } = _ref2;
         const {
           composedRows,
           decoratedColumns,

package/cjs/plugins/editable/decorateEditable.js

@@ -5,10 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 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');
@@ -24,14 +30,12 @@ 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);
 }
 
@@ -39,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;
 
@@ -47,7 +50,7 @@ const _excluded = ["columnIndex", "rowData", "column"];
 
 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 makeEditableConfig = grid => edit__namespace.edit({
   isEditing: _ref => {
@@ -56,7 +59,7 @@ const makeEditableConfig = grid => edit__namespace.edit({
       rowData,
       column = {}
     } = _ref,
-        rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+        rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
     const {
       state: {
@@ -79,18 +82,21 @@ 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${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", {
+    children: /*#__PURE__*/_jsx__default["default"]("div", {
       onClick: e => {
         e.stopPropagation();
         grid.getInstance().actions.activateEdit(extraParams);
@@ -104,9 +110,9 @@ 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", {
+    })), _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {
       className: "edit-separator"
     }, void 0, " ")))
   })], column);

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');
@@ -18,54 +23,60 @@ const _excluded = ["type"];
 
 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 = {
   DSComboBox: ComboBox,
   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);
 
@@ -29,37 +31,38 @@ var _ArrowheadDown, _ArrowheadRight;
 
 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 blockName = `${blockNames.dataGridBlockName}-expandable-column`; // todo: clean this when we move to css-js
+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 blockName = "".concat(blockNames.dataGridBlockName, "-expandable-column"); // todo: clean this when we move to css-js
 
 const ExpandableColumnWrapper = dsClassnames.aggregatedClasses('div')(blockName);
 const LabelDescriptionWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'label-description-wrapper');
 const Label = dsClassnames.aggregatedClasses('span')(blockName, 'label');
 const Description = dsClassnames.aggregatedClasses('span')(blockName, 'description');
 const ExtraColumnData = dsClassnames.aggregatedClasses('div')(blockName, 'extra-column-data');
-const ExpandableMasterWrapper = dsClassnames.aggregatedClasses('div')(`${blockName}-master-wrapper`);
-const ExpandableDetailsWrapper = dsClassnames.aggregatedClasses('div')(`${blockName}-details-wrapper`);
+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,
     tabindex: 0,
-    children: [/*#__PURE__*/_jsx__default['default'](ExpandableMasterWrapper, {
+    children: [/*#__PURE__*/_jsx__default["default"](ExpandableMasterWrapper, {
       style: {
         height: rowSizes.RowSizes.extend
       }
-    }, void 0, /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+    }, 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);
 
@@ -68,52 +71,56 @@ function ExpandableColumnCell({
         }
       },
       size: "s"
-    }), /*#__PURE__*/_jsx__default['default'](LabelDescriptionWrapper, {}, void 0, /*#__PURE__*/_jsx__default['default'](Label, {}, void 0, /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText__default['default'], {
+    }), /*#__PURE__*/_jsx__default["default"](LabelDescriptionWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](Label, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
       value: label
-    })), /*#__PURE__*/_jsx__default['default'](Description, {}, void 0, /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText__default['default'], {
+    })), /*#__PURE__*/_jsx__default["default"](Description, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
       value: description
-    }))), /*#__PURE__*/_jsx__default['default'](ExtraColumnData, {}, void 0, extraData)), isExpanded && /*#__PURE__*/_jsx__default['default'](ExpandableDetailsWrapper, {}, void 0, expandableDetails)]
+    }))), /*#__PURE__*/_jsx__default["default"](ExtraColumnData, {}, void 0, extraData)), isExpanded && /*#__PURE__*/_jsx__default["default"](ExpandableDetailsWrapper, {}, void 0, expandableDetails)]
   });
 }
 
-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,12 +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');
@@ -24,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);
 
@@ -35,14 +42,17 @@ var _ArrowheadDown, _ArrowheadRight;
 
 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 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,
@@ -53,7 +63,7 @@ const createExpandedRow = type => ExpandedRows[type] || ExpandedRows.Master;
 
 const isExpandableSingleColumn = columns => columns.some(column => column.expandableColumn);
 
-const ExpandablePlugin = createInstancePlugin__default['default']('expandable', {
+const ExpandablePlugin = createInstancePlugin__default["default"]('expandable', {
   registerStateHook: useExpandGridState.useExpandGridState,
 
   decorateGrid(grid) {
@@ -75,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
@@ -90,10 +101,10 @@ const ExpandablePlugin = createInstancePlugin__default['default']('expandable',
        */
 
       return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+        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);
@@ -142,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,
@@ -166,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 {
@@ -183,7 +194,7 @@ const ExpandablePlugin = createInstancePlugin__default['default']('expandable',
           } = grid.getInstance(); // https://jira.elliemae.io/browse/PUI-1667
 
           const rowData = composedRows[rowProps.index] ? composedRows[rowProps.index] : rowProps.rowData;
-          return /*#__PURE__*/_jsx__default['default'](ExpandedRowComponent, {
+          return /*#__PURE__*/_jsx__default["default"](ExpandedRowComponent, {
             cellComponent: Cell,
             detailColumns: detailColumns,
             parentGrid: grid,
@@ -206,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
@@ -220,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
     });