@elliemae/ds-datagrids 2.3.1 → 3.0.0-alpha.3

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

@@ -0,0 +1,7 @@
+{
+  "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;ACAA,YAAuB;ADAvB,2BAA8B;",
+  "names": []
+}

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

@@ -0,0 +1,108 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+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;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var AutoHeightList_exports = {};
+__export(AutoHeightList_exports, {
+  AutoHeightList: () => AutoHeightList,
+  default: () => AutoHeightList_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_window = require("react-window");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const AutoHeightList = (0, import_react.forwardRef)((_a, ref) => {
+  var _b = _a, {
+    itemCount,
+    className,
+    innerRef,
+    itemData,
+    itemKey,
+    itemSize,
+    outerRef,
+    component: ListComponent = import_react_window.FixedSizeList
+  } = _b, otherProps = __objRest(_b, [
+    "itemCount",
+    "className",
+    "innerRef",
+    "itemData",
+    "itemKey",
+    "itemSize",
+    "outerRef",
+    "component"
+  ]);
+  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, __spreadProps(__spreadValues({}, 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;
+module.exports = __toCommonJS(AutoHeightList_exports);
+//# sourceMappingURL=AutoHeightList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;ACAA,YAAuB;ADAvB,mBAA0C;AAC1C,0BAAsC;AACtC,0BAAsD;AAG/C,MAAM,iBAAiB,6BAC5B,CACE,IAWA,QACG;AAZH,eACE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,gBAAgB;AAAA,MAR7B,IASK,uBATL,IASK;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,UAAU;AAChB,QAAM,eAAe;AAErB,iDAAsB;AAAA,IACpB,cAAc;AAAA,IACd;AAAA;AAGF,SACE,mDAAC,eAAD,iCACM,aADN;AAAA,IAEE,KAAK,mCAAU,KAAK;AAAA,IACpB,WAAW,4BAAG,WAAW;AAAA,IACzB,QAAQ,OAAO;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,mCAAU,cAAc;AAAA,IAClC,eAAe;AAAA,IACf,gBAAc;AAAA;AAAA;AAMtB,IAAO,yBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,111 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var VirtualizationPlugin_exports = {};
+__export(VirtualizationPlugin_exports, {
+  VirtualizationPlugin: () => VirtualizationPlugin
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_FocusGrid = require("@elliemae/ds-shared/FocusGroup/FocusGrid");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_utilities2 = require("@elliemae/ds-utilities");
+var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_VirtualizedBody = require("./VirtualizedBody");
+const VirtualizationPlugin = (0, import_createInstancePlugin.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 = __spreadProps(__spreadValues({}, listProps), {
+        ref: (0, import_ds_utilities2.mergeRefs)(listRef, listProps.ref)
+      });
+      return /* @__PURE__ */ import_react.default.createElement(import_FocusGrid.FocusGrid, {
+        hotKeys,
+        keyBindings: ({ defaultBindings }) => __spreadProps(__spreadValues({}, 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);
+            }
+          })
+        }),
+        shouldRefocus: false
+      }, /* @__PURE__ */ import_react.default.createElement(import_VirtualizedBody.VirtualizedBody, __spreadProps(__spreadValues({}, props), {
+        autoScrollToId,
+        autoHeight,
+        component: BodyWrapper,
+        expandable,
+        innerBody,
+        listProps: nextListProps,
+        overscanCount,
+        rowSize,
+        setHasScroll,
+        filters
+      })));
+    }, [(0, import_lodash.get)(grid.getInstance(), "rows.length")]);
+    return renderers;
+  }
+});
+module.exports = __toCommonJS(VirtualizationPlugin_exports);
+//# sourceMappingURL=VirtualizationPlugin.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 { FocusGrid } from '@elliemae/ds-shared/FocusGroup/FocusGrid';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\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;ACAA,YAAuB;ADGvB,mBAAuC;AACvC,oBAAoB;AACpB,uBAA0B;AAC1B,0BAAuB;AACvB,2BAA0B;AAC1B,kCAAqC;AACrC,6BAAgC;AAEzB,MAAM,uBAAuB,sDAAqB,kBAAkB;AAAA,EACzE,kBAAkB,WAAW,MAAM;AACjC,UAAM,cAAc,UAAU,KAAK;AAEnC,cAAU,KAAK,UAAU,0BACvB,MAAM,CAAC,UAAU;AACf,YAAM,EAAE,YAAY,IAAI,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;AAET,YAAM,UAAU;AAChB,YAAM,gBAAgB,iCACjB,YADiB;AAAA,QAEpB,KAAK,oCAAU,SAAS,UAAU;AAAA;AAEpC,aACE,mDAAC,4BAAD;AAAA,QACE;AAAA,QACA,aAAa,CAAC,EAAE,sBAAuB,iCAClC,kBADkC;AAAA,UAIrC,MAAM,gCAAO,CAAC,MAAM;AAClB,gBAAI,EAAE,SAAS;AACb,sBAAQ,QAAQ,aAAa;AAC7B,yBAAW,MAAM,gBAAgB,KAAK,IAAI;AAAA,mBACrC;AACL,8BAAgB,KAAK;AAAA;AAAA;AAAA,UAGzB,KAAK,gCAAO,CAAC,MAAM;AACjB,gBAAI,EAAE,SAAS;AACb,sBAAQ,QAAQ,aAAa,KAAK,SAAS;AAC3C,yBAAW,MAAM,gBAAgB,IAAI,IAAI;AAAA,mBACpC;AACL,8BAAgB,IAAI;AAAA;AAAA;AAAA;AAAA,QAI1B,eAAe;AAAA,SAEf,mDAAC,wCAAD,iCACM,QADN;AAAA,QAEE;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,OAKR,CAAC,uBAAI,KAAK,eAAe;AAE3B,WAAO;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,274 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var VirtualizedBody_exports = {};
+__export(VirtualizedBody_exports, {
+  VirtualizedBody: () => VirtualizedBody,
+  default: () => VirtualizedBody_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_NoResults = require("../../components/NoResults");
+var import_VirtualizedBodyRow = require("./VirtualizedBodyRow");
+var import_rowSizes = require("../../rowSizes");
+var import_helper = require("./helper");
+const wrapperSafari = {};
+const wrapperGeneric = { overflowY: "auto", overflowX: "visible" };
+const VirtualizedBody = (props) => {
+  const {
+    autoScrollToId,
+    columns,
+    component: Component,
+    expandable,
+    innerRef,
+    innerBody,
+    isPlaceholderActive,
+    listProps,
+    noResultsPlaceholder,
+    overscanCount,
+    rows,
+    rowHeight: defaultRowHeight,
+    rowKey,
+    rowRenderer,
+    rowSize,
+    setHasScroll,
+    filters
+  } = props;
+  const rowHeight = defaultRowHeight || import_rowSizes.RowSizes[rowSize];
+  const [scrollTop, setScrollTop] = (0, import_react.useState)(0);
+  const [visibleHeight, setVisibleHeight] = (0, import_react.useState)(0);
+  const [hasScrollBar, setHasScrollBar] = (0, import_react.useState)(false);
+  const rowStyleCache = (0, import_react.useRef)({});
+  const [renderedIndexes, setRenderedIndexes] = (0, import_react.useState)([0, 30]);
+  const getCalculatedHeightBetweenIndexes = (start, end) => {
+    const { itemSize = () => rowHeight } = listProps;
+    if (expandable) {
+      return rows.slice(start, end).map((_, idx) => idx).map((idx) => itemSize(idx)).reduce((acc, curr) => acc + curr, 0);
+    }
+    return (end - start) * rowHeight;
+  };
+  const generateRowPositionMap = () => rows.map((row, idx) => getCalculatedHeightBetweenIndexes(0, idx));
+  const rowPositionMap = (0, import_react.useRef)(generateRowPositionMap());
+  const [virtualizedBodyRef, setVirtualizedBodyRef] = (0, import_react.useState)(null);
+  const handlerRef = (0, import_react.useRef)();
+  const autoScrollTo = (0, import_react.useCallback)((scrollHeight) => {
+    const { itemSize = () => rowHeight } = listProps;
+    const idx = rows.findIndex((item) => item[rowKey] === autoScrollToId);
+    let val = rowPositionMap.current[idx] || 0;
+    const lastPositionIdx = rowPositionMap.current.length - 1;
+    let lastPosition = 0;
+    if (lastPositionIdx > -1) {
+      lastPosition = rowPositionMap.current[lastPositionIdx] - scrollHeight + itemSize(lastPositionIdx);
+    }
+    if (lastPosition < val) {
+      val = lastPosition;
+    }
+    if (virtualizedBodyRef) {
+      if (idx > -1) {
+        setScrollTop(val);
+        virtualizedBodyRef.scrollTop = val;
+      }
+    }
+  }, [rows, virtualizedBodyRef]);
+  (0, import_react.useEffect)(() => {
+    autoScrollTo(visibleHeight);
+  }, [autoScrollToId, visibleHeight]);
+  const handler = (0, import_react.useCallback)((0, import_ds_utilities.debounce)(({ target }) => {
+    setScrollTop(target.scrollTop || 0);
+  }, 100), [setScrollTop]);
+  (0, import_react.useEffect)(() => {
+    setScrollTop(0);
+  }, [filters]);
+  (0, import_react.useEffect)(() => {
+    handlerRef.current = handler;
+  }, [handler]);
+  (0, import_react.useLayoutEffect)(() => {
+    let top = Math.ceil(scrollTop / rowHeight);
+    let bot = Math.ceil((scrollTop + visibleHeight) / rowHeight);
+    if (expandable) {
+      rowPositionMap.current = generateRowPositionMap();
+      top = rowPositionMap.current.findIndex((item) => item > scrollTop);
+      bot = rowPositionMap.current.findIndex((item) => item > scrollTop + visibleHeight);
+      if (bot === -1)
+        bot = rowPositionMap.current.length;
+    }
+    let upperBound = top - 1 - overscanCount;
+    let lowerBound = bot - 1 + overscanCount;
+    if (upperBound < 0) {
+      upperBound = 0;
+    }
+    if (lowerBound - upperBound < overscanCount) {
+      lowerBound = upperBound + overscanCount;
+    }
+    if (lowerBound > rows.length) {
+      lowerBound = rows.length;
+    }
+    setHasScrollBar(visibleHeight < getHeight());
+    setHasScroll(visibleHeight < getHeight());
+    setRenderedIndexes([upperBound, lowerBound]);
+  }, [visibleHeight, scrollTop, rows]);
+  (0, import_react.useLayoutEffect)(() => {
+    if (virtualizedBodyRef) {
+      const parsedVisibleHeight = parseFloat(window.getComputedStyle(virtualizedBodyRef, null).getPropertyValue("height"));
+      if (!(0, import_ds_utilities.isNaN)(parsedVisibleHeight)) {
+        setVisibleHeight(parsedVisibleHeight);
+        autoScrollTo(parsedVisibleHeight);
+      }
+    }
+  }, [rows, virtualizedBodyRef]);
+  (0, import_react.useEffect)(() => {
+    if (virtualizedBodyRef) {
+      const eventListener = (event) => handlerRef.current(event);
+      virtualizedBodyRef.addEventListener("scroll", eventListener);
+      return () => {
+        virtualizedBodyRef.removeEventListener("scroll", eventListener);
+      };
+    }
+    return () => null;
+  }, [virtualizedBodyRef]);
+  const getHeight = () => {
+    let returnHeight = 0;
+    if (expandable) {
+      returnHeight = getCalculatedHeightBetweenIndexes(0, rows.length) + 8;
+    } else {
+      returnHeight = rows.length * rowHeight + 8;
+    }
+    if (virtualizedBodyRef && virtualizedBodyRef.scrollHeight > virtualizedBodyRef.clientHeight) {
+      return returnHeight + 10;
+    }
+    return returnHeight;
+  };
+  const getRowStyle = (row, index, specificRowHeight) => {
+    const { itemSize } = listProps;
+    if (!expandable && rowStyleCache.current[index]) {
+      return rowStyleCache.current[index];
+    }
+    rowStyleCache.current[index] = {
+      height: itemSize ? itemSize(index) : specificRowHeight,
+      left: 0,
+      right: 0,
+      top: getCalculatedHeightBetweenIndexes(0, index),
+      position: "absolute"
+    };
+    return rowStyleCache.current[index];
+  };
+  const generateRenderedRows = () => rows.slice(renderedIndexes[0], renderedIndexes[1] + 1).map((_, index) => /* @__PURE__ */ import_react.default.createElement(import_VirtualizedBodyRow.VirtualizedBodyRow, {
+    data: {
+      rows,
+      columns,
+      rowKey,
+      renderer: { rowRenderer }
+    },
+    index: renderedIndexes[0] + index,
+    key: rows[renderedIndexes[0] + index][rowKey],
+    style: getRowStyle(rows[renderedIndexes[0] + index], renderedIndexes[0] + index, rowHeight)
+  }));
+  const wrapperStyle = __spreadValues({
+    height: "100%"
+  }, import_helper.isSafari ? wrapperSafari : wrapperGeneric);
+  const bodyStyle = {
+    height: getHeight(),
+    willChange: "transform",
+    backfaceVisibility: "hidden"
+  };
+  return /* @__PURE__ */ import_react.default.createElement(Component, __spreadProps(__spreadValues({}, props), {
+    innerRef
+  }), !isPlaceholderActive ? /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "virtualized-body-wrapper",
+    style: wrapperStyle,
+    ref: (elem) => {
+      if (elem) {
+        if (import_helper.isSafari) {
+          setVirtualizedBodyRef(elem.parentElement);
+          elem.parentElement.scrollTop = scrollTop;
+          (0, import_ds_utilities.mergeRefs)(listProps.outerRef)(elem.parentElement);
+        } else {
+          setVirtualizedBodyRef(elem);
+          (0, import_ds_utilities.mergeRefs)(listProps.outerRef)(elem);
+        }
+      }
+    }
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    "data-testid": "virtualized-body",
+    className: `virtualized-body${hasScrollBar ? " with-scrollbar" : ""}`,
+    style: bodyStyle,
+    ref: (r) => {
+      (0, import_ds_utilities.mergeRefs)(innerBody)(r);
+    }
+  }, generateRenderedRows())) : /* @__PURE__ */ import_react.default.createElement(import_NoResults.NoResults, {
+    innerRef,
+    rowRenderer
+  }, noResultsPlaceholder));
+};
+VirtualizedBody.defaultProps = {
+  rows: [],
+  overscanCount: 10
+};
+VirtualizedBody.propTypes = {
+  autoScrollToId: import_prop_types.default.number,
+  columns: import_prop_types.default.arrayOf(import_prop_types.default.shape({})),
+  component: import_prop_types.default.element,
+  expandable: import_prop_types.default.bool,
+  filters: import_prop_types.default.any,
+  innerRef: import_prop_types.default.any,
+  innerBody: import_prop_types.default.any,
+  isPlaceholderActive: import_prop_types.default.bool,
+  listProps: import_prop_types.default.shape({
+    itemSize: import_prop_types.default.func,
+    outerRef: import_prop_types.default.any
+  }),
+  noResultsPlaceholder: import_prop_types.default.oneOf([import_prop_types.default.string, import_prop_types.default.element]),
+  overscanCount: import_prop_types.default.number,
+  rows: import_prop_types.default.arrayOf(import_prop_types.default.shape({})),
+  rowHeight: import_prop_types.default.number,
+  rowKey: import_prop_types.default.string,
+  rowRenderer: import_prop_types.default.element,
+  rowSize: import_prop_types.default.any,
+  setHasScroll: import_prop_types.default.func
+};
+var VirtualizedBody_default = VirtualizedBody;
+module.exports = __toCommonJS(VirtualizedBody_exports);
+//# sourceMappingURL=VirtualizedBody.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/virtualization/VirtualizedBody.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React, { useEffect, useState, useCallback, useRef, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { mergeRefs, debounce, isNaN } from '@elliemae/ds-utilities';\nimport { NoResults } from '../../components/NoResults';\nimport { VirtualizedBodyRow } from './VirtualizedBodyRow';\nimport { RowSizes } from '../../rowSizes';\nimport { isSafari } from './helper';\n\nconst wrapperSafari = {};\nconst wrapperGeneric = { overflowY: 'auto', overflowX: 'visible' };\n\nconst VirtualizedBody = (props) => {\n  const {\n    autoScrollToId,\n    columns,\n    component: Component,\n    expandable,\n    innerRef,\n    innerBody,\n    isPlaceholderActive,\n    listProps,\n    noResultsPlaceholder,\n    overscanCount,\n    rows,\n    rowHeight: defaultRowHeight,\n    rowKey,\n    rowRenderer,\n    rowSize,\n    setHasScroll,\n    filters, // hack to reset the scrollTop to 0 if filters change\n  } = props;\n  const rowHeight = defaultRowHeight || RowSizes[rowSize];\n  const [scrollTop, setScrollTop] = useState(0);\n  const [visibleHeight, setVisibleHeight] = useState(0);\n  const [hasScrollBar, setHasScrollBar] = useState(false);\n  const rowStyleCache = useRef({});\n  const [renderedIndexes, setRenderedIndexes] = useState([0, 30]);\n\n  const getCalculatedHeightBetweenIndexes = (start, end) => {\n    const { itemSize = () => rowHeight } = listProps;\n    if (expandable) {\n      return rows\n        .slice(start, end)\n        .map((_, idx) => idx)\n        .map((idx) => itemSize(idx))\n        .reduce((acc, curr) => acc + curr, 0);\n    }\n    return (end - start) * rowHeight;\n  };\n\n  const generateRowPositionMap = () => rows.map((row, idx) => getCalculatedHeightBetweenIndexes(0, idx));\n\n  const rowPositionMap = useRef(generateRowPositionMap());\n  const [virtualizedBodyRef, setVirtualizedBodyRef] = useState(null);\n  const handlerRef = useRef();\n\n  const autoScrollTo = useCallback(\n    (scrollHeight) => {\n      const { itemSize = () => rowHeight } = listProps;\n      const idx = rows.findIndex((item) => item[rowKey] === autoScrollToId);\n      let val = rowPositionMap.current[idx] || 0;\n      const lastPositionIdx = rowPositionMap.current.length - 1;\n      let lastPosition = 0;\n      if (lastPositionIdx > -1) {\n        lastPosition = rowPositionMap.current[lastPositionIdx] - scrollHeight + itemSize(lastPositionIdx);\n      }\n      if (lastPosition < val) {\n        val = lastPosition;\n      }\n      if (virtualizedBodyRef) {\n        if (idx > -1) {\n          setScrollTop(val);\n          virtualizedBodyRef.scrollTop = val;\n        }\n      }\n    },\n    [rows, virtualizedBodyRef],\n  );\n\n  useEffect(() => {\n    autoScrollTo(visibleHeight);\n  }, [autoScrollToId, visibleHeight]);\n\n  const handler = useCallback(\n    debounce(({ target }) => {\n      // Update coordinates\n      setScrollTop(target.scrollTop || 0);\n    }, 100),\n    [setScrollTop],\n  );\n\n  useEffect(() => {\n    setScrollTop(0);\n  }, [filters]);\n\n  useEffect(() => {\n    handlerRef.current = handler;\n  }, [handler]);\n\n  useLayoutEffect(() => {\n    let top = Math.ceil(scrollTop / rowHeight);\n    let bot = Math.ceil((scrollTop + visibleHeight) / rowHeight);\n    if (expandable) {\n      // updateMapperFirst\n      rowPositionMap.current = generateRowPositionMap();\n      top = rowPositionMap.current.findIndex((item) => item > scrollTop);\n      bot = rowPositionMap.current.findIndex((item) => item > scrollTop + visibleHeight);\n      if (bot === -1) bot = rowPositionMap.current.length;\n    }\n    let upperBound = top - 1 - overscanCount;\n    let lowerBound = bot - 1 + overscanCount;\n    if (upperBound < 0) {\n      upperBound = 0;\n    }\n    if (lowerBound - upperBound < overscanCount) {\n      lowerBound = upperBound + overscanCount;\n    }\n    if (lowerBound > rows.length) {\n      lowerBound = rows.length;\n    }\n    setHasScrollBar(visibleHeight < getHeight());\n    setHasScroll(visibleHeight < getHeight());\n    setRenderedIndexes([upperBound, lowerBound]);\n  }, [visibleHeight, scrollTop, rows]);\n\n  useLayoutEffect(() => {\n    if (virtualizedBodyRef) {\n      const parsedVisibleHeight = parseFloat(\n        window.getComputedStyle(virtualizedBodyRef, null).getPropertyValue('height'),\n      );\n      // eslint-disable-next-line no-restricted-globals\n      if (!isNaN(parsedVisibleHeight)) {\n        setVisibleHeight(parsedVisibleHeight);\n        autoScrollTo(parsedVisibleHeight);\n      }\n    }\n  }, [rows, virtualizedBodyRef]);\n\n  useEffect(() => {\n    if (virtualizedBodyRef) {\n      const eventListener = (event) => handlerRef.current(event);\n      virtualizedBodyRef.addEventListener('scroll', eventListener);\n\n      return () => {\n        virtualizedBodyRef.removeEventListener('scroll', eventListener);\n      };\n    }\n    return () => null;\n  }, [virtualizedBodyRef]);\n\n  const getHeight = () => {\n    let returnHeight = 0;\n    if (expandable) {\n      returnHeight = getCalculatedHeightBetweenIndexes(0, rows.length) + 8;\n    } else {\n      returnHeight = rows.length * rowHeight + 8;\n    }\n    // if (visibleHeight > returnHeight) {\n    //   return visibleHeight;\n    // }\n    if (virtualizedBodyRef && virtualizedBodyRef.scrollHeight > virtualizedBodyRef.clientHeight) {\n      return returnHeight + 10;\n    }\n    return returnHeight;\n  };\n\n  const getRowStyle = (row, index, specificRowHeight) => {\n    const { itemSize } = listProps;\n\n    if (!expandable && rowStyleCache.current[index]) {\n      return rowStyleCache.current[index];\n    }\n    rowStyleCache.current[index] = {\n      height: itemSize ? itemSize(index) : specificRowHeight,\n      left: 0,\n      right: 0,\n      top: getCalculatedHeightBetweenIndexes(0, index),\n      position: 'absolute',\n    };\n    return rowStyleCache.current[index];\n  };\n\n  const generateRenderedRows = () =>\n    rows.slice(renderedIndexes[0], renderedIndexes[1] + 1).map((_, index) => (\n      <VirtualizedBodyRow\n        data={{\n          rows,\n          columns,\n          rowKey,\n          renderer: { rowRenderer },\n        }}\n        index={renderedIndexes[0] + index}\n        key={rows[renderedIndexes[0] + index][rowKey]}\n        style={getRowStyle(rows[renderedIndexes[0] + index], renderedIndexes[0] + index, rowHeight)}\n      ></VirtualizedBodyRow>\n    ));\n\n  const wrapperStyle = {\n    height: '100%',\n    ...(isSafari ? wrapperSafari : wrapperGeneric),\n  };\n  const bodyStyle = {\n    height: getHeight(),\n    willChange: 'transform',\n    backfaceVisibility: 'hidden',\n  };\n\n  return (\n    <Component {...props} innerRef={innerRef}>\n      {!isPlaceholderActive ? (\n        <div\n          className=\"virtualized-body-wrapper\"\n          style={wrapperStyle}\n          ref={(elem) => {\n            if (elem) {\n              if (isSafari) {\n                setVirtualizedBodyRef(elem.parentElement);\n                // eslint-disable-next-line no-param-reassign\n                elem.parentElement.scrollTop = scrollTop;\n                mergeRefs(listProps.outerRef)(elem.parentElement);\n              } else {\n                setVirtualizedBodyRef(elem);\n                mergeRefs(listProps.outerRef)(elem);\n              }\n            }\n          }}\n        >\n          <div\n            data-testid=\"virtualized-body\"\n            className={`virtualized-body${hasScrollBar ? ' with-scrollbar' : ''}`}\n            style={bodyStyle}\n            ref={(r) => {\n              mergeRefs(innerBody)(r);\n            }}\n          >\n            {generateRenderedRows()}\n          </div>\n        </div>\n      ) : (\n        <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n          {noResultsPlaceholder}\n        </NoResults>\n      )}\n    </Component>\n  );\n};\n\nVirtualizedBody.defaultProps = {\n  rows: [],\n  overscanCount: 10,\n};\n\nVirtualizedBody.propTypes = {\n  autoScrollToId: PropTypes.number,\n  columns: PropTypes.arrayOf(PropTypes.shape({})),\n  component: PropTypes.element,\n  expandable: PropTypes.bool,\n  filters: PropTypes.any,\n  innerRef: PropTypes.any,\n  innerBody: PropTypes.any,\n  isPlaceholderActive: PropTypes.bool,\n  listProps: PropTypes.shape({\n    itemSize: PropTypes.func,\n    outerRef: PropTypes.any,\n  }),\n  noResultsPlaceholder: PropTypes.oneOf([PropTypes.string, PropTypes.element]),\n  overscanCount: PropTypes.number,\n  rows: PropTypes.arrayOf(PropTypes.shape({})),\n  rowHeight: PropTypes.number,\n  rowKey: PropTypes.string,\n  rowRenderer: PropTypes.element,\n  rowSize: PropTypes.any,\n  setHasScroll: PropTypes.func,\n};\n\nexport { VirtualizedBody };\nexport default VirtualizedBody;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,52 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var VirtualizedBodyRow_exports = {};
+__export(VirtualizedBodyRow_exports, {
+  VirtualizedBodyRow: () => VirtualizedBodyRow,
+  default: () => VirtualizedBodyRow_default
+});
+var React = __toESM(require("react"));
+const VirtualizedBodyRow = ({ data, index, style, key, isScrolling }) => {
+  const {
+    rows,
+    renderer: { rowRenderer }
+  } = data;
+  const rowData = rows[index];
+  return rowRenderer(rowData, {
+    style,
+    index,
+    rowIndex: index,
+    key
+  }, {
+    rowIndex: index,
+    isScrolling
+  });
+};
+var VirtualizedBodyRow_default = VirtualizedBodyRow;
+module.exports = __toCommonJS(VirtualizedBodyRow_exports);
+//# sourceMappingURL=VirtualizedBodyRow.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/virtualization/VirtualizedBodyRow.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const VirtualizedBodyRow = ({ data, index, style, key, isScrolling }) => {\n  const {\n    rows,\n    renderer: { rowRenderer },\n  } = data;\n  const rowData = rows[index];\n\n  return rowRenderer(\n    rowData,\n    {\n      style,\n      index,\n      rowIndex: index,\n      key,\n    },\n    {\n      // eslint-disable-next-line no-underscore-dangle\n      rowIndex: index,\n      isScrolling,\n    },\n  );\n};\n\nexport default VirtualizedBodyRow;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB,CAAC,EAAE,MAAM,OAAO,OAAO,KAAK,kBAAkB;AAC9E,QAAM;AAAA,IACJ;AAAA,IACA,UAAU,EAAE;AAAA,MACV;AACJ,QAAM,UAAU,KAAK;AAErB,SAAO,YACL,SACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,KAEF;AAAA,IAEE,UAAU;AAAA,IACV;AAAA;AAAA;AAKN,IAAO,6BAAQ;",
+  "names": []
+}