@elliemae/ds-datagrids 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/esm/plugins/expandable-grid/ExpandableColumn.js

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2, { useRef } from "react";
 import { ArrowheadDown, ArrowheadRight } from "@elliemae/ds-icons";
@@ -54,21 +85,31 @@ const expandableColumnRenderer = ({ renderRowLabel, renderRowDescription, render
   });
 };
 const noop = () => null;
-const ExpandableColumn = ({
-  property,
-  label,
-  renderRowLabel = () => "----",
-  renderRowDescription = noop,
-  renderExtraData = noop,
-  width,
-  resizable,
-  sortable,
-  searchable,
-  customRenderer,
-  ...rest
-}) => {
-  return {
-    ...rest,
+const ExpandableColumn = (_a) => {
+  var _b = _a, {
+    property,
+    label,
+    renderRowLabel = () => "----",
+    renderRowDescription = noop,
+    renderExtraData = noop,
+    width,
+    resizable,
+    sortable,
+    searchable,
+    customRenderer
+  } = _b, rest = __objRest(_b, [
+    "property",
+    "label",
+    "renderRowLabel",
+    "renderRowDescription",
+    "renderExtraData",
+    "width",
+    "resizable",
+    "sortable",
+    "searchable",
+    "customRenderer"
+  ]);
+  return __spreadProps(__spreadValues({}, rest), {
     label,
     property,
     cell: {
@@ -85,7 +126,7 @@ const ExpandableColumn = ({
     resizable,
     sortable,
     searchable
-  };
+  });
 };
 var ExpandableColumn_default = ExpandableColumn;
 export {

package/dist/esm/plugins/expandable-grid/ExpandableColumn.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/expandable-grid/ExpandableColumn.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React, { useRef } from 'react';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { dataGridBlockName } from '../../blockNames';\nimport { RowSizes } from '../../rowSizes';\n\nconst blockName = `${dataGridBlockName}-expandable-column`;\n\n// todo: clean this when we move to css-js\nconst ExpandableColumnWrapper = aggregatedClasses('div')(blockName);\nconst LabelDescriptionWrapper = aggregatedClasses('div')(blockName, 'label-description-wrapper');\nconst Label = aggregatedClasses('span')(blockName, 'label');\nconst Description = aggregatedClasses('span')(blockName, 'description');\nconst ExtraColumnData = aggregatedClasses('div')(blockName, 'extra-column-data');\nconst ExpandableMasterWrapper = aggregatedClasses('div')(`${blockName}-master-wrapper`);\nconst ExpandableDetailsWrapper = aggregatedClasses('div')(`${blockName}-details-wrapper`);\n\nfunction ExpandableColumnCell({ label, description, isExpanded, expandableDetails, extraData, onToggleExpand }) {\n  const ref = useRef();\n  return (\n    <ExpandableColumnWrapper ref={ref} tabindex={0}>\n      <ExpandableMasterWrapper style={{ height: RowSizes.extend }}>\n        <DSButton\n          buttonType=\"text\"\n          className=\"expandable-arrow\"\n          icon={isExpanded ? <ArrowheadDown /> : <ArrowheadRight />}\n          onClick={(e) => {\n            onToggleExpand(e);\n            if (ref && ref.current) {\n              ref.current.focus();\n            }\n          }}\n          size=\"s\"\n        />\n        <LabelDescriptionWrapper>\n          <Label>\n            <DSTruncatedTooltipText value={label} />\n          </Label>\n          <Description>\n            <DSTruncatedTooltipText value={description} />\n          </Description>\n        </LabelDescriptionWrapper>\n        <ExtraColumnData>{extraData}</ExtraColumnData>\n      </ExpandableMasterWrapper>\n      {isExpanded && <ExpandableDetailsWrapper>{expandableDetails}</ExpandableDetailsWrapper>}\n    </ExpandableColumnWrapper>\n  );\n}\n\nconst expandableColumnRenderer =\n  ({ renderRowLabel, renderRowDescription, renderExtraData }) =>\n  (value, { rowData, isExpanded }, grid) => {\n    const {\n      props: { renderExpandedDetails },\n      actions: { toggleExpand },\n    } = grid.getInstance();\n\n    const expandableDetails = renderExpandedDetails({ rowData });\n    return (\n      <ExpandableColumnCell\n        description={renderRowDescription({ rowData })}\n        expandableDetails={expandableDetails}\n        extraData={renderExtraData({ rowData })}\n        isExpanded={isExpanded}\n        label={renderRowLabel({ rowData })}\n        onToggleExpand={() => toggleExpand(rowData)}\n      />\n    );\n  };\nconst noop = () => null;\nexport const ExpandableColumn = ({\n  property,\n  label,\n  renderRowLabel = () => '----',\n  renderRowDescription = noop,\n  renderExtraData = noop,\n  width,\n  resizable,\n  sortable,\n  searchable,\n  customRenderer,\n  ...rest\n}) => {\n  return {\n    ...rest,\n    label,\n    property,\n    cell: {\n      formatters: [\n        expandableColumnRenderer({\n          renderRowLabel,\n          renderRowDescription,\n          renderExtraData,\n        }),\n      ],\n    },\n    width: width || '50%',\n    expandableColumn: true,\n    resizable,\n    sortable,\n    searchable,\n  };\n};\n\nexport default ExpandableColumn;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY,GAAG;AAGrB,MAAM,0BAA0B,kBAAkB,OAAO;AACzD,MAAM,0BAA0B,kBAAkB,OAAO,WAAW;AACpE,MAAM,QAAQ,kBAAkB,QAAQ,WAAW;AACnD,MAAM,cAAc,kBAAkB,QAAQ,WAAW;AACzD,MAAM,kBAAkB,kBAAkB,OAAO,WAAW;AAC5D,MAAM,0BAA0B,kBAAkB,OAAO,GAAG;AAC5D,MAAM,2BAA2B,kBAAkB,OAAO,GAAG;AAE7D,8BAA8B,EAAE,OAAO,aAAa,YAAY,mBAAmB,WAAW,kBAAkB;AAC9G,QAAM,MAAM;AACZ,SACE,qCAAC,yBAAD;AAAA,IAAyB;AAAA,IAAU,UAAU;AAAA,KAC3C,qCAAC,yBAAD;AAAA,IAAyB,OAAO,EAAE,QAAQ,SAAS;AAAA,KACjD,qCAAC,UAAD;AAAA,IACE,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAM,aAAa,qCAAC,eAAD,QAAoB,qCAAC,gBAAD;AAAA,IACvC,SAAS,CAAC,MAAM;AACd,qBAAe;AACf,UAAI,OAAO,IAAI,SAAS;AACtB,YAAI,QAAQ;AAAA;AAAA;AAAA,IAGhB,MAAK;AAAA,MAEP,qCAAC,yBAAD,MACE,qCAAC,OAAD,MACE,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA,OAEjC,qCAAC,aAAD,MACE,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA,QAGnC,qCAAC,iBAAD,MAAkB,aAEnB,cAAc,qCAAC,0BAAD,MAA2B;AAAA;AAKhD,MAAM,2BACJ,CAAC,EAAE,gBAAgB,sBAAsB,sBACzC,CAAC,OAAO,EAAE,SAAS,cAAc,SAAS;AACxC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT,SAAS,EAAE;AAAA,MACT,KAAK;AAET,QAAM,oBAAoB,sBAAsB,EAAE;AAClD,SACE,qCAAC,sBAAD;AAAA,IACE,aAAa,qBAAqB,EAAE;AAAA,IACpC;AAAA,IACA,WAAW,gBAAgB,EAAE;AAAA,IAC7B;AAAA,IACA,OAAO,eAAe,EAAE;AAAA,IACxB,gBAAgB,MAAM,aAAa;AAAA;AAAA;AAI3C,MAAM,OAAO,MAAM;AACZ,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,iBAAiB,MAAM;AAAA,EACvB,uBAAuB;AAAA,EACvB,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,SAAO;AAAA,OACF;AAAA,IACH;AAAA,IACA;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,QACV,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA;AAAA;AAAA;AAAA,IAIN,OAAO,SAAS;AAAA,IAChB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY,GAAG;AAGrB,MAAM,0BAA0B,kBAAkB,OAAO;AACzD,MAAM,0BAA0B,kBAAkB,OAAO,WAAW;AACpE,MAAM,QAAQ,kBAAkB,QAAQ,WAAW;AACnD,MAAM,cAAc,kBAAkB,QAAQ,WAAW;AACzD,MAAM,kBAAkB,kBAAkB,OAAO,WAAW;AAC5D,MAAM,0BAA0B,kBAAkB,OAAO,GAAG;AAC5D,MAAM,2BAA2B,kBAAkB,OAAO,GAAG;AAE7D,8BAA8B,EAAE,OAAO,aAAa,YAAY,mBAAmB,WAAW,kBAAkB;AAC9G,QAAM,MAAM;AACZ,SACE,qCAAC,yBAAD;AAAA,IAAyB;AAAA,IAAU,UAAU;AAAA,KAC3C,qCAAC,yBAAD;AAAA,IAAyB,OAAO,EAAE,QAAQ,SAAS;AAAA,KACjD,qCAAC,UAAD;AAAA,IACE,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAM,aAAa,qCAAC,eAAD,QAAoB,qCAAC,gBAAD;AAAA,IACvC,SAAS,CAAC,MAAM;AACd,qBAAe;AACf,UAAI,OAAO,IAAI,SAAS;AACtB,YAAI,QAAQ;AAAA;AAAA;AAAA,IAGhB,MAAK;AAAA,MAEP,qCAAC,yBAAD,MACE,qCAAC,OAAD,MACE,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA,OAEjC,qCAAC,aAAD,MACE,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA,QAGnC,qCAAC,iBAAD,MAAkB,aAEnB,cAAc,qCAAC,0BAAD,MAA2B;AAAA;AAKhD,MAAM,2BACJ,CAAC,EAAE,gBAAgB,sBAAsB,sBACzC,CAAC,OAAO,EAAE,SAAS,cAAc,SAAS;AACxC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT,SAAS,EAAE;AAAA,MACT,KAAK;AAET,QAAM,oBAAoB,sBAAsB,EAAE;AAClD,SACE,qCAAC,sBAAD;AAAA,IACE,aAAa,qBAAqB,EAAE;AAAA,IACpC;AAAA,IACA,WAAW,gBAAgB,EAAE;AAAA,IAC7B;AAAA,IACA,OAAO,eAAe,EAAE;AAAA,IACxB,gBAAgB,MAAM,aAAa;AAAA;AAAA;AAI3C,MAAM,OAAO,MAAM;AACZ,MAAM,mBAAmB,CAAC,OAY3B;AAZ2B,eAC/B;AAAA;AAAA,IACA;AAAA,IACA,iBAAiB,MAAM;AAAA,IACvB,uBAAuB;AAAA,IACvB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAV+B,IAW5B,iBAX4B,IAW5B;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SAAO,iCACF,OADE;AAAA,IAEL;AAAA,IACA;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,QACV,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA;AAAA;AAAA;AAAA,IAIN,OAAO,SAAS;AAAA,IAChB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,IAAO,2BAAQ;",
   "names": []
 }

package/dist/esm/plugins/expandable-grid/ExpandablePlugin.js

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2, { useEffect, useMemo, useRef } from "react";
 import { cx, isFunction } from "@elliemae/ds-utilities";
@@ -21,8 +52,7 @@ const ExpandablePlugin = createInstancePlugin("expandable", {
   registerStateHook: useExpandGridState,
   decorateGrid(grid) {
     const { decoratedColumns, columns } = grid.getInstance();
-    const detailColumns = useMemo(() => decoratedColumns.map((column) => ({
-      ...column,
+    const detailColumns = useMemo(() => decoratedColumns.map((column) => __spreadProps(__spreadValues({}, column), {
       customRenderer: column.detailCustomRenderer
     })).filter((col) => !col.expandableColumn), [columns]);
     return {
@@ -89,12 +119,11 @@ const ExpandablePlugin = createInstancePlugin("expandable", {
       const expandedMinSize = isFunction(getExpandedRowMinSize) && getExpandedRowMinSize(index);
       return expandedRows[key] ? expandedMinSize > expandedSize ? expandedMinSize : expandedSize : rowSizePx;
     };
-    return {
-      ...bodyProps,
+    return __spreadProps(__spreadValues({}, bodyProps), {
       className: cx(bodyProps.className, "expandable"),
       listComponent: VariableSizeList,
       listProps: { ref: listRef, itemSize: getItemSize }
-    };
+    });
   },
   decorateRenderers(renderers, grid) {
     const Row = renderers.body.row;
@@ -102,7 +131,8 @@ const ExpandablePlugin = createInstancePlugin("expandable", {
     renderers.body.row = useMemo(() => {
       const expandedRowType = isExpandableSingleColumn(grid.decoratedColumns) ? "SingleColumn" : "Master";
       const ExpandedRowComponent = createExpandedRow(expandedRowType);
-      return ({ isExpanded, ...rowProps }) => {
+      return (_a) => {
+        var _b = _a, { isExpanded } = _b, rowProps = __objRest(_b, ["isExpanded"]);
         if (isExpanded) {
           const {
             props: { detailColumns, getChildrenRows, renderRowDetails },
@@ -116,17 +146,14 @@ const ExpandablePlugin = createInstancePlugin("expandable", {
             renderRowDetails,
             rowComponent: Row,
             rowData,
-            rowProps: {
+            rowProps: __spreadValues({
               rowData,
-              isExpanded,
-              ...rowProps
-            },
+              isExpanded
+            }, rowProps),
             rows: getChildrenRows({ rowData })
           }, rowProps.children);
         }
-        return /* @__PURE__ */ React2.createElement(Row, {
-          ...rowProps
-        });
+        return /* @__PURE__ */ React2.createElement(Row, __spreadValues({}, rowProps));
       };
     }, []);
     return renderers;
@@ -138,12 +165,11 @@ const ExpandablePlugin = createInstancePlugin("expandable", {
     } = grid.getInstance();
     const key = rowData[rowKey];
     const isExpanded = !!expandedRows[key];
-    return {
-      ...rowProps,
+    return __spreadProps(__spreadValues({}, rowProps), {
       className: cx(rowProps.className, Object.keys(expandedRows).length > 0 && "expandable-row", isExpanded && "expanded"),
       isExpanded,
       showAllRows: expandedRows[key] && expandedRows[key].showAllRows
-    };
+    });
   }
 });
 export {

package/dist/esm/plugins/expandable-grid/ExpandablePlugin.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/expandable-grid/ExpandablePlugin.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { cx, isFunction } from '@elliemae/ds-utilities';\nimport { VariableSizeList } from 'react-window';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport { ExpandedRow } from './ExpandedRow';\nimport { ExpandedRowExtra } from './ExpandedRowExtra';\nimport { RowSizes } from '../../rowSizes';\nimport { useExpandGridState } from './useExpandGridState';\n\nconst getExpandedRowSizeBySubrows = ({ totalAmount, amountVisible, isShowingAll, size = 36 }) =>\n  isShowingAll ? size * (totalAmount + 1) - 6 : size * (amountVisible + 1) + 32;\n\nconst ExpandedRows = {\n  SingleColumn: ExpandedRow,\n  Master: ExpandedRowExtra,\n};\n\nconst createExpandedRow = (type) => ExpandedRows[type] || ExpandedRows.Master;\n\nconst isExpandableSingleColumn = (columns) => columns.some((column) => column.expandableColumn);\n\nexport const ExpandablePlugin = createInstancePlugin('expandable', {\n  registerStateHook: useExpandGridState,\n  decorateGrid(grid) {\n    const { decoratedColumns, columns } = grid.getInstance();\n    const detailColumns = useMemo(\n      () =>\n        decoratedColumns\n          .map((column) => ({\n            ...column,\n            customRenderer: column.detailCustomRenderer,\n          }))\n          .filter((col) => !col.expandableColumn),\n      [columns],\n    );\n    return {\n      detailColumns,\n    };\n  },\n\n  decorateColumns(columns, grid) {\n    if (isExpandableSingleColumn(columns)) return columns;\n    // get first column from user\n    const firstColumnIndex = columns.findIndex((column) => column.isUserColumn);\n    const firstColumn = columns[firstColumnIndex];\n    firstColumn.formatExpandable = true;\n\n    return [\n      ...columns.slice(0, firstColumnIndex),\n      appendCellFormatter((value, { isExpanded, rowData }) => {\n        const {\n          actions: { toggleExpand },\n        } = grid.getInstance();\n        /*\n         * should return only 2 elements ../custom-cell-renderer/addCustomRendererToCell.js\n         * getRenderer it's checking that length to apply the custom render to value only\n         */\n        return (\n          <>\n            <DSButton\n              buttonType=\"text\"\n              className=\"expandable-arrow\"\n              icon={isExpanded ? <ArrowheadDown /> : <ArrowheadRight />}\n              onClick={(e) => {\n                e.stopPropagation();\n                toggleExpand(rowData);\n              }}\n              size=\"s\"\n            />\n            {value}\n          </>\n        );\n      }, firstColumn),\n      ...columns.slice(firstColumnIndex + 1),\n    ];\n  },\n\n  getBodyProps(bodyProps, grid) {\n    const {\n      composedRows: rows,\n      props: {\n        rowKey,\n        getChildrenRows,\n        rowSize = 'normal',\n        subrowSize = 'normal',\n        getExpandedRowMinSize,\n        getExpandedRowSize,\n        expandableSubrowsVisible,\n      },\n      state: { expandedRows },\n    } = grid.getInstance();\n    const rowSizePx = RowSizes[rowSize];\n    const subrowSizePx = RowSizes[subrowSize];\n    const listRef = useRef();\n\n    useEffect(() => {\n      if (listRef.current) listRef.current.resetAfterIndex(0, true);\n    });\n\n    // implementation of expandable row single column with aggregation\n    const getItemSize = (index) => {\n      const rowData = rows[index];\n      const key = rowData[rowKey];\n      const children = getChildrenRows({ rowData });\n\n      const expandedSize = getExpandedRowSize\n        ? getExpandedRowSize(index, { rowData }) // https://jira.elliemae.io/browse/PUI-1659\n        : getExpandedRowSizeBySubrows({\n            totalAmount: children.length,\n            amountVisible: children.length > expandableSubrowsVisible ? expandableSubrowsVisible : children.length,\n            isShowingAll:\n              children.length < expandableSubrowsVisible || (expandedRows[key] && expandedRows[key].showAllRows),\n            size: subrowSizePx,\n          });\n\n      const expandedMinSize = isFunction(getExpandedRowMinSize) && getExpandedRowMinSize(index);\n\n      // eslint-disable-next-line no-nested-ternary\n      return expandedRows[key] ? (expandedMinSize > expandedSize ? expandedMinSize : expandedSize) : rowSizePx;\n    };\n\n    return {\n      ...bodyProps,\n      className: cx(bodyProps.className, 'expandable'),\n      listComponent: VariableSizeList,\n      listProps: { ref: listRef, itemSize: getItemSize },\n    };\n  },\n\n  decorateRenderers(renderers, grid) {\n    const Row = renderers.body.row;\n    const Cell = renderers.body.cell;\n\n    // eslint-disable-next-line react/display-name\n    renderers.body.row = useMemo(() => {\n      // todo: the expandable grid should be created from another specific grid component\n      const expandedRowType = isExpandableSingleColumn(grid.decoratedColumns) ? 'SingleColumn' : 'Master';\n      const ExpandedRowComponent = createExpandedRow(expandedRowType);\n      // eslint-disable-next-line react/display-name\n      return ({ isExpanded, ...rowProps }) => {\n        if (isExpanded) {\n          const {\n            props: { detailColumns, getChildrenRows, renderRowDetails },\n            composedRows,\n          } = grid.getInstance();\n          // https://jira.elliemae.io/browse/PUI-1667\n          const rowData = composedRows[rowProps.index] ? composedRows[rowProps.index] : rowProps.rowData;\n          return (\n            <ExpandedRowComponent\n              cellComponent={Cell}\n              detailColumns={detailColumns}\n              parentGrid={grid}\n              renderRowDetails={renderRowDetails}\n              rowComponent={Row}\n              rowData={rowData}\n              rowProps={{\n                rowData,\n                isExpanded,\n                ...rowProps,\n              }}\n              rows={getChildrenRows({ rowData })}\n            >\n              {rowProps.children}\n            </ExpandedRowComponent>\n          );\n        }\n        return <Row {...rowProps} />;\n      };\n    }, []);\n\n    return renderers;\n  },\n\n  getRowProps(rowProps, grid, { rowData }) {\n    const {\n      props: { rowKey },\n      state: { expandedRows },\n    } = grid.getInstance();\n    const key = rowData[rowKey];\n    const isExpanded = !!expandedRows[key];\n    return {\n      ...rowProps,\n      className: cx(\n        rowProps.className,\n        Object.keys(expandedRows).length > 0 && 'expandable-row',\n        isExpanded && 'expanded',\n      ),\n      isExpanded,\n      showAllRows: expandedRows[key] && expandedRows[key].showAllRows,\n    };\n  },\n});\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/plugins/expandable-grid/ExpandedRow.js

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2 from "react";
 import { DSSeparator } from "@elliemae/ds-separator";
@@ -13,11 +44,11 @@ import { TableBody } from "../../components/TableBody";
 import { Table } from "../../components/Table";
 import { ColumnSizingPlugin } from "../column-sizing";
 const DetailGrid = deferComponentRender(({ parentGrid, parentRowData, rows }) => {
-  const { instanceRef, ...parentProps } = parentGrid.props;
-  const grid = useDataGrid({
-    uuid: parentGrid.getInstance().uuid,
-    ...parentProps,
-    columns: parentGrid.getInstance().decoratedColumns.filter((col) => !col.expandableColumn).map((c) => ({ ...c, expandableColumn: false })),
+  const _a = parentGrid.props, { instanceRef } = _a, parentProps = __objRest(_a, ["instanceRef"]);
+  const grid = useDataGrid(__spreadProps(__spreadValues({
+    uuid: parentGrid.getInstance().uuid
+  }, parentProps), {
+    columns: parentGrid.getInstance().decoratedColumns.filter((col) => !col.expandableColumn).map((c) => __spreadProps(__spreadValues({}, c), { expandableColumn: false })),
     rows,
     plugins: [ColumnSizingPlugin, PaginationPlugin],
     renderers: defaultRenderers,
@@ -29,10 +60,8 @@ const DetailGrid = deferComponentRender(({ parentGrid, parentRowData, rows }) =>
       conditionalPagination: true
     },
     parentRowData
-  });
-  return /* @__PURE__ */ React2.createElement(Table, {
-    ...grid
-  }, /* @__PURE__ */ React2.createElement(TableBody, null));
+  }));
+  return /* @__PURE__ */ React2.createElement(Table, __spreadValues({}, grid), /* @__PURE__ */ React2.createElement(TableBody, null));
 }, null);
 const DetailsWrapper = styled.span`
   flex: 1;
@@ -65,15 +94,13 @@ function ExpandedRow({
     },
     columnSizeService: { expandableGridDetailWidth }
   } = parentGrid.getInstance();
-  const { showAllRows, ...restRowProps } = rowProps;
-  return /* @__PURE__ */ React2.createElement(RowComponent, {
-    ...restRowProps
-  }, /* @__PURE__ */ React2.createElement(BodyCell, {
+  const _a = rowProps, { showAllRows } = _a, restRowProps = __objRest(_a, ["showAllRows"]);
+  return /* @__PURE__ */ React2.createElement(RowComponent, __spreadValues({}, restRowProps), /* @__PURE__ */ React2.createElement(BodyCell, {
     column: decoratedColumns[0],
     columnIndex: 0,
     component: CellComponent,
     grid: parentGrid,
-    rowProps: { rowData, ...rowProps }
+    rowProps: __spreadValues({ rowData }, rowProps)
   }), /* @__PURE__ */ React2.createElement(DetailsWrapper, {
     width: expandableGridDetailWidth
   }, /* @__PURE__ */ React2.createElement(DetailGridWrapper, {

package/dist/esm/plugins/expandable-grid/ExpandedRow.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/expandable-grid/ExpandedRow.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,aAAa,qBAAqB,CAAC,EAAE,YAAY,eAAe,WAAW;AAC/E,QAAM,EAAE,gBAAgB,gBAAgB,WAAW;AACnD,QAAM,OAAO,YAAY;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,oBAAoB;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,qCAAC,OAAD;AAAA,OAAW;AAAA,KACT,qCAAC,WAAD;AAAA,GAGH;AAEH,MAAM,iBAAiB,OAAO;AAAA;AAAA,WAEnB,CAAC,UAAU,MAAM;AAAA;AAG5B,MAAM,oBAAoB,OAAO;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,qCAAC,cAAD;AAAA,OAAkB;AAAA,KAChB,qCAAC,UAAD;AAAA,IACE,QAAQ,iBAAiB;AAAA,IACzB,aAAa;AAAA,IACb,WAAW;AAAA,IACX,MAAM;AAAA,IACN,UAAU,EAAE,YAAY;AAAA,MAE1B,qCAAC,gBAAD;AAAA,IAAgB,OAAO;AAAA,KACrB,qCAAC,mBAAD;AAAA,IACE,gBAAgB,KAAK,SAAS,4BAA4B,IAAI,cAAc,CAAC,QAAQ;AAAA,IACrF;AAAA,KAEA,qCAAC,aAAD;AAAA,IAAa,QAAM;AAAA,IAAC,aAAY;AAAA,MAChC,qCAAC,YAAD;AAAA,IACE;AAAA,IACA,YAAY,WAAW;AAAA,IACvB,eAAe;AAAA,IACf,MAAM,cAAc,OAAQ,SAAQ,IAAI,MAAM,GAAG;AAAA,OAGpD,KAAK,SAAS,4BACb,qCAAC,UAAD;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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,aAAa,qBAAqB,CAAC,EAAE,YAAY,eAAe,WAAW;AAC/E,QAAwC,gBAAW,OAA3C,kBAAgC,IAAhB,wBAAgB,IAAhB,CAAhB;AACR,QAAM,OAAO,YAAY;AAAA,IACvB,MAAM,WAAW,cAAc;AAAA,KAC5B,cAFoB;AAAA,IAGvB,SAAS,WACN,cACA,iBAAiB,OAAO,CAAC,QAAQ,CAAC,IAAI,kBACtC,IAAI,CAAC,MAAO,iCAAK,IAAL,EAAQ,kBAAkB;AAAA,IACzC;AAAA,IACA,SAAS,CAAC,oBAAoB;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,qCAAC,OAAD,mBAAW,OACT,qCAAC,WAAD;AAAA,GAGH;AAEH,MAAM,iBAAiB,OAAO;AAAA;AAAA,WAEnB,CAAC,UAAU,MAAM;AAAA;AAG5B,MAAM,oBAAoB,OAAO;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,QAAyC,eAAjC,kBAAiC,IAAjB,yBAAiB,IAAjB,CAAhB;AACR,SACE,qCAAC,cAAD,mBAAkB,eAChB,qCAAC,UAAD;AAAA,IACE,QAAQ,iBAAiB;AAAA,IACzB,aAAa;AAAA,IACb,WAAW;AAAA,IACX,MAAM;AAAA,IACN,UAAU,iBAAE,WAAY;AAAA,MAE1B,qCAAC,gBAAD;AAAA,IAAgB,OAAO;AAAA,KACrB,qCAAC,mBAAD;AAAA,IACE,gBAAgB,KAAK,SAAS,4BAA4B,IAAI,cAAc,CAAC,QAAQ;AAAA,IACrF;AAAA,KAEA,qCAAC,aAAD;AAAA,IAAa,QAAM;AAAA,IAAC,aAAY;AAAA,MAChC,qCAAC,YAAD;AAAA,IACE;AAAA,IACA,YAAY,WAAW;AAAA,IACvB,eAAe;AAAA,IACf,MAAM,cAAc,OAAQ,SAAQ,IAAI,MAAM,GAAG;AAAA,OAGpD,KAAK,SAAS,4BACb,qCAAC,UAAD;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/dist/esm/plugins/expandable-grid/ExpandedRowExtra.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2 from "react";
 import { cx } from "@elliemae/ds-utilities";
@@ -9,10 +28,9 @@ const DetailsWrapper = aggregatedClasses("div")(`${blockName}-details-wrapper`,
   "ie-flex-basis-auto": true
 }));
 function ExpandedRowExtra({ children, rowData, rowProps, rowComponent: RowComponent, renderRowDetails = () => null }) {
-  return /* @__PURE__ */ React2.createElement(RowComponent, {
-    ...rowProps,
+  return /* @__PURE__ */ React2.createElement(RowComponent, __spreadProps(__spreadValues({}, rowProps), {
     className: cx(rowProps.className, "expanded-detail-row")
-  }, /* @__PURE__ */ React2.createElement(RowComponent, {
+  }), /* @__PURE__ */ React2.createElement(RowComponent, {
     className: "master-row-expanded"
   }, children), /* @__PURE__ */ React2.createElement(DSSeparator, {
     dashed: true,

package/dist/esm/plugins/expandable-grid/ExpandedRowExtra.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/expandable-grid/ExpandedRowExtra.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY,GAAG;AAErB,MAAM,iBAAiB,kBAAkB,OAAO,GAAG,6BAA6B,MAAM,MAAO;AAAA,EAC3F,sBAAsB;AAAA;AAGxB,0BAA0B,EAAE,UAAU,SAAS,UAAU,cAAc,cAAc,mBAAmB,MAAM,QAAQ;AACpH,SACE,qCAAC,cAAD;AAAA,OAAkB;AAAA,IAAU,WAAW,GAAG,SAAS,WAAW;AAAA,KAC5D,qCAAC,cAAD;AAAA,IAAc,WAAU;AAAA,KAAuB,WAC/C,qCAAC,aAAD;AAAA,IAAa,QAAM;AAAA,IAAC,QAAO;AAAA,MAC3B,qCAAC,gBAAD,MAAiB,iBAAiB,EAAE;AAAA;AAM1C,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY,GAAG;AAErB,MAAM,iBAAiB,kBAAkB,OAAO,GAAG,6BAA6B,MAAM,MAAO;AAAA,EAC3F,sBAAsB;AAAA;AAGxB,0BAA0B,EAAE,UAAU,SAAS,UAAU,cAAc,cAAc,mBAAmB,MAAM,QAAQ;AACpH,SACE,qCAAC,cAAD,iCAAkB,WAAlB;AAAA,IAA4B,WAAW,GAAG,SAAS,WAAW;AAAA,MAC5D,qCAAC,cAAD;AAAA,IAAc,WAAU;AAAA,KAAuB,WAC/C,qCAAC,aAAD;AAAA,IAAa,QAAM;AAAA,IAAC,QAAO;AAAA,MAC3B,qCAAC,gBAAD,MAAiB,iBAAiB,EAAE;AAAA;AAM1C,IAAO,2BAAQ;",
   "names": []
 }

package/dist/esm/plugins/export-data/ExportDataPlugin.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import { get } from "@elliemae/ds-utilities";
 import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
@@ -19,10 +35,7 @@ const defaultOptions = (uuid) => ({
   onlySelection: false,
   excludedColumns: void 0
 });
-const getOptions = (opts, uuid) => ({
-  ...defaultOptions(uuid),
-  ...opts
-});
+const getOptions = (opts, uuid) => __spreadValues(__spreadValues({}, defaultOptions(uuid)), opts);
 const getCellValue = (cell) => {
   if (cell === void 0 || cell === null)
     return "";

package/dist/esm/plugins/export-data/ExportDataPlugin.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/export-data/ExportDataPlugin.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable indent */\nimport { get } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\n\nconst isVisible = (column) => {\n  if (typeof column === 'undefined') {\n    return false;\n  }\n  return typeof column.visible === 'undefined' || column.visible;\n};\n\nexport const getColumnValue = (row, property) => get(row, property);\nexport const getVisibleRowData = (row, columns) =>\n  columns.reduce((result, column) => {\n    const columnProperty = column.property;\n    return isVisible(column)\n      ? [...result, getColumnValue(row, `_${columnProperty}`) || getColumnValue(row, columnProperty)]\n      : result;\n  }, []);\n\nconst defaultOptions = (uuid) => ({\n  sheetName: 'SheetName',\n  fileName: `datagrid-${uuid}`,\n  type: 'csv',\n  onlySelection: false,\n  excludedColumns: undefined,\n});\n\nconst getOptions = (opts, uuid) => ({\n  ...defaultOptions(uuid),\n  ...opts,\n});\n\nconst getCellValue = (cell) => {\n  if (cell === undefined || cell === null) return '';\n  return cell;\n};\n\nexport const getExportedData = (rows, columns, range) => {\n  const rowsRanged = range ? rows.slice(...range) : rows;\n  const dataToExport = rowsRanged.map((row) => getVisibleRowData(row, columns));\n  const columnsContent = columns\n    .filter((c) => isVisible(c))\n    .reduce((acc, curr, idx) => `${acc}${idx === 0 ? '' : ','}${curr.label}`, '');\n  const rowsContent = dataToExport\n    .map((e) => e.map((r) => `\"${String(getCellValue(r)).replace(/\"/g, '\"\"')}\"`).join(','))\n    .join('\\r\\n');\n  const csvContent = `${columnsContent}\\r\\n${rowsContent}`;\n  return csvContent;\n};\n\n// eslint-disable-next-line max-statements\nconst exportTo = (rows, columns, { range, fileName, type, excludedColumns }) => {\n  if (excludedColumns) {\n    // eslint-disable-next-line no-param-reassign\n    columns = columns.filter((col) => !excludedColumns.includes(col.property));\n  }\n  const csvContent = getExportedData(rows, columns, range);\n\n  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\n  if (navigator.msSaveBlob) {\n    // IE 10+\n    navigator.msSaveBlob(blob, `${fileName}.${type}`);\n  } else {\n    const link = document.createElement('a');\n    if (link.download !== undefined) {\n      // feature detection\n      // Browsers that support HTML5 download attribute\n      const url = URL.createObjectURL(blob);\n      link.setAttribute('href', url);\n      link.setAttribute('download', `${fileName}.${type}`);\n      link.style.visibility = 'hidden';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n    }\n  }\n};\n\nexport const ExportDataPlugin = createInstancePlugin('export-data', {\n  decorateGrid(instance) {\n    return {\n      exportRows(opts = {}) {\n        const {\n          composedRows: rows,\n          columns,\n          uuid,\n          props: { rowKey },\n          state: { selection },\n        } = instance.getInstance();\n        const options = getOptions(opts, uuid);\n        // check paginated rows\n        let currentRows = rows.allRows || rows;\n        if (opts.onlySelection) {\n          const selectedRows = Object.keys(selection.selectedRows);\n          currentRows = currentRows.filter((r) => selectedRows.includes(String(r[rowKey])));\n        }\n\n        exportTo(currentRows, columns, options);\n      },\n      exportVisibleRows(opts = {}) {\n        const {\n          composedRows: rows,\n          columns,\n          uuid,\n          props: { rowKey },\n          state: { selection },\n        } = instance.getInstance();\n        const options = getOptions(opts, uuid);\n\n        // check paginated rows\n        let currentRows = rows.rows || rows;\n        if (opts.onlySelection) {\n          const selectedRows = Object.keys(selection.selectedRows);\n          currentRows = currentRows.filter((r) => selectedRows.includes(String(r[rowKey])));\n        }\n\n        exportTo(currentRows, columns, options);\n      },\n    };\n  },\n});\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/plugins/filterable/addFilterToColumn.js

@@ -1,10 +1,29 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import { createRef } from "react";
 import { mergeClassNameToColumnHeader } from "@elliemae/ds-shared/useDataGrid/initColumnDefinition";
 import { FilterableFormatter } from "./filterableFormatter";
 const addFilterToColumn = (props, column) => {
   const filterMenuRef = createRef();
-  column.header.formatters.push(FilterableFormatter({ ...props, filterMenuRef }));
+  column.header.formatters.push(FilterableFormatter(__spreadProps(__spreadValues({}, props), { filterMenuRef })));
   column.filterMenu = filterMenuRef;
   return mergeClassNameToColumnHeader("with-filtering", column);
 };

package/dist/esm/plugins/filterable/addFilterToColumn.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/addFilterToColumn.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createRef } from 'react';\nimport { mergeClassNameToColumnHeader } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport { FilterableFormatter } from './filterableFormatter';\n\nexport const addFilterToColumn = (props, column) => {\n  const filterMenuRef = createRef();\n  column.header.formatters.push(\n    FilterableFormatter({ ...props, filterMenuRef }),\n  );\n  column.filterMenu = filterMenuRef;\n  return mergeClassNameToColumnHeader('with-filtering', column);\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,oBAAoB,CAAC,OAAO,WAAW;AAClD,QAAM,gBAAgB;AACtB,SAAO,OAAO,WAAW,KACvB,oBAAoB,KAAK,OAAO;AAElC,SAAO,aAAa;AACpB,SAAO,6BAA6B,kBAAkB;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEO,MAAM,oBAAoB,CAAC,OAAO,WAAW;AAClD,QAAM,gBAAgB;AACtB,SAAO,OAAO,WAAW,KACvB,oBAAoB,iCAAK,QAAL,EAAY;AAElC,SAAO,aAAa;AACpB,SAAO,6BAA6B,kBAAkB;AAAA;",
   "names": []
 }

package/dist/esm/plugins/filterable/components/FilterableHeader.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import React2, { useCallback, useEffect, useState } from "react";
 import PropTypes from "prop-types";
@@ -64,7 +80,7 @@ const FilterableHeader = ({
     className: "header-value"
   }, value), /* @__PURE__ */ React2.createElement(FilterHeaderButton, {
     "data-testid": "data-grid-filter-header__button"
-  }, /* @__PURE__ */ React2.createElement(FilterMenuComponent, {
+  }, /* @__PURE__ */ React2.createElement(FilterMenuComponent, __spreadValues({
     className: "filter-header-menu",
     column,
     filters,
@@ -79,9 +95,8 @@ const FilterableHeader = ({
     onRemoveFilter,
     onOpenMenu: handleOpenMenu,
     onClose: onFilterMenuClose,
-    width: headerWidth,
-    ...get(column, ["filter"], {})
-  })));
+    width: headerWidth
+  }, get(column, ["filter"], {})))));
 };
 FilterableHeader.propTypes = {
   column: PropTypes.any,

package/dist/esm/plugins/filterable/components/FilterableHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/filterable/components/FilterableHeader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-param-reassign */\nimport React, { useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { get, debounce, useResizeObserver} from '@elliemae/ds-utilities';\nimport { useTheme } from '@elliemae/ds-system';\nimport { getFilterMenuByType } from './filterable-menus/getFilterMenuByType';\n\nconst blockName = 'data-grid-filter-header';\n\nconst Container = aggregatedClasses('div')(blockName, null, ({ showFilter }) => ({\n  'show-filter': showFilter,\n}));\nconst FilterHeaderValue = aggregatedClasses('div')(blockName, 'value');\nconst FilterHeaderButton = aggregatedClasses('div')(blockName, 'button');\n\nexport const FilterableHeader = ({\n  column,\n  value,\n  columnData,\n  onAddFilter,\n  onRemoveFilter,\n  filterMenuRef,\n  onFilterMenuClose,\n  onFilterMenuOpen,\n  filters,\n  isMulti,\n}) => {\n  const [isMenuOpened, setMenuOpened] = useState(false);\n  const [headerWidth, setHeaderWidth] = useState();\n  const debouncedWidthSetter = debounce(setHeaderWidth, 200);\n  const { filterMenuMinWidth, filterMenuMaxWidth } = column;\n  const theme = useTheme();\n  const dropdownMinWidth = filterMenuMinWidth || Number(theme.space.xl.replace('px', '')) * 2;\n\n  const defineHeaderWidth = ({ width }) => {\n    let nextWidth = width + 16; // todo: use dimsum space once we convert it to JS\n    if (nextWidth < dropdownMinWidth) nextWidth = dropdownMinWidth;\n    if (filterMenuMaxWidth && nextWidth > filterMenuMaxWidth) nextWidth = filterMenuMaxWidth;\n    return !isMenuOpened ? debouncedWidthSetter(nextWidth) : setHeaderWidth(nextWidth);\n  };\n\n  useEffect(() => {\n    if (filterMenuRef) {\n      filterMenuRef.current = {\n        toggleMenu: () => setMenuOpened((prevState) => !prevState),\n      };\n    }\n  }, [filterMenuRef]);\n\n  useEffect(() => {\n    if (!isMenuOpened) onFilterMenuClose(column);\n    else onFilterMenuOpen(column);\n  });\n\n  const [ref] = useResizeObserver(defineHeaderWidth);\n  const handleOpenMenu = useCallback((open) => {\n    setMenuOpened(open);\n    if (open) onFilterMenuOpen();\n  }, []);\n  const FilterMenuComponent = getFilterMenuByType(get(column, ['filter', 'type']));\n  return (\n    <Container ref={ref} classProps={{ showFilter: isMenuOpened }}>\n      <FilterHeaderValue className=\"header-value\">{value}</FilterHeaderValue>\n      <FilterHeaderButton data-testid=\"data-grid-filter-header__button\">\n        <FilterMenuComponent\n          className=\"filter-header-menu\"\n          column={column}\n          filters={filters}\n          isMenuOpened={isMenuOpened}\n          isMulti={isMulti}\n          menuProps={{\n            options: columnData || [],\n            style: { minWidth: headerWidth, maxWidth: filterMenuMaxWidth },\n            zIndex: 100,\n          }}\n          onAddFilter={onAddFilter}\n          onRemoveFilter={onRemoveFilter}\n          onOpenMenu={handleOpenMenu}\n          onClose={onFilterMenuClose}\n          width={headerWidth}\n          {...get(column, ['filter'], {})}\n        />\n      </FilterHeaderButton>\n    </Container>\n  );\n}\n\nFilterableHeader.propTypes = {\n  column: PropTypes.any,\n  value: PropTypes.any,\n  columnData: PropTypes.any,\n  onAddFilter: PropTypes.func,\n  onRemoveFilter: PropTypes.func,\n  filterMenuRef: PropTypes.any,\n  onFilterMenuClose: PropTypes.func,\n  onFilterMenuOpen: PropTypes.func,\n  filters: PropTypes.arrayOf(PropTypes.shape({})),\n  isMulti: PropTypes.bool,\n};\n\nexport default FilterableHeader;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,YAAY,kBAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,iBAAkB;AAAA,EAC/E,eAAe;AAAA;AAEjB,MAAM,oBAAoB,kBAAkB,OAAO,WAAW;AAC9D,MAAM,qBAAqB,kBAAkB,OAAO,WAAW;AAExD,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,CAAC,cAAc,iBAAiB,SAAS;AAC/C,QAAM,CAAC,aAAa,kBAAkB;AACtC,QAAM,uBAAuB,SAAS,gBAAgB;AACtD,QAAM,EAAE,oBAAoB,uBAAuB;AACnD,QAAM,QAAQ;AACd,QAAM,mBAAmB,sBAAsB,OAAO,MAAM,MAAM,GAAG,QAAQ,MAAM,OAAO;AAE1F,QAAM,oBAAoB,CAAC,EAAE,YAAY;AACvC,QAAI,YAAY,QAAQ;AACxB,QAAI,YAAY;AAAkB,kBAAY;AAC9C,QAAI,sBAAsB,YAAY;AAAoB,kBAAY;AACtE,WAAO,CAAC,eAAe,qBAAqB,aAAa,eAAe;AAAA;AAG1E,YAAU,MAAM;AACd,QAAI,eAAe;AACjB,oBAAc,UAAU;AAAA,QACtB,YAAY,MAAM,cAAc,CAAC,cAAc,CAAC;AAAA;AAAA;AAAA,KAGnD,CAAC;AAEJ,YAAU,MAAM;AACd,QAAI,CAAC;AAAc,wBAAkB;AAAA;AAChC,uBAAiB;AAAA;AAGxB,QAAM,CAAC,OAAO,kBAAkB;AAChC,QAAM,iBAAiB,YAAY,CAAC,SAAS;AAC3C,kBAAc;AACd,QAAI;AAAM;AAAA,KACT;AACH,QAAM,sBAAsB,oBAAoB,IAAI,QAAQ,CAAC,UAAU;AACvE,SACE,qCAAC,WAAD;AAAA,IAAW;AAAA,IAAU,YAAY,EAAE,YAAY;AAAA,KAC7C,qCAAC,mBAAD;AAAA,IAAmB,WAAU;AAAA,KAAgB,QAC7C,qCAAC,oBAAD;AAAA,IAAoB,eAAY;AAAA,KAC9B,qCAAC,qBAAD;AAAA,IACE,WAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT,SAAS,cAAc;AAAA,MACvB,OAAO,EAAE,UAAU,aAAa,UAAU;AAAA,MAC1C,QAAQ;AAAA;AAAA,IAEV;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,OAAO;AAAA,OACH,IAAI,QAAQ,CAAC,WAAW;AAAA;AAAA;AAOtC,iBAAiB,YAAY;AAAA,EAC3B,QAAQ,UAAU;AAAA,EAClB,OAAO,UAAU;AAAA,EACjB,YAAY,UAAU;AAAA,EACtB,aAAa,UAAU;AAAA,EACvB,gBAAgB,UAAU;AAAA,EAC1B,eAAe,UAAU;AAAA,EACzB,mBAAmB,UAAU;AAAA,EAC7B,kBAAkB,UAAU;AAAA,EAC5B,SAAS,UAAU,QAAQ,UAAU,MAAM;AAAA,EAC3C,SAAS,UAAU;AAAA;AAGrB,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,YAAY,kBAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,iBAAkB;AAAA,EAC/E,eAAe;AAAA;AAEjB,MAAM,oBAAoB,kBAAkB,OAAO,WAAW;AAC9D,MAAM,qBAAqB,kBAAkB,OAAO,WAAW;AAExD,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,CAAC,cAAc,iBAAiB,SAAS;AAC/C,QAAM,CAAC,aAAa,kBAAkB;AACtC,QAAM,uBAAuB,SAAS,gBAAgB;AACtD,QAAM,EAAE,oBAAoB,uBAAuB;AACnD,QAAM,QAAQ;AACd,QAAM,mBAAmB,sBAAsB,OAAO,MAAM,MAAM,GAAG,QAAQ,MAAM,OAAO;AAE1F,QAAM,oBAAoB,CAAC,EAAE,YAAY;AACvC,QAAI,YAAY,QAAQ;AACxB,QAAI,YAAY;AAAkB,kBAAY;AAC9C,QAAI,sBAAsB,YAAY;AAAoB,kBAAY;AACtE,WAAO,CAAC,eAAe,qBAAqB,aAAa,eAAe;AAAA;AAG1E,YAAU,MAAM;AACd,QAAI,eAAe;AACjB,oBAAc,UAAU;AAAA,QACtB,YAAY,MAAM,cAAc,CAAC,cAAc,CAAC;AAAA;AAAA;AAAA,KAGnD,CAAC;AAEJ,YAAU,MAAM;AACd,QAAI,CAAC;AAAc,wBAAkB;AAAA;AAChC,uBAAiB;AAAA;AAGxB,QAAM,CAAC,OAAO,kBAAkB;AAChC,QAAM,iBAAiB,YAAY,CAAC,SAAS;AAC3C,kBAAc;AACd,QAAI;AAAM;AAAA,KACT;AACH,QAAM,sBAAsB,oBAAoB,IAAI,QAAQ,CAAC,UAAU;AACvE,SACE,qCAAC,WAAD;AAAA,IAAW;AAAA,IAAU,YAAY,EAAE,YAAY;AAAA,KAC7C,qCAAC,mBAAD;AAAA,IAAmB,WAAU;AAAA,KAAgB,QAC7C,qCAAC,oBAAD;AAAA,IAAoB,eAAY;AAAA,KAC9B,qCAAC,qBAAD;AAAA,IACE,WAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT,SAAS,cAAc;AAAA,MACvB,OAAO,EAAE,UAAU,aAAa,UAAU;AAAA,MAC1C,QAAQ;AAAA;AAAA,IAEV;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,OAAO;AAAA,KACH,IAAI,QAAQ,CAAC,WAAW;AAAA;AAOtC,iBAAiB,YAAY;AAAA,EAC3B,QAAQ,UAAU;AAAA,EAClB,OAAO,UAAU;AAAA,EACjB,YAAY,UAAU;AAAA,EACtB,aAAa,UAAU;AAAA,EACvB,gBAAgB,UAAU;AAAA,EAC1B,eAAe,UAAU;AAAA,EACzB,mBAAmB,UAAU;AAAA,EAC7B,kBAAkB,UAAU;AAAA,EAC5B,SAAS,UAAU,QAAQ,UAAU,MAAM;AAAA,EAC3C,SAAS,UAAU;AAAA;AAGrB,IAAO,2BAAQ;",
   "names": []
 }