@elliemae/ds-datagrids 2.2.0-alpha.4 → 3.0.0-next.2

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

@@ -1,124 +1,156 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ExpandableColumn_exports = {};
-__export(ExpandableColumn_exports, {
-  ExpandableColumn: () => ExpandableColumn,
-  default: () => ExpandableColumn_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_ds_button = require("@elliemae/ds-button");
-var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
-var import_blockNames = require("../../blockNames");
-var import_rowSizes = require("../../rowSizes");
-const blockName = `${import_blockNames.dataGridBlockName}-expandable-column`;
-const ExpandableColumnWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
-const LabelDescriptionWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "label-description-wrapper");
-const Label = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "label");
-const Description = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "description");
-const ExtraColumnData = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "extra-column-data");
-const ExpandableMasterWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-master-wrapper`);
-const ExpandableDetailsWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-details-wrapper`);
-function ExpandableColumnCell({ label, description, isExpanded, expandableDetails, extraData, onToggleExpand }) {
-  const ref = (0, import_react.useRef)();
-  return /* @__PURE__ */ import_react.default.createElement(ExpandableColumnWrapper, {
-    ref,
-    tabindex: 0
-  }, /* @__PURE__ */ import_react.default.createElement(ExpandableMasterWrapper, {
-    style: { height: import_rowSizes.RowSizes.extend }
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
-    buttonType: "text",
-    className: "expandable-arrow",
-    icon: isExpanded ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, null) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, null),
-    onClick: (e) => {
-      onToggleExpand(e);
-      if (ref && ref.current) {
-        ref.current.focus();
-      }
-    },
-    size: "s"
-  }), /* @__PURE__ */ import_react.default.createElement(LabelDescriptionWrapper, null, /* @__PURE__ */ import_react.default.createElement(Label, null, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
-    value: label
-  })), /* @__PURE__ */ import_react.default.createElement(Description, null, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
-    value: description
-  }))), /* @__PURE__ */ import_react.default.createElement(ExtraColumnData, null, extraData)), isExpanded && /* @__PURE__ */ import_react.default.createElement(ExpandableDetailsWrapper, null, expandableDetails));
-}
-const expandableColumnRenderer = ({ renderRowLabel, renderRowDescription, renderExtraData }) => (value, { rowData, isExpanded }, grid) => {
-  const {
-    props: { renderExpandedDetails },
-    actions: { toggleExpand }
-  } = grid.getInstance();
-  const expandableDetails = renderExpandedDetails({ rowData });
-  return /* @__PURE__ */ import_react.default.createElement(ExpandableColumnCell, {
-    description: renderRowDescription({ rowData }),
-    expandableDetails,
-    extraData: renderExtraData({ rowData }),
+'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 dsIcons = require('@elliemae/ds-icons');
+var dsClassnames = require('@elliemae/ds-classnames');
+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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
+
+const _excluded = ["property", "label", "renderRowLabel", "renderRowDescription", "renderExtraData", "width", "resizable", "sortable", "searchable", "customRenderer"];
+
+var _ArrowheadDown, _ArrowheadRight;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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')("".concat(blockName, "-master-wrapper"));
+const ExpandableDetailsWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-details-wrapper"));
+
+function ExpandableColumnCell(_ref) {
+  let {
+    label,
+    description,
     isExpanded,
-    label: renderRowLabel({ rowData }),
-    onToggleExpand: () => toggleExpand(rowData)
+    expandableDetails,
+    extraData,
+    onToggleExpand
+  } = _ref;
+  const ref = React.useRef();
+  return /*#__PURE__*/jsxRuntime.jsxs(ExpandableColumnWrapper, {
+    ref: ref,
+    tabindex: 0,
+    children: [/*#__PURE__*/_jsx__default["default"](ExpandableMasterWrapper, {
+      style: {
+        height: rowSizes.RowSizes.extend
+      }
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+      buttonType: "text",
+      className: "expandable-arrow",
+      icon: isExpanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {})) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {})),
+      onClick: e => {
+        onToggleExpand(e);
+
+        if (ref && ref.current) {
+          ref.current.focus();
+        }
+      },
+      size: "s"
+    }), /*#__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"], {
+      value: description
+    }))), /*#__PURE__*/_jsx__default["default"](ExtraColumnData, {}, void 0, extraData)), isExpanded && /*#__PURE__*/_jsx__default["default"](ExpandableDetailsWrapper, {}, void 0, expandableDetails)]
   });
+}
+
+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
+    });
+    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;
-const ExpandableColumn = ({
-  property,
-  label,
-  renderRowLabel = () => "----",
-  renderRowDescription = noop,
-  renderExtraData = noop,
-  width,
-  resizable,
-  sortable,
-  searchable,
-  customRenderer,
-  ...rest
-}) => {
-  return {
-    ...rest,
+
+function createExpandableColumn(_ref4) {
+  let {
+    property,
+    label,
+    renderRowLabel = () => '----',
+    renderRowDescription = noop,
+    renderExtraData = noop,
+    width,
+    resizable,
+    sortable,
+    searchable,
+    customRenderer
+  } = _ref4,
+      rest = _objectWithoutProperties__default["default"](_ref4, _excluded);
+
+  return _objectSpread(_objectSpread({}, rest), {}, {
     label,
     property,
     cell: {
-      formatters: [
-        expandableColumnRenderer({
-          renderRowLabel,
-          renderRowDescription,
-          renderExtraData
-        })
-      ]
+      formatters: [expandableColumnRenderer({
+        renderRowLabel,
+        renderRowDescription,
+        renderExtraData
+      })]
     },
-    width: width || "50%",
+    width: width || '50%',
     expandableColumn: true,
     resizable,
     sortable,
     searchable
-  };
-};
-var ExpandableColumn_default = ExpandableColumn;
-module.exports = __toCommonJS(ExpandableColumn_exports);
-//# sourceMappingURL=ExpandableColumn.js.map
+  });
+}
+
+module.exports = createExpandableColumn;

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

@@ -1,181 +1,243 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+'use strict';
+
+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 dsUtilities = require('@elliemae/ds-utilities');
+var reactWindow = require('react-window');
+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');
+var ExpandedRowExtra = require('./ExpandedRowExtra.js');
+var rowSizes = require('../../rowSizes.js');
+var useExpandGridState = require('./useExpandGridState.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
+
+const _excluded = ["isExpanded"];
+
+var _ArrowheadDown, _ArrowheadRight;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const getExpandedRowSizeBySubrows = _ref => {
+  let {
+    totalAmount,
+    amountVisible,
+    isShowingAll,
+    size = 36
+  } = _ref;
+  return isShowingAll ? size * (totalAmount + 1) - 6 : size * (amountVisible + 1) + 32;
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ExpandablePlugin_exports = {};
-__export(ExpandablePlugin_exports, {
-  ExpandablePlugin: () => ExpandablePlugin
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_react_window = require("react-window");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = require("@elliemae/ds-button");
-var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
-var import_initColumnDefinition = require("@elliemae/ds-shared/useDataGrid/initColumnDefinition");
-var import_ExpandedRow = require("./ExpandedRow");
-var import_ExpandedRowExtra = require("./ExpandedRowExtra");
-var import_rowSizes = require("../../rowSizes");
-var import_useExpandGridState = require("./useExpandGridState");
-const getExpandedRowSizeBySubrows = ({ totalAmount, amountVisible, isShowingAll, size = 36 }) => isShowingAll ? size * (totalAmount + 1) - 6 : size * (amountVisible + 1) + 32;
+
 const ExpandedRows = {
-  SingleColumn: import_ExpandedRow.ExpandedRow,
-  Master: import_ExpandedRowExtra.ExpandedRowExtra
+  SingleColumn: ExpandedRow,
+  Master: ExpandedRowExtra
 };
-const createExpandedRow = (type) => ExpandedRows[type] || ExpandedRows.Master;
-const isExpandableSingleColumn = (columns) => columns.some((column) => column.expandableColumn);
-const ExpandablePlugin = (0, import_createInstancePlugin.createInstancePlugin)("expandable", {
-  registerStateHook: import_useExpandGridState.useExpandGridState,
+
+const createExpandedRow = type => ExpandedRows[type] || ExpandedRows.Master;
+
+const isExpandableSingleColumn = columns => columns.some(column => column.expandableColumn);
+
+const ExpandablePlugin = createInstancePlugin__default["default"]('expandable', {
+  registerStateHook: useExpandGridState.useExpandGridState,
+
   decorateGrid(grid) {
-    const { decoratedColumns, columns } = grid.getInstance();
-    const detailColumns = (0, import_react.useMemo)(() => decoratedColumns.map((column) => ({
-      ...column,
+    const {
+      decoratedColumns,
+      columns
+    } = grid.getInstance();
+    const detailColumns = React.useMemo(() => decoratedColumns.map(column => _objectSpread(_objectSpread({}, column), {}, {
       customRenderer: column.detailCustomRenderer
-    })).filter((col) => !col.expandableColumn), [columns]);
+    })).filter(col => !col.expandableColumn), [columns]);
     return {
       detailColumns
     };
   },
+
   decorateColumns(columns, grid) {
-    if (isExpandableSingleColumn(columns))
-      return columns;
-    const firstColumnIndex = columns.findIndex((column) => column.isUserColumn);
+    if (isExpandableSingleColumn(columns)) return columns; // get first column from user
+
+    const firstColumnIndex = columns.findIndex(column => column.isUserColumn);
     const firstColumn = columns[firstColumnIndex];
     firstColumn.formatExpandable = true;
-    return [
-      ...columns.slice(0, firstColumnIndex),
-      (0, import_initColumnDefinition.appendCellFormatter)((value, { isExpanded, rowData }) => {
-        const {
-          actions: { toggleExpand }
-        } = grid.getInstance();
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+    return [...columns.slice(0, firstColumnIndex), initColumnDefinition.appendCellFormatter((value, _ref2) => {
+      let {
+        isExpanded,
+        rowData
+      } = _ref2;
+      const {
+        actions: {
+          toggleExpand
+        }
+      } = grid.getInstance();
+      /*
+       * should return only 2 elements ../custom-cell-renderer/addCustomRendererToCell.js
+       * getRenderer it's checking that length to apply the custom render to value only
+       */
+
+      return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
           buttonType: "text",
           className: "expandable-arrow",
-          icon: isExpanded ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, null) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, null),
-          onClick: (e) => {
+          icon: isExpanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {})) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {})),
+          onClick: e => {
             e.stopPropagation();
             toggleExpand(rowData);
           },
           size: "s"
-        }), value);
-      }, firstColumn),
-      ...columns.slice(firstColumnIndex + 1)
-    ];
+        }), value]
+      });
+    }, firstColumn), ...columns.slice(firstColumnIndex + 1)];
   },
+
   getBodyProps(bodyProps, grid) {
     const {
       composedRows: rows,
       props: {
         rowKey,
         getChildrenRows,
-        rowSize = "normal",
-        subrowSize = "normal",
+        rowSize = 'normal',
+        subrowSize = 'normal',
         getExpandedRowMinSize,
         getExpandedRowSize,
         expandableSubrowsVisible
       },
-      state: { expandedRows }
+      state: {
+        expandedRows
+      }
     } = grid.getInstance();
-    const rowSizePx = import_rowSizes.RowSizes[rowSize];
-    const subrowSizePx = import_rowSizes.RowSizes[subrowSize];
-    const listRef = (0, import_react.useRef)();
-    (0, import_react.useEffect)(() => {
-      if (listRef.current)
-        listRef.current.resetAfterIndex(0, true);
-    });
-    const getItemSize = (index) => {
+    const rowSizePx = rowSizes.RowSizes[rowSize];
+    const subrowSizePx = rowSizes.RowSizes[subrowSize];
+    const listRef = React.useRef();
+    React.useEffect(() => {
+      if (listRef.current) listRef.current.resetAfterIndex(0, true);
+    }); // implementation of expandable row single column with aggregation
+
+    const getItemSize = index => {
       const rowData = rows[index];
       const key = rowData[rowKey];
-      const children = getChildrenRows({ rowData });
-      const expandedSize = getExpandedRowSize ? getExpandedRowSize(index, { rowData }) : getExpandedRowSizeBySubrows({
+      const children = getChildrenRows({
+        rowData
+      });
+      const expandedSize = getExpandedRowSize ? getExpandedRowSize(index, {
+        rowData
+      }) // https://jira.elliemae.io/browse/PUI-1659
+      : getExpandedRowSizeBySubrows({
         totalAmount: children.length,
         amountVisible: children.length > expandableSubrowsVisible ? expandableSubrowsVisible : children.length,
         isShowingAll: children.length < expandableSubrowsVisible || expandedRows[key] && expandedRows[key].showAllRows,
         size: subrowSizePx
       });
-      const expandedMinSize = (0, import_ds_utilities.isFunction)(getExpandedRowMinSize) && getExpandedRowMinSize(index);
+      const expandedMinSize = dsUtilities.isFunction(getExpandedRowMinSize) && getExpandedRowMinSize(index); // eslint-disable-next-line no-nested-ternary
+
       return expandedRows[key] ? expandedMinSize > expandedSize ? expandedMinSize : expandedSize : rowSizePx;
     };
-    return {
-      ...bodyProps,
-      className: (0, import_ds_utilities.cx)(bodyProps.className, "expandable"),
-      listComponent: import_react_window.VariableSizeList,
-      listProps: { ref: listRef, itemSize: getItemSize }
-    };
+
+    return _objectSpread(_objectSpread({}, bodyProps), {}, {
+      className: dsUtilities.cx(bodyProps.className, 'expandable'),
+      listComponent: reactWindow.VariableSizeList,
+      listProps: {
+        ref: listRef,
+        itemSize: getItemSize
+      }
+    });
   },
+
   decorateRenderers(renderers, grid) {
     const Row = renderers.body.row;
-    const Cell = renderers.body.cell;
-    renderers.body.row = (0, import_react.useMemo)(() => {
-      const expandedRowType = isExpandableSingleColumn(grid.decoratedColumns) ? "SingleColumn" : "Master";
-      const ExpandedRowComponent = createExpandedRow(expandedRowType);
-      return ({ isExpanded, ...rowProps }) => {
+    const Cell = renderers.body.cell; // eslint-disable-next-line react/display-name
+
+    renderers.body.row = React.useMemo(() => {
+      // todo: the expandable grid should be created from another specific grid component
+      const expandedRowType = isExpandableSingleColumn(grid.decoratedColumns) ? 'SingleColumn' : 'Master';
+      const ExpandedRowComponent = createExpandedRow(expandedRowType); // eslint-disable-next-line react/display-name
+
+      return _ref3 => {
+        let {
+          isExpanded
+        } = _ref3,
+            rowProps = _objectWithoutProperties__default["default"](_ref3, _excluded);
+
         if (isExpanded) {
           const {
-            props: { detailColumns, getChildrenRows, renderRowDetails },
+            props: {
+              detailColumns,
+              getChildrenRows,
+              renderRowDetails
+            },
             composedRows
-          } = grid.getInstance();
+          } = grid.getInstance(); // https://jira.elliemae.io/browse/PUI-1667
+
           const rowData = composedRows[rowProps.index] ? composedRows[rowProps.index] : rowProps.rowData;
-          return /* @__PURE__ */ import_react.default.createElement(ExpandedRowComponent, {
+          return /*#__PURE__*/_jsx__default["default"](ExpandedRowComponent, {
             cellComponent: Cell,
-            detailColumns,
+            detailColumns: detailColumns,
             parentGrid: grid,
-            renderRowDetails,
+            renderRowDetails: renderRowDetails,
             rowComponent: Row,
-            rowData,
-            rowProps: {
+            rowData: rowData,
+            rowProps: _objectSpread({
               rowData,
-              isExpanded,
-              ...rowProps
-            },
-            rows: getChildrenRows({ rowData })
-          }, rowProps.children);
+              isExpanded
+            }, rowProps),
+            rows: getChildrenRows({
+              rowData
+            })
+          }, void 0, rowProps.children);
         }
-        return /* @__PURE__ */ import_react.default.createElement(Row, {
-          ...rowProps
-        });
+
+        return /*#__PURE__*/jsxRuntime.jsx(Row, _objectSpread({}, rowProps));
       };
     }, []);
     return renderers;
   },
-  getRowProps(rowProps, grid, { rowData }) {
+
+  getRowProps(rowProps, grid, _ref4) {
+    let {
+      rowData
+    } = _ref4;
     const {
-      props: { rowKey },
-      state: { expandedRows }
+      props: {
+        rowKey
+      },
+      state: {
+        expandedRows
+      }
     } = grid.getInstance();
     const key = rowData[rowKey];
     const isExpanded = !!expandedRows[key];
-    return {
-      ...rowProps,
-      className: (0, import_ds_utilities.cx)(rowProps.className, Object.keys(expandedRows).length > 0 && "expandable-row", isExpanded && "expanded"),
+    return _objectSpread(_objectSpread({}, rowProps), {}, {
+      className: dsUtilities.cx(rowProps.className, Object.keys(expandedRows).length > 0 && 'expandable-row', isExpanded && 'expanded'),
       isExpanded,
       showAllRows: expandedRows[key] && expandedRows[key].showAllRows
-    };
+    });
   }
+
 });
-module.exports = __toCommonJS(ExpandablePlugin_exports);
-//# sourceMappingURL=ExpandablePlugin.js.map
+
+exports.ExpandablePlugin = ExpandablePlugin;