@elliemae/ds-datagrids 2.2.0-next.3 → 2.3.0-alpha.1

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

@@ -1,156 +1,134 @@
-'use strict';
-
-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-separator');
-var DSButton = require('@elliemae/ds-button');
-var styled = require('styled-components');
-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');
-var BodyCell = require('../../components/BodyCell.js');
-var index = require('../../components/renderers/index.js');
-var TableBody = require('../../components/TableBody.js');
-var Table = require('../../components/Table.js');
-var ColumnSizingPlugin = require('../column-sizing/ColumnSizingPlugin.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var DSSeparator__default = /*#__PURE__*/_interopDefaultLegacy(DSSeparator);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var deferComponentRender__default = /*#__PURE__*/_interopDefaultLegacy(deferComponentRender);
-var useDataGrid__default = /*#__PURE__*/_interopDefaultLegacy(useDataGrid);
-
-var _TableBody, _DSSeparator;
-
-const _excluded = ["instanceRef"],
-      _excluded2 = ["showAllRows"];
-
-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 DetailGrid = deferComponentRender__default["default"](_ref => {
-  let {
-    parentGrid,
-    parentRowData,
-    rows
-  } = _ref;
-
-  const _parentGrid$props = parentGrid.props,
-        parentProps = _objectWithoutProperties__default["default"](_parentGrid$props, _excluded);
-
-  const grid = useDataGrid__default["default"](_objectSpread(_objectSpread({
-    uuid: parentGrid.getInstance().uuid
-  }, parentProps), {}, {
-    columns: parentGrid.getInstance().decoratedColumns.filter(col => !col.expandableColumn).map(c => _objectSpread(_objectSpread({}, c), {}, {
-      expandableColumn: false
-    })),
+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 ExpandedRow_exports = {};
+__export(ExpandedRow_exports, {
+  ExpandedRow: () => ExpandedRow,
+  default: () => ExpandedRow_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_separator = require("@elliemae/ds-separator");
+var import_ds_button = require("@elliemae/ds-button");
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_defer_render_hoc = require("@elliemae/ds-shared/defer-render-hoc");
+var import_useDataGrid = require("@elliemae/ds-shared/useDataGrid");
+var import_pagination = require("../pagination");
+var import_BodyCell = require("../../components/BodyCell");
+var import_renderers = require("../../components/renderers");
+var import_TableBody = require("../../components/TableBody");
+var import_Table = require("../../components/Table");
+var import_column_sizing = require("../column-sizing");
+const DetailGrid = (0, import_defer_render_hoc.deferComponentRender)(({ parentGrid, parentRowData, rows }) => {
+  const { instanceRef, ...parentProps } = parentGrid.props;
+  const grid = (0, import_useDataGrid.useDataGrid)({
+    uuid: parentGrid.getInstance().uuid,
+    ...parentProps,
+    columns: parentGrid.getInstance().decoratedColumns.filter((col) => !col.expandableColumn).map((c) => ({ ...c, expandableColumn: false })),
     rows,
-    plugins: [ColumnSizingPlugin.ColumnSizingPlugin, PaginationPlugin.PaginationPlugin],
-    renderers: index.defaultRenderers,
+    plugins: [import_column_sizing.ColumnSizingPlugin, import_pagination.PaginationPlugin],
+    renderers: import_renderers.defaultRenderers,
     bindColumnsSizeTo: parentGrid.uuid,
-    numRowsVisible: 'all',
+    numRowsVisible: "all",
     paginated: true,
     pagination: {
       perPage: rows.length,
       conditionalPagination: true
     },
     parentRowData
-  }));
-  return /*#__PURE__*/jsxRuntime.jsx(Table, _objectSpread(_objectSpread({}, grid), {}, {
-    children: _TableBody || (_TableBody = /*#__PURE__*/_jsx__default["default"](TableBody, {}))
-  }));
+  });
+  return /* @__PURE__ */ import_react.default.createElement(import_Table.Table, {
+    ...grid
+  }, /* @__PURE__ */ import_react.default.createElement(import_TableBody.TableBody, null));
 }, null);
-const DetailsWrapper = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-1goa4zy-0"
-})(["flex:1;width:", "px;"], props => props.width);
-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(_ref2) {
-  let {
-    parentGrid,
-    detailColumns,
-    rowData,
-    rows,
-    rowProps,
-    cellComponent: CellComponent,
-    rowComponent: RowComponent
-  } = _ref2;
+const DetailsWrapper = import_styled_components.default.span`
+  flex: 1;
+  width: ${(props) => props.width}px;
+`;
+const DetailGridWrapper = import_styled_components.default.div`
+  display: flex;
+  height: calc(100% - ${(props) => props.allRowsVisible ? 18 : 60}px);
+  width: ${(props) => props.expandableGridDetailWidth}px;
+  margin: 12px 0;
+`;
+function ExpandedRow({
+  parentGrid,
+  detailColumns,
+  rowData,
+  rows,
+  rowProps,
+  cellComponent: CellComponent,
+  rowComponent: RowComponent
+}) {
   const {
     decoratedColumns,
-    actions: {
-      toggleShowAllRows
-    },
-    state: {
-      expandedRows
-    },
+    actions: { toggleShowAllRows },
+    state: { expandedRows },
     props: {
       rowKey,
-      showMoreRowsText = 'SHOW ALL ROWS',
-      showLessRowsText = 'SHOW LESS ROWS',
+      showMoreRowsText = "SHOW ALL ROWS",
+      showLessRowsText = "SHOW LESS ROWS",
       expandableSubrowsVisible
     },
-    columnSizeService: {
-      expandableGridDetailWidth
-    }
+    columnSizeService: { expandableGridDetailWidth }
   } = parentGrid.getInstance();
-
-  const {
-    showAllRows
-  } = rowProps,
-        restRowProps = _objectWithoutProperties__default["default"](rowProps, _excluded2);
-
-  return /*#__PURE__*/jsxRuntime.jsxs(RowComponent, _objectSpread(_objectSpread({}, restRowProps), {}, {
-    children: [/*#__PURE__*/_jsx__default["default"](BodyCell, {
-      column: decoratedColumns[0],
-      columnIndex: 0,
-      component: CellComponent,
-      grid: parentGrid,
-      rowProps: _objectSpread({
-        rowData
-      }, rowProps)
-    }), /*#__PURE__*/_jsx__default["default"](DetailsWrapper, {
-      width: expandableGridDetailWidth
-    }, void 0, /*#__PURE__*/_jsx__default["default"](DetailGridWrapper, {
-      allRowsVisible: rows.length < expandableSubrowsVisible || dsUtilities.get(expandedRows, [rowKey, 'showAllRows']),
-      expandableGridDetailWidth: expandableGridDetailWidth
-    }, void 0, _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
-      dashed: true,
-      orientation: "vertical"
-    })), /*#__PURE__*/_jsx__default["default"](DetailGrid, {
-      detailColumns: detailColumns,
-      parentGrid: parentGrid.getInstance(),
-      parentRowData: rowData,
-      rows: showAllRows ? rows : (rows || []).slice(0, expandableSubrowsVisible)
-    })), rows.length > expandableSubrowsVisible && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-      buttonType: "text",
-      labelText: showAllRows ? showLessRowsText : showMoreRowsText,
-      onClick: e => {
-        e.stopPropagation();
-        toggleShowAllRows(rowData);
-      },
-      style: {
-        marginBottom: '10px'
-      }
-    }))]
-  }));
+  const { showAllRows, ...restRowProps } = rowProps;
+  return /* @__PURE__ */ import_react.default.createElement(RowComponent, {
+    ...restRowProps
+  }, /* @__PURE__ */ import_react.default.createElement(import_BodyCell.BodyCell, {
+    column: decoratedColumns[0],
+    columnIndex: 0,
+    component: CellComponent,
+    grid: parentGrid,
+    rowProps: { rowData, ...rowProps }
+  }), /* @__PURE__ */ import_react.default.createElement(DetailsWrapper, {
+    width: expandableGridDetailWidth
+  }, /* @__PURE__ */ import_react.default.createElement(DetailGridWrapper, {
+    allRowsVisible: rows.length < expandableSubrowsVisible || (0, import_ds_utilities.get)(expandedRows, [rowKey, "showAllRows"]),
+    expandableGridDetailWidth
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_separator.DSSeparator, {
+    dashed: true,
+    orientation: "vertical"
+  }), /* @__PURE__ */ import_react.default.createElement(DetailGrid, {
+    detailColumns,
+    parentGrid: parentGrid.getInstance(),
+    parentRowData: rowData,
+    rows: showAllRows ? rows : (rows || []).slice(0, expandableSubrowsVisible)
+  })), rows.length > expandableSubrowsVisible && /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+    buttonType: "text",
+    labelText: showAllRows ? showLessRowsText : showMoreRowsText,
+    onClick: (e) => {
+      e.stopPropagation();
+      toggleShowAllRows(rowData);
+    },
+    style: { marginBottom: "10px" }
+  })));
 }
-
-module.exports = ExpandedRow;
+var ExpandedRow_default = ExpandedRow;
+module.exports = __toCommonJS(ExpandedRow_exports);
+//# sourceMappingURL=ExpandedRow.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/expandable-grid/ExpandedRow.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { DSButton } from '@elliemae/ds-button';\nimport styled from 'styled-components';\nimport { get } from '@elliemae/ds-utilities';\nimport { deferComponentRender } from '@elliemae/ds-shared/defer-render-hoc';\nimport { useDataGrid } from '@elliemae/ds-shared/useDataGrid';\nimport { PaginationPlugin } from '../pagination';\nimport { BodyCell } from '../../components/BodyCell';\nimport { defaultRenderers } from '../../components/renderers';\nimport { TableBody } from '../../components/TableBody';\nimport { Table } from '../../components/Table';\nimport { ColumnSizingPlugin } from '../column-sizing';\n\nconst DetailGrid = deferComponentRender(({ parentGrid, parentRowData, rows }) => {\n  const { instanceRef, ...parentProps } = parentGrid.props;\n  const grid = useDataGrid({\n    uuid: parentGrid.getInstance().uuid,\n    ...parentProps,\n    columns: parentGrid\n      .getInstance()\n      .decoratedColumns.filter((col) => !col.expandableColumn)\n      .map((c) => ({ ...c, expandableColumn: false })),\n    rows,\n    plugins: [ColumnSizingPlugin, PaginationPlugin],\n    renderers: defaultRenderers,\n    bindColumnsSizeTo: parentGrid.uuid,\n    numRowsVisible: 'all',\n    paginated: true,\n    pagination: {\n      perPage: rows.length,\n      conditionalPagination: true,\n    },\n    parentRowData,\n  });\n\n  return (\n    <Table {...grid}>\n      <TableBody />\n    </Table>\n  );\n}, null);\n\nconst DetailsWrapper = styled.span`\n  flex: 1;\n  width: ${(props) => props.width}px;\n`;\n\nconst DetailGridWrapper = styled.div`\n  display: flex;\n  height: calc(100% - ${(props) => (props.allRowsVisible ? 18 : 60)}px);\n  width: ${(props) => props.expandableGridDetailWidth}px;\n  margin: 12px 0;\n`;\n\nfunction ExpandedRow({\n  parentGrid,\n  detailColumns,\n  rowData,\n  rows,\n  rowProps,\n  cellComponent: CellComponent,\n  rowComponent: RowComponent,\n}) {\n  const {\n    decoratedColumns,\n    actions: { toggleShowAllRows },\n    state: { expandedRows },\n    props: {\n      rowKey,\n      showMoreRowsText = 'SHOW ALL ROWS',\n      showLessRowsText = 'SHOW LESS ROWS',\n      expandableSubrowsVisible,\n    },\n    columnSizeService: { expandableGridDetailWidth },\n  } = parentGrid.getInstance();\n\n  const { showAllRows, ...restRowProps } = rowProps;\n  return (\n    <RowComponent {...restRowProps}>\n      <BodyCell\n        column={decoratedColumns[0]}\n        columnIndex={0}\n        component={CellComponent}\n        grid={parentGrid}\n        rowProps={{ rowData, ...rowProps }}\n      />\n      <DetailsWrapper width={expandableGridDetailWidth}>\n        <DetailGridWrapper\n          allRowsVisible={rows.length < expandableSubrowsVisible || get(expandedRows, [rowKey, 'showAllRows'])}\n          expandableGridDetailWidth={expandableGridDetailWidth}\n        >\n          <DSSeparator dashed orientation=\"vertical\" />\n          <DetailGrid\n            detailColumns={detailColumns}\n            parentGrid={parentGrid.getInstance()}\n            parentRowData={rowData}\n            rows={showAllRows ? rows : (rows || []).slice(0, expandableSubrowsVisible)}\n          />\n        </DetailGridWrapper>\n        {rows.length > expandableSubrowsVisible && (\n          <DSButton\n            buttonType=\"text\"\n            labelText={showAllRows ? showLessRowsText : showMoreRowsText}\n            onClick={(e) => {\n              e.stopPropagation();\n              toggleShowAllRows(rowData);\n            }}\n            style={{ marginBottom: '10px' }}\n          />\n        )}\n      </DetailsWrapper>\n    </RowComponent>\n  );\n}\n\nexport { ExpandedRow };\nexport default ExpandedRow;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,0BAA4B;AAC5B,uBAAyB;AACzB,+BAAmB;AACnB,0BAAoB;AACpB,8BAAqC;AACrC,yBAA4B;AAC5B,wBAAiC;AACjC,sBAAyB;AACzB,uBAAiC;AACjC,uBAA0B;AAC1B,mBAAsB;AACtB,2BAAmC;AAEnC,MAAM,aAAa,kDAAqB,CAAC,EAAE,YAAY,eAAe,WAAW;AAC/E,QAAM,EAAE,gBAAgB,gBAAgB,WAAW;AACnD,QAAM,OAAO,oCAAY;AAAA,IACvB,MAAM,WAAW,cAAc;AAAA,OAC5B;AAAA,IACH,SAAS,WACN,cACA,iBAAiB,OAAO,CAAC,QAAQ,CAAC,IAAI,kBACtC,IAAI,CAAC,MAAO,MAAK,GAAG,kBAAkB;AAAA,IACzC;AAAA,IACA,SAAS,CAAC,yCAAoB;AAAA,IAC9B,WAAW;AAAA,IACX,mBAAmB,WAAW;AAAA,IAC9B,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,YAAY;AAAA,MACV,SAAS,KAAK;AAAA,MACd,uBAAuB;AAAA;AAAA,IAEzB;AAAA;AAGF,SACE,mDAAC,oBAAD;AAAA,OAAW;AAAA,KACT,mDAAC,4BAAD;AAAA,GAGH;AAEH,MAAM,iBAAiB,iCAAO;AAAA;AAAA,WAEnB,CAAC,UAAU,MAAM;AAAA;AAG5B,MAAM,oBAAoB,iCAAO;AAAA;AAAA,wBAET,CAAC,UAAW,MAAM,iBAAiB,KAAK;AAAA,WACrD,CAAC,UAAU,MAAM;AAAA;AAAA;AAI5B,qBAAqB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,GACb;AACD,QAAM;AAAA,IACJ;AAAA,IACA,SAAS,EAAE;AAAA,IACX,OAAO,EAAE;AAAA,IACT,OAAO;AAAA,MACL;AAAA,MACA,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB;AAAA;AAAA,IAEF,mBAAmB,EAAE;AAAA,MACnB,WAAW;AAEf,QAAM,EAAE,gBAAgB,iBAAiB;AACzC,SACE,mDAAC,cAAD;AAAA,OAAkB;AAAA,KAChB,mDAAC,0BAAD;AAAA,IACE,QAAQ,iBAAiB;AAAA,IACzB,aAAa;AAAA,IACb,WAAW;AAAA,IACX,MAAM;AAAA,IACN,UAAU,EAAE,YAAY;AAAA,MAE1B,mDAAC,gBAAD;AAAA,IAAgB,OAAO;AAAA,KACrB,mDAAC,mBAAD;AAAA,IACE,gBAAgB,KAAK,SAAS,4BAA4B,6BAAI,cAAc,CAAC,QAAQ;AAAA,IACrF;AAAA,KAEA,mDAAC,iCAAD;AAAA,IAAa,QAAM;AAAA,IAAC,aAAY;AAAA,MAChC,mDAAC,YAAD;AAAA,IACE;AAAA,IACA,YAAY,WAAW;AAAA,IACvB,eAAe;AAAA,IACf,MAAM,cAAc,OAAQ,SAAQ,IAAI,MAAM,GAAG;AAAA,OAGpD,KAAK,SAAS,4BACb,mDAAC,2BAAD;AAAA,IACE,YAAW;AAAA,IACX,WAAW,cAAc,mBAAmB;AAAA,IAC5C,SAAS,CAAC,MAAM;AACd,QAAE;AACF,wBAAkB;AAAA;AAAA,IAEpB,OAAO,EAAE,cAAc;AAAA;AAAA;AASnC,IAAO,sBAAQ;",
+  "names": []
+}

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

@@ -1,54 +1,56 @@
-'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 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');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSSeparator__default = /*#__PURE__*/_interopDefaultLegacy(DSSeparator);
-
-var _DSSeparator;
-
-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, "-expanded-row");
-const DetailsWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-details-wrapper"), null, () => ({
-  'ie-flex-basis-auto': true
+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 ExpandedRowExtra_exports = {};
+__export(ExpandedRowExtra_exports, {
+  ExpandedRowExtra: () => ExpandedRowExtra,
+  default: () => ExpandedRowExtra_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_separator = require("@elliemae/ds-separator");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_blockNames = require("../../blockNames");
+const blockName = `${import_blockNames.dataGridBlockName}-expanded-row`;
+const DetailsWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-details-wrapper`, null, () => ({
+  "ie-flex-basis-auto": true
 }));
-
-function ExpandedRowExtra(_ref) {
-  let {
-    children,
-    rowData,
-    rowProps,
-    rowComponent: RowComponent,
-    renderRowDetails = () => null
-  } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsxs(RowComponent, _objectSpread(_objectSpread({}, rowProps), {}, {
-    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"], {
-      dashed: true,
-      margin: "xs"
-    })), /*#__PURE__*/_jsx__default["default"](DetailsWrapper, {}, void 0, renderRowDetails({
-      rowData
-    }))]
-  }));
+function ExpandedRowExtra({ children, rowData, rowProps, rowComponent: RowComponent, renderRowDetails = () => null }) {
+  return /* @__PURE__ */ import_react.default.createElement(RowComponent, {
+    ...rowProps,
+    className: (0, import_ds_utilities.cx)(rowProps.className, "expanded-detail-row")
+  }, /* @__PURE__ */ import_react.default.createElement(RowComponent, {
+    className: "master-row-expanded"
+  }, children), /* @__PURE__ */ import_react.default.createElement(import_ds_separator.DSSeparator, {
+    dashed: true,
+    margin: "xs"
+  }), /* @__PURE__ */ import_react.default.createElement(DetailsWrapper, null, renderRowDetails({ rowData })));
 }
-
-module.exports = ExpandedRowExtra;
+var ExpandedRowExtra_default = ExpandedRowExtra;
+module.exports = __toCommonJS(ExpandedRowExtra_exports);
+//# sourceMappingURL=ExpandedRowExtra.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/expandable-grid/ExpandedRowExtra.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { cx } from '@elliemae/ds-utilities';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { dataGridBlockName } from '../../blockNames';\n\nconst blockName = `${dataGridBlockName}-expanded-row`;\n\nconst DetailsWrapper = aggregatedClasses('div')(`${blockName}-details-wrapper`, null, () => ({\n  'ie-flex-basis-auto': true,\n}));\n\nfunction ExpandedRowExtra({ children, rowData, rowProps, rowComponent: RowComponent, renderRowDetails = () => null }) {\n  return (\n    <RowComponent {...rowProps} className={cx(rowProps.className, 'expanded-detail-row')}>\n      <RowComponent className=\"master-row-expanded\">{children}</RowComponent>\n      <DSSeparator dashed margin=\"xs\" />\n      <DetailsWrapper>{renderRowDetails({ rowData })}</DetailsWrapper>\n    </RowComponent>\n  );\n}\n\nexport { ExpandedRowExtra };\nexport default ExpandedRowExtra;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAmB;AACnB,0BAA4B;AAC5B,2BAAkC;AAClC,wBAAkC;AAElC,MAAM,YAAY,GAAG;AAErB,MAAM,iBAAiB,4CAAkB,OAAO,GAAG,6BAA6B,MAAM,MAAO;AAAA,EAC3F,sBAAsB;AAAA;AAGxB,0BAA0B,EAAE,UAAU,SAAS,UAAU,cAAc,cAAc,mBAAmB,MAAM,QAAQ;AACpH,SACE,mDAAC,cAAD;AAAA,OAAkB;AAAA,IAAU,WAAW,4BAAG,SAAS,WAAW;AAAA,KAC5D,mDAAC,cAAD;AAAA,IAAc,WAAU;AAAA,KAAuB,WAC/C,mDAAC,iCAAD;AAAA,IAAa,QAAM;AAAA,IAAC,QAAO;AAAA,MAC3B,mDAAC,gBAAD,MAAiB,iBAAiB,EAAE;AAAA;AAM1C,IAAO,2BAAQ;",
+  "names": []
+}

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

@@ -1,11 +1,37 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ExpandablePlugin = require('./ExpandablePlugin.js');
-var ExpandableColumn = require('./ExpandableColumn.js');
-
-
-
-exports.ExpandablePlugin = ExpandablePlugin.ExpandablePlugin;
-exports.ExpandableColumn = ExpandableColumn;
+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 expandable_grid_exports = {};
+__export(expandable_grid_exports, {
+  ExpandableColumn: () => import_ExpandableColumn.ExpandableColumn,
+  ExpandablePlugin: () => import_ExpandablePlugin.ExpandablePlugin
+});
+var React = __toESM(require("react"));
+var import_ExpandablePlugin = require("./ExpandablePlugin");
+var import_ExpandableColumn = require("./ExpandableColumn");
+module.exports = __toCommonJS(expandable_grid_exports);
+//# sourceMappingURL=index.js.map

package/cjs/plugins/expandable-grid/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/expandable-grid/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { ExpandablePlugin } from './ExpandablePlugin';\nexport { ExpandableColumn } from './ExpandableColumn';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAiC;AACjC,8BAAiC;",
+  "names": []
+}

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

@@ -1,17 +1,43 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var dsUtilities = require('@elliemae/ds-utilities');
-var React = require('react');
-
-const useExpandGridState = grid => {
+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 useExpandGridState_exports = {};
+__export(useExpandGridState_exports, {
+  useExpandGridState: () => useExpandGridState
+});
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_react = require("react");
+const useExpandGridState = (grid) => {
   const {
     composedRows,
     props: {
       expandedRows: expandedRowsProp = {},
-      rowKey = 'id',
+      rowKey = "id",
       onExpandRow,
       onToggleShowAllRows,
       onExpandChange,
@@ -20,10 +46,7 @@ const useExpandGridState = grid => {
       onCollapseRow
     }
   } = grid;
-  const {
-    state,
-    actions
-  } = dsUtilities.useExpandState({
+  const { state, actions } = (0, import_ds_utilities.useExpandState)({
     items: composedRows,
     itemKey: rowKey,
     expanded: expandedRowsProp,
@@ -33,24 +56,16 @@ const useExpandGridState = grid => {
     onToggleExpand,
     onCollapse: onCollapseRow
   });
-  const [shouldRefocus, setShouldReFocus] = React.useState(false);
-
-  const expandRow = row => actions.expand(row, {
-    showAllRows: false
-  });
-
+  const [shouldRefocus, setShouldReFocus] = (0, import_react.useState)(false);
+  const expandRow = (row) => actions.expand(row, { showAllRows: false });
   const toggleExpandAllRows = actions.toggleExpandAll;
   const collapseRow = actions.collapse;
-
-  const toggleExpand = row => {
+  const toggleExpand = (row) => {
     setShouldReFocus(false);
-    actions.toggleExpand(row, {
-      showAllRows: false
-    });
+    actions.toggleExpand(row, { showAllRows: false });
   };
-
-  const toggleShowAllRows = row => {
-    if (dsUtilities.isFunction(onToggleShowAllRows)) {
+  const toggleShowAllRows = (row) => {
+    if ((0, import_ds_utilities.isFunction)(onToggleShowAllRows)) {
       onToggleShowAllRows(row);
     } else {
       const key = row[rowKey];
@@ -59,7 +74,6 @@ const useExpandGridState = grid => {
       });
     }
   };
-
   return {
     state: {
       expandedRows: state.expanded,
@@ -75,5 +89,5 @@ const useExpandGridState = grid => {
     }
   };
 };
-
-exports.useExpandGridState = useExpandGridState;
+module.exports = __toCommonJS(useExpandGridState_exports);
+//# sourceMappingURL=useExpandGridState.js.map

package/cjs/plugins/expandable-grid/useExpandGridState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/expandable-grid/useExpandGridState.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { isFunction,useExpandState } from '@elliemae/ds-utilities';\nimport { useState } from 'react';\n\nexport const useExpandGridState = (grid) => {\n  const {\n    composedRows,\n    props: {\n      expandedRows: expandedRowsProp = {},\n      rowKey = 'id',\n      onExpandRow,\n      onToggleShowAllRows,\n      onExpandChange,\n      onExpandAll,\n      onToggleExpand,\n      onCollapseRow,\n    },\n  } = grid;\n\n  const { state, actions } = useExpandState({\n    items: composedRows,\n    itemKey: rowKey,\n    expanded: expandedRowsProp,\n    onExpand: onExpandRow,\n    onExpandChange,\n    onExpandAll,\n    onToggleExpand,\n    onCollapse: onCollapseRow,\n  });\n\n  const [shouldRefocus, setShouldReFocus] = useState(false);\n  const expandRow = (row) => actions.expand(row, { showAllRows: false });\n\n  const toggleExpandAllRows = actions.toggleExpandAll;\n\n  const collapseRow = actions.collapse;\n\n  const toggleExpand = (row) => {\n    setShouldReFocus(false);\n    actions.toggleExpand(row, { showAllRows: false });\n  };\n\n  const toggleShowAllRows = (row) => {\n    if (isFunction(onToggleShowAllRows)) {\n      onToggleShowAllRows(row);\n    } else {\n      const key = row[rowKey];\n      actions.expand(row, {\n        showAllRows: state.expanded[key] && !state.expanded[key].showAllRows,\n      });\n    }\n  };\n\n  return {\n    state: {\n      expandedRows: state.expanded,\n      isExpandedAll: state.isExpandedAll,\n      shouldRefocus,\n    },\n    actions: {\n      expandRow,\n      toggleExpandAllRows,\n      toggleExpand,\n      toggleShowAllRows,\n      collapseRow,\n    },\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0C;AAC1C,mBAAyB;AAElB,MAAM,qBAAqB,CAAC,SAAS;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,MACL,cAAc,mBAAmB;AAAA,MACjC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEA;AAEJ,QAAM,EAAE,OAAO,YAAY,wCAAe;AAAA,IACxC,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA;AAGd,QAAM,CAAC,eAAe,oBAAoB,2BAAS;AACnD,QAAM,YAAY,CAAC,QAAQ,QAAQ,OAAO,KAAK,EAAE,aAAa;AAE9D,QAAM,sBAAsB,QAAQ;AAEpC,QAAM,cAAc,QAAQ;AAE5B,QAAM,eAAe,CAAC,QAAQ;AAC5B,qBAAiB;AACjB,YAAQ,aAAa,KAAK,EAAE,aAAa;AAAA;AAG3C,QAAM,oBAAoB,CAAC,QAAQ;AACjC,QAAI,oCAAW,sBAAsB;AACnC,0BAAoB;AAAA,WACf;AACL,YAAM,MAAM,IAAI;AAChB,cAAQ,OAAO,KAAK;AAAA,QAClB,aAAa,MAAM,SAAS,QAAQ,CAAC,MAAM,SAAS,KAAK;AAAA;AAAA;AAAA;AAK/D,SAAO;AAAA,IACL,OAAO;AAAA,MACL,cAAc,MAAM;AAAA,MACpB,eAAe,MAAM;AAAA,MACrB;AAAA;AAAA,IAEF,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;",
+  "names": []
+}