@elliemae/ds-datagrids 2.3.0-next.0 → 3.0.0-alpha.0

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

@@ -0,0 +1,105 @@
+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 ToolbarTrigger_exports = {};
+__export(ToolbarTrigger_exports, {
+  ToolbarTrigger: () => ToolbarTrigger,
+  default: () => ToolbarTrigger_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_button = require("@elliemae/ds-button");
+var import_ds_icons = require("@elliemae/ds-icons");
+const ToolbarBtns = import_styled_components.default.div`
+  & > .em-ds-toolbar {
+    box-shadow: none;
+  }
+`;
+const ToolbarWrapper = import_styled_components.default.div`
+  display: flex;
+  align-items: center;
+  height: ${(props) => props.rowSize === "normal" ? "36px" : "28px"};
+  margin-left: -4px;
+  margin-right: ${(props) => props.hasScrollBar ? "0" : "-10px"};
+  padding-right: 4px;
+  pointer-events: all;
+  background: white;
+  ${(props) => props.showShadow ? `box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2),
+  1px 0px 2px 0px rgba(0, 0, 0, 0.2);` : ""}
+  &:hover {
+    box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2), 1px 0px 2px 0px rgba(0, 0, 0, 0.2);
+    & > .toolbar-trigger {
+      border: none;
+    }
+  }
+`;
+const ToolbarPosition = import_styled_components.default.div`
+  position: absolute;
+  z-index: 10;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  width: 0;
+  pointer-events: none;
+  top: 0;
+  height: ${(props) => props.rowRef.current ? `${props.rowRef.current.offsetHeight}px` : "36px"};
+  margin-top: ${(props) => props.rowSize === "normal" ? "0" : "0"};
+`;
+const ToolbarTrigger = ({ grid, rowData, hasScrollBar, rowRef }) => {
+  const {
+    props: { renderToolbar, rowSize }
+  } = grid.getInstance();
+  const [show, setShow] = (0, import_react.useState)(false);
+  const toolbar = show ? renderToolbar({
+    ...rowData,
+    size: rowSize,
+    isToolbarShown: show,
+    setToolbarShow: setShow
+  }) : null;
+  return /* @__PURE__ */ import_react.default.createElement(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
+  })));
+};
+var ToolbarTrigger_default = ToolbarTrigger;
+module.exports = __toCommonJS(ToolbarTrigger_exports);
+//# sourceMappingURL=ToolbarTrigger.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/toolbar/ToolbarTrigger.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useState } from 'react';\nimport styled from 'styled-components';\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;ACAA,YAAuB;ADAvB,mBAAgC;AAChC,+BAAmB;AACnB,uBAAyB;AACzB,sBAAgC;AAEhC,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,iBAAiB,iCAAO;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,iCAAO;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;AACT,QAAM,CAAC,MAAM,WAAW,2BAAS;AAEjC,QAAM,UAAU,OACZ,cAAc;AAAA,OACT;AAAA,IACH,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,OAElB;AAEJ,SACE,mDAAC,iBAAD;AAAA,IAAiB;AAAA,IAAkB;AAAA,KACjC,mDAAC,gBAAD;AAAA,IACE,cAAc,MAAM,QAAQ;AAAA,IAC5B,cAAc,MAAM,QAAQ;AAAA,IAC5B,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,KAEC,QAAQ,mDAAC,aAAD,MAAc,UACvB,mDAAC,2BAAD;AAAA,IACE,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,MAAM,mDAAC,iCAAD;AAAA,IAEN,OAAO,QAAQ;AAAA,IACf,SAAS,MAAM,QAAQ;AAAA,IACvB,UAAU;AAAA;AAAA;AAOpB,IAAO,yBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,35 @@
+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 toolbar_exports = {};
+__export(toolbar_exports, {
+  ToolbarPlugin: () => import_ToolbarPlugin.ToolbarPlugin
+});
+var React = __toESM(require("react"));
+var import_ToolbarPlugin = require("./ToolbarPlugin");
+module.exports = __toCommonJS(toolbar_exports);
+//# sourceMappingURL=index.js.map

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,71 @@
+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 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)(({
+  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,
+    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;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;AAChB,QAAM,eAAe;AAErB,iDAAsB;AAAA,IACpB,cAAc;AAAA,IACd;AAAA;AAGF,SACE,mDAAC,eAAD;AAAA,OACM;AAAA,IACJ,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,97 @@
+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 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 = {
+        ...listProps,
+        ref: (0, import_ds_utilities2.mergeRefs)(listRef, listProps.ref)
+      };
+      return /* @__PURE__ */ import_react.default.createElement(import_FocusGrid.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);
+            }
+          })
+        }),
+        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")]);
+    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;AAAA,WACjB;AAAA,QACH,KAAK,oCAAU,SAAS,UAAU;AAAA;AAEpC,aACE,mDAAC,4BAAD;AAAA,QACE;AAAA,QACA,aAAa,CAAC,EAAE,sBAAuB;AAAA,aAClC;AAAA,UAGH,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;AAAA,WACM;AAAA,QACJ;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,259 @@
+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 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 = {
+    height: "100%",
+    ...import_helper.isSafari ? wrapperSafari : wrapperGeneric
+  };
+  const bodyStyle = {
+    height: getHeight(),
+    willChange: "transform",
+    backfaceVisibility: "hidden"
+  };
+  return /* @__PURE__ */ import_react.default.createElement(Component, {
+    ...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": []
+}