@elliemae/ds-datagrids 3.4.2 → 3.4.3

package/dist/cjs/plugins/sortable/useSortableState.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useSortableState_exports = {};
 __export(useSortableState_exports, {
@@ -30,7 +33,9 @@ var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_checkIfSortable = require("./checkIfSortable");
 function useSortableState(grid) {
   const { onSort, sortingColumns: sortingColumnsProp, pagination } = grid.props;
-  const [sortingColumns, setSortingColumns] = (0, import_ds_utilities.useDerivedStateFromProps)(sortingColumnsProp);
+  const [sortingColumns, setSortingColumns] = (0, import_ds_utilities.useDerivedStateFromProps)(
+    sortingColumnsProp
+  );
   const handleSort = (selectedColumn) => {
     const { composedRows = {}, props } = grid.getInstance();
     const { allRows, rows } = composedRows;

package/dist/cjs/plugins/sortable/useSortableState.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/sortable/useSortableState.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import * as sortabular from 'sortabular/dist/index.js';\nimport { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { checkIfSortable } from './checkIfSortable';\n\nexport function useSortableState(grid) {\n  const { onSort, sortingColumns: sortingColumnsProp, pagination } = grid.props;\n\n  const [sortingColumns, setSortingColumns] = useDerivedStateFromProps(\n    sortingColumnsProp,\n  );\n\n  const handleSort = selectedColumn => {\n    // support for pagination\n    const { composedRows = {}, props } = grid.getInstance();\n    const { allRows, rows } = composedRows;\n    const serverSidePagination =\n      pagination &&\n      composedRows.amount !== (composedRows.rows && composedRows.rows.length);\n    if (\n      props.serverSideData ||\n      serverSidePagination ||\n      checkIfSortable(selectedColumn, allRows || rows || composedRows)\n    ) {\n      setSortingColumns(prevSortingColumns => {\n        const nextSortingColumns = sortabular.byColumn({\n          sortingColumns: prevSortingColumns,\n          sortingOrder: {\n            FIRST: 'asc',\n            asc: 'desc',\n            desc: 'asc',\n          },\n          selectedColumn,\n        });\n        const { columns } = grid.getInstance();\n        let columnSorted = columns.find(col => col.property === selectedColumn);\n        columnSorted = {\n          ...columnSorted,\n          originalProperty: columnSorted.property,\n        };\n        onSort(nextSortingColumns, selectedColumn, columnSorted);\n        return nextSortingColumns;\n      });\n    }\n  };\n\n  return {\n    state: { sortingColumns },\n    actions: {\n      sort: handleSort,\n    },\n  };\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iBAA4B;AAC5B,0BAAyC;AACzC,6BAAgC;AAEzB,0BAA0B,MAAM;AACrC,QAAM,EAAE,QAAQ,gBAAgB,oBAAoB,eAAe,KAAK;AAExE,QAAM,CAAC,gBAAgB,qBAAqB,kDAC1C,kBACF;AAEA,QAAM,aAAa,oBAAkB;AAEnC,UAAM,EAAE,eAAe,CAAC,GAAG,UAAU,KAAK,YAAY;AACtD,UAAM,EAAE,SAAS,SAAS;AAC1B,UAAM,uBACJ,cACA,aAAa,WAAY,cAAa,QAAQ,aAAa,KAAK;AAClE,QACE,MAAM,kBACN,wBACA,4CAAgB,gBAAgB,WAAW,QAAQ,YAAY,GAC/D;AACA,wBAAkB,wBAAsB;AACtC,cAAM,qBAAqB,WAAW,SAAS;AAAA,UAC7C,gBAAgB;AAAA,UAChB,cAAc;AAAA,YACZ,OAAO;AAAA,YACP,KAAK;AAAA,YACL,MAAM;AAAA,UACR;AAAA,UACA;AAAA,QACF,CAAC;AACD,cAAM,EAAE,YAAY,KAAK,YAAY;AACrC,YAAI,eAAe,QAAQ,KAAK,SAAO,IAAI,aAAa,cAAc;AACtE,uBAAe;AAAA,UACb,GAAG;AAAA,UACH,kBAAkB,aAAa;AAAA,QACjC;AACA,eAAO,oBAAoB,gBAAgB,YAAY;AACvD,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AAAA,IACL,OAAO,EAAE,eAAe;AAAA,IACxB,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iBAA4B;AAC5B,0BAAyC;AACzC,6BAAgC;AAEzB,SAAS,iBAAiB,MAAM;AACrC,QAAM,EAAE,QAAQ,gBAAgB,oBAAoB,WAAW,IAAI,KAAK;AAExE,QAAM,CAAC,gBAAgB,iBAAiB,QAAI;AAAA,IAC1C;AAAA,EACF;AAEA,QAAM,aAAa,oBAAkB;AAEnC,UAAM,EAAE,eAAe,CAAC,GAAG,MAAM,IAAI,KAAK,YAAY;AACtD,UAAM,EAAE,SAAS,KAAK,IAAI;AAC1B,UAAM,uBACJ,cACA,aAAa,YAAY,aAAa,QAAQ,aAAa,KAAK;AAClE,QACE,MAAM,kBACN,4BACA,wCAAgB,gBAAgB,WAAW,QAAQ,YAAY,GAC/D;AACA,wBAAkB,wBAAsB;AACtC,cAAM,qBAAqB,WAAW,SAAS;AAAA,UAC7C,gBAAgB;AAAA,UAChB,cAAc;AAAA,YACZ,OAAO;AAAA,YACP,KAAK;AAAA,YACL,MAAM;AAAA,UACR;AAAA,UACA;AAAA,QACF,CAAC;AACD,cAAM,EAAE,QAAQ,IAAI,KAAK,YAAY;AACrC,YAAI,eAAe,QAAQ,KAAK,SAAO,IAAI,aAAa,cAAc;AACtE,uBAAe;AAAA,UACb,GAAG;AAAA,UACH,kBAAkB,aAAa;AAAA,QACjC;AACA,eAAO,oBAAoB,gBAAgB,YAAY;AACvD,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AAAA,IACL,OAAO,EAAE,eAAe;AAAA,IACxB,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/plugins/toolbar/RowRenderer.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var RowRenderer_exports = {};
 __export(RowRenderer_exports, {
@@ -25,7 +28,8 @@ __export(RowRenderer_exports, {
 });
 module.exports = __toCommonJS(RowRenderer_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_prop_types = __toESM(require("prop-types"));
 var import_lodash = require("lodash");
 var import_ds_utilities = require("@elliemae/ds-utilities");
@@ -42,7 +46,9 @@ const RowRenderer = (Row, grid) => {
     const [rowStyle, setRowStyle] = (0, import_react.useState)(style);
     const gridInstance = grid.getInstance();
     const { refs, isRowDragging } = gridInstance;
-    const [hasVerticalScrollBar, setHasVerticalScrollBar] = (0, import_react.useState)(refs.body.current && refs.body.current.offsetWidth > refs.body.current.clientWidth);
+    const [hasVerticalScrollBar, setHasVerticalScrollBar] = (0, import_react.useState)(
+      refs.body.current && refs.body.current.offsetWidth > refs.body.current.clientWidth
+    );
     (0, import_react.useEffect)(() => {
       const shouldOmit = isRowDragging ? ["top"] : [];
       setPopStyle({
@@ -54,30 +60,40 @@ const RowRenderer = (Row, grid) => {
       } else {
         setHasVerticalScrollBar(false);
       }
-      setRowStyle((0, import_ds_utilities.omit)(style || {
-        height: !wrapText ? import_rowSizes.RowSizes[gridInstance.props.rowSize] : "auto",
-        position: "relative"
-      }, [shouldOmit]));
+      setRowStyle(
+        (0, import_ds_utilities.omit)(
+          style || {
+            height: !wrapText ? import_rowSizes.RowSizes[gridInstance.props.rowSize] : "auto",
+            position: "relative"
+          },
+          [shouldOmit]
+        )
+      );
     }, [style, isRowDragging]);
-    return /* @__PURE__ */ import_react.default.createElement("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
       className: "row-renderer-fixed-height",
       style: {
         height: !wrapText ? import_rowSizes.RowSizes[gridInstance.props.rowSize] : "auto",
         position: style ? "auto" : "relative"
-      }
-    }, /* @__PURE__ */ import_react.default.createElement(Row, {
-      ref,
-      ...props,
-      style: rowStyle
-    }), (0, import_lodash.isEmpty)(rowData) && !rowData.index && !rowData.rowIndex ? null : /* @__PURE__ */ import_react.default.createElement("div", {
-      className: `toolbar-trigger-container ${style ? "move" : "stay"}`,
-      style: { ...popStyle }
-    }, /* @__PURE__ */ import_react.default.createElement(import_ToolbarTrigger.ToolbarTrigger, {
-      grid,
-      rowData: { rowData, index, rowIndex },
-      hasScrollBar: hasVerticalScrollBar,
-      rowRef: ref
-    })));
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+          ref,
+          ...props,
+          style: rowStyle
+        }),
+        (0, import_lodash.isEmpty)(rowData) && !rowData.index && !rowData.rowIndex ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+          className: `toolbar-trigger-container ${style ? "move" : "stay"}`,
+          style: { ...popStyle },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToolbarTrigger.ToolbarTrigger, {
+            grid,
+            rowData: { rowData, index, rowIndex },
+            hasScrollBar: hasVerticalScrollBar,
+            rowRef: ref
+          })
+        })
+      ]
+    });
   };
   Wrapped.propTypes = {
     rowData: import_prop_types.default.any,

package/dist/cjs/plugins/toolbar/RowRenderer.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/toolbar/RowRenderer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable max-statements */\n/* eslint-disable react/prop-types */\nimport React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { isEmpty } from 'lodash';\nimport { omit } from '@elliemae/ds-utilities';\nimport { ToolbarTrigger } from './ToolbarTrigger';\nimport { RowSizes } from '../../rowSizes';\n\nexport const RowRenderer = (Row, grid) => {\n  const Wrapped = (props) => {\n    const ref = useRef();\n    const { rowData = {}, index, rowIndex, style } = props;\n    const {\n      props: { wrapText },\n    } = grid.getInstance();\n    const [popStyle, setPopStyle] = useState({});\n    const [rowStyle, setRowStyle] = useState(style);\n    const gridInstance = grid.getInstance();\n    const { refs, isRowDragging } = gridInstance;\n    const [hasVerticalScrollBar, setHasVerticalScrollBar] = useState(\n      refs.body.current && refs.body.current.offsetWidth > refs.body.current.clientWidth,\n    );\n\n    useEffect(() => {\n      const shouldOmit = isRowDragging ? ['top'] : [];\n      setPopStyle({\n        ...popStyle,\n        ...{ top: style && !isRowDragging ? style.top : '0' },\n      });\n      if (style) {\n        // style defined means it has virtualization\n        setHasVerticalScrollBar(true);\n      } else {\n        setHasVerticalScrollBar(false);\n      }\n      setRowStyle(\n        omit(\n          style || {\n            height: !wrapText ? RowSizes[gridInstance.props.rowSize] : 'auto',\n            position: 'relative',\n          },\n          [shouldOmit],\n        ),\n      );\n    }, [style, isRowDragging]);\n    return (\n      <div\n        className=\"row-renderer-fixed-height\"\n        style={{\n          height: !wrapText ? RowSizes[gridInstance.props.rowSize] : 'auto',\n          position: style ? 'auto' : 'relative',\n          // top: isDragging ? rowStyle.top - RowSizes[gridInstance.props.rowSize] : 'auto',\n        }}\n      >\n        <Row ref={ref} {...props} style={rowStyle} />\n        {isEmpty(rowData) && !rowData.index && !rowData.rowIndex ? null : (\n          <div className={`toolbar-trigger-container ${style ? 'move' : 'stay'}`} style={{ ...popStyle }}>\n            <ToolbarTrigger\n              grid={grid}\n              rowData={{ rowData, index, rowIndex }}\n              hasScrollBar={hasVerticalScrollBar}\n              rowRef={ref}\n            />\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  Wrapped.propTypes = {\n    rowData: PropTypes.any,\n    index: PropTypes.number,\n    rowIndex: PropTypes.number,\n    style: PropTypes.any,\n  };\n\n  return Wrapped;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAmD;AACnD,wBAAsB;AACtB,oBAAwB;AACxB,0BAAqB;AACrB,4BAA+B;AAC/B,sBAAyB;AAElB,MAAM,cAAc,CAAC,KAAK,SAAS;AACxC,QAAM,UAAU,CAAC,UAAU;AACzB,UAAM,MAAM,yBAAO;AACnB,UAAM,EAAE,UAAU,CAAC,GAAG,OAAO,UAAU,UAAU;AACjD,UAAM;AAAA,MACJ,OAAO,EAAE;AAAA,QACP,KAAK,YAAY;AACrB,UAAM,CAAC,UAAU,eAAe,2BAAS,CAAC,CAAC;AAC3C,UAAM,CAAC,UAAU,eAAe,2BAAS,KAAK;AAC9C,UAAM,eAAe,KAAK,YAAY;AACtC,UAAM,EAAE,MAAM,kBAAkB;AAChC,UAAM,CAAC,sBAAsB,2BAA2B,2BACtD,KAAK,KAAK,WAAW,KAAK,KAAK,QAAQ,cAAc,KAAK,KAAK,QAAQ,WACzE;AAEA,gCAAU,MAAM;AACd,YAAM,aAAa,gBAAgB,CAAC,KAAK,IAAI,CAAC;AAC9C,kBAAY;AAAA,QACV,GAAG;AAAA,QACH,GAAG,EAAE,KAAK,SAAS,CAAC,gBAAgB,MAAM,MAAM,IAAI;AAAA,MACtD,CAAC;AACD,UAAI,OAAO;AAET,gCAAwB,IAAI;AAAA,MAC9B,OAAO;AACL,gCAAwB,KAAK;AAAA,MAC/B;AACA,kBACE,8BACE,SAAS;AAAA,QACP,QAAQ,CAAC,WAAW,yBAAS,aAAa,MAAM,WAAW;AAAA,QAC3D,UAAU;AAAA,MACZ,GACA,CAAC,UAAU,CACb,CACF;AAAA,IACF,GAAG,CAAC,OAAO,aAAa,CAAC;AACzB,WACE,mDAAC;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,QAAQ,CAAC,WAAW,yBAAS,aAAa,MAAM,WAAW;AAAA,QAC3D,UAAU,QAAQ,SAAS;AAAA,MAE7B;AAAA,OAEA,mDAAC;AAAA,MAAI;AAAA,MAAW,GAAG;AAAA,MAAO,OAAO;AAAA,KAAU,GAC1C,2BAAQ,OAAO,KAAK,CAAC,QAAQ,SAAS,CAAC,QAAQ,WAAW,OACzD,mDAAC;AAAA,MAAI,WAAW,6BAA6B,QAAQ,SAAS;AAAA,MAAU,OAAO,EAAE,GAAG,SAAS;AAAA,OAC3F,mDAAC;AAAA,MACC;AAAA,MACA,SAAS,EAAE,SAAS,OAAO,SAAS;AAAA,MACpC,cAAc;AAAA,MACd,QAAQ;AAAA,KACV,CACF,CAEJ;AAAA,EAEJ;AAEA,UAAQ,YAAY;AAAA,IAClB,SAAS,0BAAU;AAAA,IACnB,OAAO,0BAAU;AAAA,IACjB,UAAU,0BAAU;AAAA,IACpB,OAAO,0BAAU;AAAA,EACnB;AAEA,SAAO;AACT;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAGA,mBAAmD;AACnD,wBAAsB;AACtB,oBAAwB;AACxB,0BAAqB;AACrB,4BAA+B;AAC/B,sBAAyB;AAElB,MAAM,cAAc,CAAC,KAAK,SAAS;AACxC,QAAM,UAAU,CAAC,UAAU;AACzB,UAAM,UAAM,qBAAO;AACnB,UAAM,EAAE,UAAU,CAAC,GAAG,OAAO,UAAU,MAAM,IAAI;AACjD,UAAM;AAAA,MACJ,OAAO,EAAE,SAAS;AAAA,IACpB,IAAI,KAAK,YAAY;AACrB,UAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,CAAC,CAAC;AAC3C,UAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,UAAM,eAAe,KAAK,YAAY;AACtC,UAAM,EAAE,MAAM,cAAc,IAAI;AAChC,UAAM,CAAC,sBAAsB,uBAAuB,QAAI;AAAA,MACtD,KAAK,KAAK,WAAW,KAAK,KAAK,QAAQ,cAAc,KAAK,KAAK,QAAQ;AAAA,IACzE;AAEA,gCAAU,MAAM;AACd,YAAM,aAAa,gBAAgB,CAAC,KAAK,IAAI,CAAC;AAC9C,kBAAY;AAAA,QACV,GAAG;AAAA,QACH,GAAG,EAAE,KAAK,SAAS,CAAC,gBAAgB,MAAM,MAAM,IAAI;AAAA,MACtD,CAAC;AACD,UAAI,OAAO;AAET,gCAAwB,IAAI;AAAA,MAC9B,OAAO;AACL,gCAAwB,KAAK;AAAA,MAC/B;AACA;AAAA,YACE;AAAA,UACE,SAAS;AAAA,YACP,QAAQ,CAAC,WAAW,yBAAS,aAAa,MAAM,WAAW;AAAA,YAC3D,UAAU;AAAA,UACZ;AAAA,UACA,CAAC,UAAU;AAAA,QACb;AAAA,MACF;AAAA,IACF,GAAG,CAAC,OAAO,aAAa,CAAC;AACzB,WACE,6CAAC;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,QAAQ,CAAC,WAAW,yBAAS,aAAa,MAAM,WAAW;AAAA,QAC3D,UAAU,QAAQ,SAAS;AAAA,MAE7B;AAAA,MAEA;AAAA,oDAAC;AAAA,UAAI;AAAA,UAAW,GAAG;AAAA,UAAO,OAAO;AAAA,SAAU;AAAA,YAC1C,uBAAQ,OAAO,KAAK,CAAC,QAAQ,SAAS,CAAC,QAAQ,WAAW,OACzD,4CAAC;AAAA,UAAI,WAAW,6BAA6B,QAAQ,SAAS;AAAA,UAAU,OAAO,EAAE,GAAG,SAAS;AAAA,UAC3F,sDAAC;AAAA,YACC;AAAA,YACA,SAAS,EAAE,SAAS,OAAO,SAAS;AAAA,YACpC,cAAc;AAAA,YACd,QAAQ;AAAA,WACV;AAAA,SACF;AAAA;AAAA,KAEJ;AAAA,EAEJ;AAEA,UAAQ,YAAY;AAAA,IAClB,SAAS,kBAAAA,QAAU;AAAA,IACnB,OAAO,kBAAAA,QAAU;AAAA,IACjB,UAAU,kBAAAA,QAAU;AAAA,IACpB,OAAO,kBAAAA,QAAU;AAAA,EACnB;AAEA,SAAO;AACT;",
+  "names": ["PropTypes"]
 }

package/dist/cjs/plugins/toolbar/ToolbarPlugin.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ToolbarPlugin_exports = {};
 __export(ToolbarPlugin_exports, {
@@ -25,18 +28,27 @@ __export(ToolbarPlugin_exports, {
 });
 module.exports = __toCommonJS(ToolbarPlugin_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_shared = require("@elliemae/ds-shared");
 var import_RowRenderer = require("./RowRenderer");
 const decorateColumns = (columns) => {
   const lastColumn = columns[columns.length - 1];
   return [
     ...columns.slice(0, -1),
-    (0, import_ds_shared.appendCellFormatter)([
-      (value) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, value, /* @__PURE__ */ import_react.default.createElement("div", {
-        style: { width: 34, maxWidth: 34, overflow: "hidden" }
-      }))
-    ], lastColumn, "fixedFormatters")
+    (0, import_ds_shared.appendCellFormatter)(
+      [
+        (value) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [
+            value,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+              style: { width: 34, maxWidth: 34, overflow: "hidden" }
+            })
+          ]
+        })
+      ],
+      lastColumn,
+      "fixedFormatters"
+    )
   ];
 };
 const decorateRenderers = (renderers, grid) => {

package/dist/cjs/plugins/toolbar/ToolbarPlugin.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/toolbar/ToolbarPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { createInstancePlugin, appendCellFormatter } from '@elliemae/ds-shared';\nimport { RowRenderer } from './RowRenderer';\n\nconst decorateColumns = (columns) => {\n  const lastColumn = columns[columns.length - 1];\n  return [\n    ...columns.slice(0, -1),\n    appendCellFormatter(\n      [\n        (value) => (\n          <>\n            {value}\n            <div style={{ width: 34, maxWidth: 34, overflow: 'hidden' }} />\n          </>\n        ),\n      ],\n      lastColumn,\n      'fixedFormatters',\n    ),\n  ];\n};\n\nconst decorateRenderers = (renderers, grid) => {\n  const Row = renderers.body.row;\n  renderers.body.row = RowRenderer(Row, grid);\n  return renderers;\n};\n\nexport const ToolbarPlugin = createInstancePlugin('toolbar', {\n  decorateRenderers,\n  decorateColumns,\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAA0D;AAC1D,yBAA4B;AAE5B,MAAM,kBAAkB,CAAC,YAAY;AACnC,QAAM,aAAa,QAAQ,QAAQ,SAAS;AAC5C,SAAO;AAAA,IACL,GAAG,QAAQ,MAAM,GAAG,EAAE;AAAA,IACtB,0CACE;AAAA,MACE,CAAC,UACC,wFACG,OACD,mDAAC;AAAA,QAAI,OAAO,EAAE,OAAO,IAAI,UAAU,IAAI,UAAU,SAAS;AAAA,OAAG,CAC/D;AAAA,IAEJ,GACA,YACA,iBACF;AAAA,EACF;AACF;AAEA,MAAM,oBAAoB,CAAC,WAAW,SAAS;AAC7C,QAAM,MAAM,UAAU,KAAK;AAC3B,YAAU,KAAK,MAAM,oCAAY,KAAK,IAAI;AAC1C,SAAO;AACT;AAEO,MAAM,gBAAgB,2CAAqB,WAAW;AAAA,EAC3D;AAAA,EACA;AACF,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,uBAA0D;AAC1D,yBAA4B;AAE5B,MAAM,kBAAkB,CAAC,YAAY;AACnC,QAAM,aAAa,QAAQ,QAAQ,SAAS;AAC5C,SAAO;AAAA,IACL,GAAG,QAAQ,MAAM,GAAG,EAAE;AAAA,QACtB;AAAA,MACE;AAAA,QACE,CAAC,UACC;AAAA,UACG;AAAA;AAAA,YACD,4CAAC;AAAA,cAAI,OAAO,EAAE,OAAO,IAAI,UAAU,IAAI,UAAU,SAAS;AAAA,aAAG;AAAA;AAAA,SAC/D;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,oBAAoB,CAAC,WAAW,SAAS;AAC7C,QAAM,MAAM,UAAU,KAAK;AAC3B,YAAU,KAAK,UAAM,gCAAY,KAAK,IAAI;AAC1C,SAAO;AACT;AAEO,MAAM,oBAAgB,uCAAqB,WAAW;AAAA,EAC3D;AAAA,EACA;AACF,CAAC;",
   "names": []
 }

package/dist/cjs/plugins/toolbar/ToolbarTrigger.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ToolbarTrigger_exports = {};
 __export(ToolbarTrigger_exports, {
@@ -26,7 +29,8 @@ __export(ToolbarTrigger_exports, {
 });
 module.exports = __toCommonJS(ToolbarTrigger_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_button = require("@elliemae/ds-button");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -76,24 +80,31 @@ const ToolbarTrigger = ({ grid, rowData, hasScrollBar, rowRef }) => {
     isToolbarShown: show,
     setToolbarShow: setShow
   }) : null;
-  return /* @__PURE__ */ import_react.default.createElement(ToolbarPosition, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolbarPosition, {
     rowSize,
-    rowRef
-  }, /* @__PURE__ */ import_react.default.createElement(ToolbarWrapper, {
-    onMouseEnter: () => setShow(true),
-    onMouseLeave: () => setShow(false),
-    showShadow: show,
-    rowSize,
-    hasScrollBar
-  }, show && /* @__PURE__ */ import_react.default.createElement(ToolbarBtns, null, toolbar), /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
-    buttonType: "text",
-    className: "toolbar-trigger",
-    "data-testid": "toolbar-trigger",
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MoreOptionsVert, null),
-    index: rowData.index,
-    onClick: () => setShow(true),
-    tabIndex: -1
-  })));
+    rowRef,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ToolbarWrapper, {
+      onMouseEnter: () => setShow(true),
+      onMouseLeave: () => setShow(false),
+      showShadow: show,
+      rowSize,
+      hasScrollBar,
+      children: [
+        show && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolbarBtns, {
+          children: toolbar
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, {
+          buttonType: "text",
+          className: "toolbar-trigger",
+          "data-testid": "toolbar-trigger",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MoreOptionsVert, {}),
+          index: rowData.index,
+          onClick: () => setShow(true),
+          tabIndex: -1
+        })
+      ]
+    })
+  });
 };
 var ToolbarTrigger_default = ToolbarTrigger;
 //# sourceMappingURL=ToolbarTrigger.js.map

package/dist/cjs/plugins/toolbar/ToolbarTrigger.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/toolbar/ToolbarTrigger.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useState } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { DSButton } from '@elliemae/ds-button';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\n\nconst ToolbarBtns = styled.div`\n  & > .em-ds-toolbar {\n    box-shadow: none;\n  }\n`;\n\nconst ToolbarWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  height: ${(props) => (props.rowSize === 'normal' ? '36px' : '28px')};\n  margin-left: -4px;\n  margin-right: ${(props) => (props.hasScrollBar ? '0' : '-10px')};\n  padding-right: 4px;\n  pointer-events: all;\n  background: white;\n  ${(props) =>\n    props.showShadow\n      ? `box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2),\n  1px 0px 2px 0px rgba(0, 0, 0, 0.2);`\n      : ''}\n  &:hover {\n    box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2), 1px 0px 2px 0px rgba(0, 0, 0, 0.2);\n    & > .toolbar-trigger {\n      border: none;\n    }\n  }\n`;\n\nconst ToolbarPosition = styled.div`\n  position: absolute;\n  z-index: 10;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  width: 0;\n  pointer-events: none;\n  top: 0;\n  height: ${(props) => (props.rowRef.current ? `${props.rowRef.current.offsetHeight}px` : '36px')};\n  margin-top: ${(props) => (props.rowSize === 'normal' ? '0' : '0')};\n`;\n\n// eslint-disable-next-line react/prop-types\nexport const ToolbarTrigger = ({ grid, rowData, hasScrollBar, rowRef }) => {\n  const {\n    props: { renderToolbar, rowSize },\n    // eslint-disable-next-line react/prop-types\n  } = grid.getInstance();\n  const [show, setShow] = useState(false);\n  /* eslint-disable indent */\n  const toolbar = show\n    ? renderToolbar({\n        ...rowData,\n        size: rowSize,\n        isToolbarShown: show,\n        setToolbarShow: setShow,\n      })\n    : null;\n  /* eslint-enable indent */\n  return (\n    <ToolbarPosition rowSize={rowSize} rowRef={rowRef}>\n      <ToolbarWrapper\n        onMouseEnter={() => setShow(true)}\n        onMouseLeave={() => setShow(false)}\n        showShadow={show}\n        rowSize={rowSize}\n        hasScrollBar={hasScrollBar}\n      >\n        {show && <ToolbarBtns>{toolbar}</ToolbarBtns>}\n        <DSButton\n          buttonType=\"text\"\n          className=\"toolbar-trigger\"\n          data-testid=\"toolbar-trigger\"\n          icon={<MoreOptionsVert />}\n          // eslint-disable-next-line react/prop-types\n          index={rowData.index}\n          onClick={() => setShow(true)}\n          tabIndex={-1}\n        />\n      </ToolbarWrapper>\n    </ToolbarPosition>\n  );\n};\n\nexport default ToolbarTrigger;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAgC;AAChC,uBAAuB;AACvB,uBAAyB;AACzB,sBAAgC;AAEhC,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA,YAGlB,CAAC,UAAW,MAAM,YAAY,WAAW,SAAS;AAAA;AAAA,kBAE5C,CAAC,UAAW,MAAM,eAAe,MAAM;AAAA;AAAA;AAAA;AAAA,IAIrD,CAAC,UACD,MAAM,aACF;AAAA,yCAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASR,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YASnB,CAAC,UAAW,MAAM,OAAO,UAAU,GAAG,MAAM,OAAO,QAAQ,mBAAmB;AAAA,gBAC1E,CAAC,UAAW,MAAM,YAAY,WAAW,MAAM;AAAA;AAIxD,MAAM,iBAAiB,CAAC,EAAE,MAAM,SAAS,cAAc,aAAa;AACzE,QAAM;AAAA,IACJ,OAAO,EAAE,eAAe;AAAA,MAEtB,KAAK,YAAY;AACrB,QAAM,CAAC,MAAM,WAAW,2BAAS,KAAK;AAEtC,QAAM,UAAU,OACZ,cAAc;AAAA,IACZ,GAAG;AAAA,IACH,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,EAClB,CAAC,IACD;AAEJ,SACE,mDAAC;AAAA,IAAgB;AAAA,IAAkB;AAAA,KACjC,mDAAC;AAAA,IACC,cAAc,MAAM,QAAQ,IAAI;AAAA,IAChC,cAAc,MAAM,QAAQ,KAAK;AAAA,IACjC,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,KAEC,QAAQ,mDAAC,mBAAa,OAAQ,GAC/B,mDAAC;AAAA,IACC,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,MAAM,mDAAC,qCAAgB;AAAA,IAEvB,OAAO,QAAQ;AAAA,IACf,SAAS,MAAM,QAAQ,IAAI;AAAA,IAC3B,UAAU;AAAA,GACZ,CACF,CACF;AAEJ;AAEA,IAAO,yBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAgC;AAChC,uBAAuB;AACvB,uBAAyB;AACzB,sBAAgC;AAEhC,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA,YAGlB,CAAC,UAAW,MAAM,YAAY,WAAW,SAAS;AAAA;AAAA,kBAE5C,CAAC,UAAW,MAAM,eAAe,MAAM;AAAA;AAAA;AAAA;AAAA,IAIrD,CAAC,UACD,MAAM,aACF;AAAA,yCAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASR,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YASnB,CAAC,UAAW,MAAM,OAAO,UAAU,GAAG,MAAM,OAAO,QAAQ,mBAAmB;AAAA,gBAC1E,CAAC,UAAW,MAAM,YAAY,WAAW,MAAM;AAAA;AAIxD,MAAM,iBAAiB,CAAC,EAAE,MAAM,SAAS,cAAc,OAAO,MAAM;AACzE,QAAM;AAAA,IACJ,OAAO,EAAE,eAAe,QAAQ;AAAA,EAElC,IAAI,KAAK,YAAY;AACrB,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AAEtC,QAAM,UAAU,OACZ,cAAc;AAAA,IACZ,GAAG;AAAA,IACH,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,EAClB,CAAC,IACD;AAEJ,SACE,4CAAC;AAAA,IAAgB;AAAA,IAAkB;AAAA,IACjC,uDAAC;AAAA,MACC,cAAc,MAAM,QAAQ,IAAI;AAAA,MAChC,cAAc,MAAM,QAAQ,KAAK;AAAA,MACjC,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MAEC;AAAA,gBAAQ,4CAAC;AAAA,UAAa;AAAA,SAAQ;AAAA,QAC/B,4CAAC;AAAA,UACC,YAAW;AAAA,UACX,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,MAAM,4CAAC,mCAAgB;AAAA,UAEvB,OAAO,QAAQ;AAAA,UACf,SAAS,MAAM,QAAQ,IAAI;AAAA,UAC3B,UAAU;AAAA,SACZ;AAAA;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,IAAO,yBAAQ;",
   "names": []
 }

package/dist/cjs/plugins/toolbar/index.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var toolbar_exports = {};
 __export(toolbar_exports, {

package/dist/cjs/plugins/toolbar/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/toolbar/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { ToolbarPlugin } from './ToolbarPlugin';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAA8B;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAA8B;",
   "names": []
 }

package/dist/cjs/plugins/virtualization/AutoHeightList.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var AutoHeightList_exports = {};
 __export(AutoHeightList_exports, {
@@ -26,40 +29,43 @@ __export(AutoHeightList_exports, {
 });
 module.exports = __toCommonJS(AutoHeightList_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_react_window = require("react-window");
 var import_ds_utilities = require("@elliemae/ds-utilities");
-const AutoHeightList = (0, import_react.forwardRef)(({
-  itemCount,
-  className,
-  innerRef,
-  itemData,
-  itemKey,
-  itemSize,
-  outerRef,
-  component: ListComponent = import_react_window.FixedSizeList,
-  ...otherProps
-}, ref) => {
-  const listRef = (0, import_react.useRef)();
-  const outerListRef = (0, import_react.useRef)();
-  (0, import_ds_utilities.useWindowScrollerList)({
-    listInstance: listRef,
-    outerListRef
-  });
-  return /* @__PURE__ */ import_react.default.createElement(ListComponent, {
-    ...otherProps,
-    ref: (0, import_ds_utilities.mergeRefs)(ref, listRef),
-    className: (0, import_ds_utilities.cx)(className, "window-scroller-override"),
-    height: window.innerHeight,
-    innerRef,
+const AutoHeightList = (0, import_react.forwardRef)(
+  ({
     itemCount,
+    className,
+    innerRef,
     itemData,
     itemKey,
     itemSize,
-    outerRef: (0, import_ds_utilities.mergeRefs)(outerListRef, outerRef),
-    overscanCount: 10,
-    useIsScrolling: true
-  });
-});
+    outerRef,
+    component: ListComponent = import_react_window.FixedSizeList,
+    ...otherProps
+  }, ref) => {
+    const listRef = (0, import_react.useRef)();
+    const outerListRef = (0, import_react.useRef)();
+    (0, import_ds_utilities.useWindowScrollerList)({
+      listInstance: listRef,
+      outerListRef
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListComponent, {
+      ...otherProps,
+      ref: (0, import_ds_utilities.mergeRefs)(ref, listRef),
+      className: (0, import_ds_utilities.cx)(className, "window-scroller-override"),
+      height: window.innerHeight,
+      innerRef,
+      itemCount,
+      itemData,
+      itemKey,
+      itemSize,
+      outerRef: (0, import_ds_utilities.mergeRefs)(outerListRef, outerRef),
+      overscanCount: 10,
+      useIsScrolling: true
+    });
+  }
+);
 var AutoHeightList_default = AutoHeightList;
 //# sourceMappingURL=AutoHeightList.js.map

package/dist/cjs/plugins/virtualization/AutoHeightList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/virtualization/AutoHeightList.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { forwardRef, useRef } from 'react';\nimport { FixedSizeList as List } from 'react-window';\nimport { mergeRefs , useWindowScrollerList, cx } from '@elliemae/ds-utilities';\n\n// eslint-disable-next-line react/display-name\nexport const AutoHeightList = forwardRef(\n  (\n    {\n      itemCount,\n      className,\n      innerRef,\n      itemData,\n      itemKey,\n      itemSize,\n      outerRef,\n      component: ListComponent = List,\n      ...otherProps\n    },\n    ref,\n  ) => {\n    const listRef = useRef();\n    const outerListRef = useRef();\n\n    useWindowScrollerList({\n      listInstance: listRef,\n      outerListRef,\n    });\n\n    return (\n      <ListComponent\n        {...otherProps}\n        ref={mergeRefs(ref, listRef)}\n        className={cx(className, 'window-scroller-override')}\n        height={window.innerHeight}\n        innerRef={innerRef}\n        itemCount={itemCount}\n        itemData={itemData}\n        itemKey={itemKey}\n        itemSize={itemSize}\n        outerRef={mergeRefs(outerListRef, outerRef)}\n        overscanCount={10}\n        useIsScrolling\n      />\n    );\n  },\n);\n\nexport default AutoHeightList;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0C;AAC1C,0BAAsC;AACtC,0BAAsD;AAG/C,MAAM,iBAAiB,6BAC5B,CACE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW,gBAAgB;AAAA,KACxB;AAAA,GAEL,QACG;AACH,QAAM,UAAU,yBAAO;AACvB,QAAM,eAAe,yBAAO;AAE5B,iDAAsB;AAAA,IACpB,cAAc;AAAA,IACd;AAAA,EACF,CAAC;AAED,SACE,mDAAC;AAAA,IACE,GAAG;AAAA,IACJ,KAAK,mCAAU,KAAK,OAAO;AAAA,IAC3B,WAAW,4BAAG,WAAW,0BAA0B;AAAA,IACnD,QAAQ,OAAO;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,mCAAU,cAAc,QAAQ;AAAA,IAC1C,eAAe;AAAA,IACf,gBAAc;AAAA,GAChB;AAEJ,CACF;AAEA,IAAO,yBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAA0C;AAC1C,0BAAsC;AACtC,0BAAsD;AAG/C,MAAM,qBAAiB;AAAA,EAC5B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,gBAAgB,oBAAAA;AAAA,OACxB;AAAA,EACL,GACA,QACG;AACH,UAAM,cAAU,qBAAO;AACvB,UAAM,mBAAe,qBAAO;AAE5B,mDAAsB;AAAA,MACpB,cAAc;AAAA,MACd;AAAA,IACF,CAAC;AAED,WACE,4CAAC;AAAA,MACE,GAAG;AAAA,MACJ,SAAK,+BAAU,KAAK,OAAO;AAAA,MAC3B,eAAW,wBAAG,WAAW,0BAA0B;AAAA,MACnD,QAAQ,OAAO;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAU,+BAAU,cAAc,QAAQ;AAAA,MAC1C,eAAe;AAAA,MACf,gBAAc;AAAA,KAChB;AAAA,EAEJ;AACF;AAEA,IAAO,yBAAQ;",
+  "names": ["List"]
 }

package/dist/cjs/plugins/virtualization/VirtualizationPlugin.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var VirtualizationPlugin_exports = {};
 __export(VirtualizationPlugin_exports, {
@@ -25,7 +28,8 @@ __export(VirtualizationPlugin_exports, {
 });
 module.exports = __toCommonJS(VirtualizationPlugin_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_lodash = require("lodash");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_shared = require("@elliemae/ds-shared");
@@ -33,56 +37,60 @@ var import_VirtualizedBody = require("./VirtualizedBody");
 const VirtualizationPlugin = (0, import_ds_shared.createInstancePlugin)("virtualization", {
   decorateRenderers(renderers, grid) {
     const BodyWrapper = renderers.body.wrapper;
-    renderers.body.wrapper = (0, import_react.useMemo)(() => (props) => {
-      const { listProps = {}, rows } = props;
-      const {
-        hotKeys,
-        props: { autoHeight, autoScrollToId, expandable, overscanCount, rowSize },
-        refs: { innerBody },
-        setHasScroll,
-        state: { filters }
-      } = grid.getInstance();
-      const listRef = (0, import_react.useRef)();
-      const nextListProps = {
-        ...listProps,
-        ref: (0, import_ds_utilities.mergeRefs)(listRef, listProps.ref)
-      };
-      return /* @__PURE__ */ import_react.default.createElement(import_ds_shared.FocusGrid, {
-        hotKeys,
-        keyBindings: ({ defaultBindings }) => ({
-          ...defaultBindings,
-          Home: (0, import_ds_utilities.runAll)((e) => {
-            if (e.ctrlKey) {
-              listRef.current.scrollToItem(0);
-              setTimeout(() => defaultBindings.Home(e), 10);
-            } else {
-              defaultBindings.Home(e);
-            }
+    renderers.body.wrapper = (0, import_react.useMemo)(
+      () => (props) => {
+        const { listProps = {}, rows } = props;
+        const {
+          hotKeys,
+          props: { autoHeight, autoScrollToId, expandable, overscanCount, rowSize },
+          refs: { innerBody },
+          setHasScroll,
+          state: { filters }
+        } = grid.getInstance();
+        const listRef = (0, import_react.useRef)();
+        const nextListProps = {
+          ...listProps,
+          ref: (0, import_ds_utilities.mergeRefs)(listRef, listProps.ref)
+        };
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_shared.FocusGrid, {
+          hotKeys,
+          keyBindings: ({ defaultBindings }) => ({
+            ...defaultBindings,
+            Home: (0, import_ds_utilities.runAll)((e) => {
+              if (e.ctrlKey) {
+                listRef.current.scrollToItem(0);
+                setTimeout(() => defaultBindings.Home(e), 10);
+              } else {
+                defaultBindings.Home(e);
+              }
+            }),
+            End: (0, import_ds_utilities.runAll)((e) => {
+              if (e.ctrlKey) {
+                listRef.current.scrollToItem(rows.length - 1);
+                setTimeout(() => defaultBindings.End(e), 10);
+              } else {
+                defaultBindings.End(e);
+              }
+            })
           }),
-          End: (0, import_ds_utilities.runAll)((e) => {
-            if (e.ctrlKey) {
-              listRef.current.scrollToItem(rows.length - 1);
-              setTimeout(() => defaultBindings.End(e), 10);
-            } else {
-              defaultBindings.End(e);
-            }
+          shouldRefocus: false,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_VirtualizedBody.VirtualizedBody, {
+            ...props,
+            autoScrollToId,
+            autoHeight,
+            component: BodyWrapper,
+            expandable,
+            innerBody,
+            listProps: nextListProps,
+            overscanCount,
+            rowSize,
+            setHasScroll,
+            filters
           })
-        }),
-        shouldRefocus: false
-      }, /* @__PURE__ */ import_react.default.createElement(import_VirtualizedBody.VirtualizedBody, {
-        ...props,
-        autoScrollToId,
-        autoHeight,
-        component: BodyWrapper,
-        expandable,
-        innerBody,
-        listProps: nextListProps,
-        overscanCount,
-        rowSize,
-        setHasScroll,
-        filters
-      }));
-    }, [(0, import_lodash.get)(grid.getInstance(), "rows.length")]);
+        });
+      },
+      [(0, import_lodash.get)(grid.getInstance(), "rows.length")]
+    );
     return renderers;
   }
 });

package/dist/cjs/plugins/virtualization/VirtualizationPlugin.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/virtualization/VirtualizationPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable no-param-reassign */\n/* eslint-disable react/prop-types */\n/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { useMemo, useRef } from 'react';\nimport { get } from 'lodash';\nimport { runAll, mergeRefs } from '@elliemae/ds-utilities';\nimport { createInstancePlugin, FocusGrid } from '@elliemae/ds-shared';\nimport { VirtualizedBody } from './VirtualizedBody';\n\nexport const VirtualizationPlugin = createInstancePlugin('virtualization', {\n  decorateRenderers(renderers, grid) {\n    const BodyWrapper = renderers.body.wrapper;\n    // eslint-disable-next-line react/display-name\n    renderers.body.wrapper = useMemo(\n      () => (props) => {\n        const { listProps = {}, rows } = props;\n        const {\n          hotKeys,\n          props: { autoHeight, autoScrollToId, expandable, overscanCount, rowSize },\n          refs: { innerBody },\n          setHasScroll,\n          state: { filters },\n        } = grid.getInstance();\n\n        const listRef = useRef();\n        const nextListProps = {\n          ...listProps,\n          ref: mergeRefs(listRef, listProps.ref),\n        };\n        return (\n          <FocusGrid\n            hotKeys={hotKeys}\n            keyBindings={({ defaultBindings }) => ({\n              ...defaultBindings,\n              // todo: this is kind of hacky, since it's virtualized and there's\n              //  the possibility that the firsts or lasts rows aren't rendered\n              Home: runAll((e) => {\n                if (e.ctrlKey) {\n                  listRef.current.scrollToItem(0);\n                  setTimeout(() => defaultBindings.Home(e), 10);\n                } else {\n                  defaultBindings.Home(e);\n                }\n              }),\n              End: runAll((e) => {\n                if (e.ctrlKey) {\n                  listRef.current.scrollToItem(rows.length - 1);\n                  setTimeout(() => defaultBindings.End(e), 10);\n                } else {\n                  defaultBindings.End(e);\n                }\n              }),\n            })}\n            shouldRefocus={false}\n          >\n            <VirtualizedBody\n              {...props}\n              autoScrollToId={autoScrollToId}\n              autoHeight={autoHeight}\n              component={BodyWrapper}\n              expandable={expandable}\n              innerBody={innerBody}\n              listProps={nextListProps}\n              overscanCount={overscanCount}\n              rowSize={rowSize}\n              setHasScroll={setHasScroll}\n              filters={filters}\n            />\n          </FocusGrid>\n        );\n      },\n      [get(grid.getInstance(), 'rows.length')],\n    );\n    return renderers;\n  },\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAuC;AACvC,oBAAoB;AACpB,0BAAkC;AAClC,uBAAgD;AAChD,6BAAgC;AAEzB,MAAM,uBAAuB,2CAAqB,kBAAkB;AAAA,EACzE,kBAAkB,WAAW,MAAM;AACjC,UAAM,cAAc,UAAU,KAAK;AAEnC,cAAU,KAAK,UAAU,0BACvB,MAAM,CAAC,UAAU;AACf,YAAM,EAAE,YAAY,CAAC,GAAG,SAAS;AACjC,YAAM;AAAA,QACJ;AAAA,QACA,OAAO,EAAE,YAAY,gBAAgB,YAAY,eAAe;AAAA,QAChE,MAAM,EAAE;AAAA,QACR;AAAA,QACA,OAAO,EAAE;AAAA,UACP,KAAK,YAAY;AAErB,YAAM,UAAU,yBAAO;AACvB,YAAM,gBAAgB;AAAA,QACpB,GAAG;AAAA,QACH,KAAK,mCAAU,SAAS,UAAU,GAAG;AAAA,MACvC;AACA,aACE,mDAAC;AAAA,QACC;AAAA,QACA,aAAa,CAAC,EAAE,sBAAuB;AAAA,UACrC,GAAG;AAAA,UAGH,MAAM,gCAAO,CAAC,MAAM;AAClB,gBAAI,EAAE,SAAS;AACb,sBAAQ,QAAQ,aAAa,CAAC;AAC9B,yBAAW,MAAM,gBAAgB,KAAK,CAAC,GAAG,EAAE;AAAA,YAC9C,OAAO;AACL,8BAAgB,KAAK,CAAC;AAAA,YACxB;AAAA,UACF,CAAC;AAAA,UACD,KAAK,gCAAO,CAAC,MAAM;AACjB,gBAAI,EAAE,SAAS;AACb,sBAAQ,QAAQ,aAAa,KAAK,SAAS,CAAC;AAC5C,yBAAW,MAAM,gBAAgB,IAAI,CAAC,GAAG,EAAE;AAAA,YAC7C,OAAO;AACL,8BAAgB,IAAI,CAAC;AAAA,YACvB;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACA,eAAe;AAAA,SAEf,mDAAC;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,OACF,CACF;AAAA,IAEJ,GACA,CAAC,uBAAI,KAAK,YAAY,GAAG,aAAa,CAAC,CACzC;AACA,WAAO;AAAA,EACT;AACF,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAGA,mBAAuC;AACvC,oBAAoB;AACpB,0BAAkC;AAClC,uBAAgD;AAChD,6BAAgC;AAEzB,MAAM,2BAAuB,uCAAqB,kBAAkB;AAAA,EACzE,kBAAkB,WAAW,MAAM;AACjC,UAAM,cAAc,UAAU,KAAK;AAEnC,cAAU,KAAK,cAAU;AAAA,MACvB,MAAM,CAAC,UAAU;AACf,cAAM,EAAE,YAAY,CAAC,GAAG,KAAK,IAAI;AACjC,cAAM;AAAA,UACJ;AAAA,UACA,OAAO,EAAE,YAAY,gBAAgB,YAAY,eAAe,QAAQ;AAAA,UACxE,MAAM,EAAE,UAAU;AAAA,UAClB;AAAA,UACA,OAAO,EAAE,QAAQ;AAAA,QACnB,IAAI,KAAK,YAAY;AAErB,cAAM,cAAU,qBAAO;AACvB,cAAM,gBAAgB;AAAA,UACpB,GAAG;AAAA,UACH,SAAK,+BAAU,SAAS,UAAU,GAAG;AAAA,QACvC;AACA,eACE,4CAAC;AAAA,UACC;AAAA,UACA,aAAa,CAAC,EAAE,gBAAgB,OAAO;AAAA,YACrC,GAAG;AAAA,YAGH,UAAM,4BAAO,CAAC,MAAM;AAClB,kBAAI,EAAE,SAAS;AACb,wBAAQ,QAAQ,aAAa,CAAC;AAC9B,2BAAW,MAAM,gBAAgB,KAAK,CAAC,GAAG,EAAE;AAAA,cAC9C,OAAO;AACL,gCAAgB,KAAK,CAAC;AAAA,cACxB;AAAA,YACF,CAAC;AAAA,YACD,SAAK,4BAAO,CAAC,MAAM;AACjB,kBAAI,EAAE,SAAS;AACb,wBAAQ,QAAQ,aAAa,KAAK,SAAS,CAAC;AAC5C,2BAAW,MAAM,gBAAgB,IAAI,CAAC,GAAG,EAAE;AAAA,cAC7C,OAAO;AACL,gCAAgB,IAAI,CAAC;AAAA,cACvB;AAAA,YACF,CAAC;AAAA,UACH;AAAA,UACA,eAAe;AAAA,UAEf,sDAAC;AAAA,YACE,GAAG;AAAA,YACJ;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,WACF;AAAA,SACF;AAAA,MAEJ;AAAA,MACA,KAAC,mBAAI,KAAK,YAAY,GAAG,aAAa,CAAC;AAAA,IACzC;AACA,WAAO;AAAA,EACT;AACF,CAAC;",
   "names": []
 }