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

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

@@ -1,67 +0,0 @@
-import * as React from "react";
-import React2, { useEffect, useRef, useState } from "react";
-import PropTypes from "prop-types";
-import { isEmpty } from "lodash";
-import { omit } from "@elliemae/ds-utilities";
-import { ToolbarTrigger } from "./ToolbarTrigger";
-import { RowSizes } from "../../rowSizes";
-const RowRenderer = (Row, grid) => {
-  const Wrapped = (props) => {
-    const ref = useRef();
-    const { rowData = {}, index, rowIndex, style } = props;
-    const {
-      props: { wrapText }
-    } = grid.getInstance();
-    const [popStyle, setPopStyle] = useState({});
-    const [rowStyle, setRowStyle] = useState(style);
-    const gridInstance = grid.getInstance();
-    const { refs, isRowDragging } = gridInstance;
-    const [hasVerticalScrollBar, setHasVerticalScrollBar] = useState(refs.body.current && refs.body.current.offsetWidth > refs.body.current.clientWidth);
-    useEffect(() => {
-      const shouldOmit = isRowDragging ? ["top"] : [];
-      setPopStyle({
-        ...popStyle,
-        ...{ top: style && !isRowDragging ? style.top : "0" }
-      });
-      if (style) {
-        setHasVerticalScrollBar(true);
-      } else {
-        setHasVerticalScrollBar(false);
-      }
-      setRowStyle(omit(style || {
-        height: !wrapText ? RowSizes[gridInstance.props.rowSize] : "auto",
-        position: "relative"
-      }, [shouldOmit]));
-    }, [style, isRowDragging]);
-    return /* @__PURE__ */ React2.createElement("div", {
-      className: "row-renderer-fixed-height",
-      style: {
-        height: !wrapText ? RowSizes[gridInstance.props.rowSize] : "auto",
-        position: style ? "auto" : "relative"
-      }
-    }, /* @__PURE__ */ React2.createElement(Row, {
-      ref,
-      ...props,
-      style: rowStyle
-    }), isEmpty(rowData) && !rowData.index && !rowData.rowIndex ? null : /* @__PURE__ */ React2.createElement("div", {
-      className: `toolbar-trigger-container ${style ? "move" : "stay"}`,
-      style: { ...popStyle }
-    }, /* @__PURE__ */ React2.createElement(ToolbarTrigger, {
-      grid,
-      rowData: { rowData, index, rowIndex },
-      hasScrollBar: hasVerticalScrollBar,
-      rowRef: ref
-    })));
-  };
-  Wrapped.propTypes = {
-    rowData: PropTypes.any,
-    index: PropTypes.number,
-    rowIndex: PropTypes.number,
-    style: PropTypes.any
-  };
-  return Wrapped;
-};
-export {
-  RowRenderer
-};
-//# sourceMappingURL=RowRenderer.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/toolbar/RowRenderer.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,cAAc,CAAC,KAAK,SAAS;AACxC,QAAM,UAAU,CAAC,UAAU;AACzB,UAAM,MAAM;AACZ,UAAM,EAAE,UAAU,IAAI,OAAO,UAAU,UAAU;AACjD,UAAM;AAAA,MACJ,OAAO,EAAE;AAAA,QACP,KAAK;AACT,UAAM,CAAC,UAAU,eAAe,SAAS;AACzC,UAAM,CAAC,UAAU,eAAe,SAAS;AACzC,UAAM,eAAe,KAAK;AAC1B,UAAM,EAAE,MAAM,kBAAkB;AAChC,UAAM,CAAC,sBAAsB,2BAA2B,SACtD,KAAK,KAAK,WAAW,KAAK,KAAK,QAAQ,cAAc,KAAK,KAAK,QAAQ;AAGzE,cAAU,MAAM;AACd,YAAM,aAAa,gBAAgB,CAAC,SAAS;AAC7C,kBAAY;AAAA,WACP;AAAA,WACA,EAAE,KAAK,SAAS,CAAC,gBAAgB,MAAM,MAAM;AAAA;AAElD,UAAI,OAAO;AAET,gCAAwB;AAAA,aACnB;AACL,gCAAwB;AAAA;AAE1B,kBACE,KACE,SAAS;AAAA,QACP,QAAQ,CAAC,WAAW,SAAS,aAAa,MAAM,WAAW;AAAA,QAC3D,UAAU;AAAA,SAEZ,CAAC;AAAA,OAGJ,CAAC,OAAO;AACX,WACE,qCAAC,OAAD;AAAA,MACE,WAAU;AAAA,MACV,OAAO;AAAA,QACL,QAAQ,CAAC,WAAW,SAAS,aAAa,MAAM,WAAW;AAAA,QAC3D,UAAU,QAAQ,SAAS;AAAA;AAAA,OAI7B,qCAAC,KAAD;AAAA,MAAK;AAAA,SAAc;AAAA,MAAO,OAAO;AAAA,QAChC,QAAQ,YAAY,CAAC,QAAQ,SAAS,CAAC,QAAQ,WAAW,OACzD,qCAAC,OAAD;AAAA,MAAK,WAAW,6BAA6B,QAAQ,SAAS;AAAA,MAAU,OAAO,KAAK;AAAA,OAClF,qCAAC,gBAAD;AAAA,MACE;AAAA,MACA,SAAS,EAAE,SAAS,OAAO;AAAA,MAC3B,cAAc;AAAA,MACd,QAAQ;AAAA;AAAA;AAQpB,UAAQ,YAAY;AAAA,IAClB,SAAS,UAAU;AAAA,IACnB,OAAO,UAAU;AAAA,IACjB,UAAU,UAAU;AAAA,IACpB,OAAO,UAAU;AAAA;AAGnB,SAAO;AAAA;",
-  "names": []
-}

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

@@ -1,29 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
-import { appendCellFormatter } from "@elliemae/ds-shared/useDataGrid/initColumnDefinition";
-import { RowRenderer } from "./RowRenderer";
-const decorateColumns = (columns) => {
-  const lastColumn = columns[columns.length - 1];
-  return [
-    ...columns.slice(0, -1),
-    appendCellFormatter([
-      (value) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, value, /* @__PURE__ */ React2.createElement("div", {
-        style: { width: 34, maxWidth: 34, overflow: "hidden" }
-      }))
-    ], lastColumn, "fixedFormatters")
-  ];
-};
-const decorateRenderers = (renderers, grid) => {
-  const Row = renderers.body.row;
-  renderers.body.row = RowRenderer(Row, grid);
-  return renderers;
-};
-const ToolbarPlugin = createInstancePlugin("toolbar", {
-  decorateRenderers,
-  decorateColumns
-});
-export {
-  ToolbarPlugin
-};
-//# sourceMappingURL=ToolbarPlugin.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/toolbar/ToolbarPlugin.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,CAAC,YAAY;AACnC,QAAM,aAAa,QAAQ,QAAQ,SAAS;AAC5C,SAAO;AAAA,IACL,GAAG,QAAQ,MAAM,GAAG;AAAA,IACpB,oBACE;AAAA,MACE,CAAC,UACC,4DACG,OACD,qCAAC,OAAD;AAAA,QAAK,OAAO,EAAE,OAAO,IAAI,UAAU,IAAI,UAAU;AAAA;AAAA,OAIvD,YACA;AAAA;AAAA;AAKN,MAAM,oBAAoB,CAAC,WAAW,SAAS;AAC7C,QAAM,MAAM,UAAU,KAAK;AAC3B,YAAU,KAAK,MAAM,YAAY,KAAK;AACtC,SAAO;AAAA;AAGF,MAAM,gBAAgB,qBAAqB,WAAW;AAAA,EAC3D;AAAA,EACA;AAAA;",
-  "names": []
-}

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

@@ -1,76 +0,0 @@
-import * as React from "react";
-import React2, { useState } from "react";
-import styled from "styled-components";
-import { DSButton } from "@elliemae/ds-button";
-import { MoreOptionsVert } from "@elliemae/ds-icons";
-const ToolbarBtns = styled.div`
-  & > .em-ds-toolbar {
-    box-shadow: none;
-  }
-`;
-const ToolbarWrapper = styled.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 = styled.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] = useState(false);
-  const toolbar = show ? renderToolbar({
-    ...rowData,
-    size: rowSize,
-    isToolbarShown: show,
-    setToolbarShow: setShow
-  }) : null;
-  return /* @__PURE__ */ React2.createElement(ToolbarPosition, {
-    rowSize,
-    rowRef
-  }, /* @__PURE__ */ React2.createElement(ToolbarWrapper, {
-    onMouseEnter: () => setShow(true),
-    onMouseLeave: () => setShow(false),
-    showShadow: show,
-    rowSize,
-    hasScrollBar
-  }, show && /* @__PURE__ */ React2.createElement(ToolbarBtns, null, toolbar), /* @__PURE__ */ React2.createElement(DSButton, {
-    buttonType: "text",
-    className: "toolbar-trigger",
-    "data-testid": "toolbar-trigger",
-    icon: /* @__PURE__ */ React2.createElement(MoreOptionsVert, null),
-    index: rowData.index,
-    onClick: () => setShow(true),
-    tabIndex: -1
-  })));
-};
-var ToolbarTrigger_default = ToolbarTrigger;
-export {
-  ToolbarTrigger,
-  ToolbarTrigger_default as default
-};
-//# sourceMappingURL=ToolbarTrigger.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/toolbar/ToolbarTrigger.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,iBAAiB,OAAO;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,OAAO;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,SAAS;AAEjC,QAAM,UAAU,OACZ,cAAc;AAAA,OACT;AAAA,IACH,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,OAElB;AAEJ,SACE,qCAAC,iBAAD;AAAA,IAAiB;AAAA,IAAkB;AAAA,KACjC,qCAAC,gBAAD;AAAA,IACE,cAAc,MAAM,QAAQ;AAAA,IAC5B,cAAc,MAAM,QAAQ;AAAA,IAC5B,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,KAEC,QAAQ,qCAAC,aAAD,MAAc,UACvB,qCAAC,UAAD;AAAA,IACE,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,MAAM,qCAAC,iBAAD;AAAA,IAEN,OAAO,QAAQ;AAAA,IACf,SAAS,MAAM,QAAQ;AAAA,IACvB,UAAU;AAAA;AAAA;AAOpB,IAAO,yBAAQ;",
-  "names": []
-}

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

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { ToolbarPlugin } from "./ToolbarPlugin";
-export {
-  ToolbarPlugin
-};
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,42 +0,0 @@
-import * as React from "react";
-import React2, { forwardRef, useRef } from "react";
-import { FixedSizeList as List } from "react-window";
-import { mergeRefs, useWindowScrollerList, cx } from "@elliemae/ds-utilities";
-const AutoHeightList = forwardRef(({
-  itemCount,
-  className,
-  innerRef,
-  itemData,
-  itemKey,
-  itemSize,
-  outerRef,
-  component: ListComponent = List,
-  ...otherProps
-}, ref) => {
-  const listRef = useRef();
-  const outerListRef = useRef();
-  useWindowScrollerList({
-    listInstance: listRef,
-    outerListRef
-  });
-  return /* @__PURE__ */ React2.createElement(ListComponent, {
-    ...otherProps,
-    ref: mergeRefs(ref, listRef),
-    className: cx(className, "window-scroller-override"),
-    height: window.innerHeight,
-    innerRef,
-    itemCount,
-    itemData,
-    itemKey,
-    itemSize,
-    outerRef: mergeRefs(outerListRef, outerRef),
-    overscanCount: 10,
-    useIsScrolling: true
-  });
-});
-var AutoHeightList_default = AutoHeightList;
-export {
-  AutoHeightList,
-  AutoHeightList_default as default
-};
-//# sourceMappingURL=AutoHeightList.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/virtualization/AutoHeightList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,iBAAiB,WAC5B,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,wBAAsB;AAAA,IACpB,cAAc;AAAA,IACd;AAAA;AAGF,SACE,qCAAC,eAAD;AAAA,OACM;AAAA,IACJ,KAAK,UAAU,KAAK;AAAA,IACpB,WAAW,GAAG,WAAW;AAAA,IACzB,QAAQ,OAAO;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,UAAU,cAAc;AAAA,IAClC,eAAe;AAAA,IACf,gBAAc;AAAA;AAAA;AAMtB,IAAO,yBAAQ;",
-  "names": []
-}

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

@@ -1,68 +0,0 @@
-import * as React from "react";
-import React2, { useMemo, useRef } from "react";
-import { get } from "lodash";
-import { FocusGrid } from "@elliemae/ds-shared/FocusGroup/FocusGrid";
-import { runAll } from "@elliemae/ds-utilities";
-import { mergeRefs } from "@elliemae/ds-utilities";
-import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
-import { VirtualizedBody } from "./VirtualizedBody";
-const VirtualizationPlugin = createInstancePlugin("virtualization", {
-  decorateRenderers(renderers, grid) {
-    const BodyWrapper = renderers.body.wrapper;
-    renderers.body.wrapper = useMemo(() => (props) => {
-      const { listProps = {}, rows } = props;
-      const {
-        hotKeys,
-        props: { autoHeight, autoScrollToId, expandable, overscanCount, rowSize },
-        refs: { innerBody },
-        setHasScroll,
-        state: { filters }
-      } = grid.getInstance();
-      const listRef = useRef();
-      const nextListProps = {
-        ...listProps,
-        ref: mergeRefs(listRef, listProps.ref)
-      };
-      return /* @__PURE__ */ React2.createElement(FocusGrid, {
-        hotKeys,
-        keyBindings: ({ defaultBindings }) => ({
-          ...defaultBindings,
-          Home: runAll((e) => {
-            if (e.ctrlKey) {
-              listRef.current.scrollToItem(0);
-              setTimeout(() => defaultBindings.Home(e), 10);
-            } else {
-              defaultBindings.Home(e);
-            }
-          }),
-          End: runAll((e) => {
-            if (e.ctrlKey) {
-              listRef.current.scrollToItem(rows.length - 1);
-              setTimeout(() => defaultBindings.End(e), 10);
-            } else {
-              defaultBindings.End(e);
-            }
-          })
-        }),
-        shouldRefocus: false
-      }, /* @__PURE__ */ React2.createElement(VirtualizedBody, {
-        ...props,
-        autoScrollToId,
-        autoHeight,
-        component: BodyWrapper,
-        expandable,
-        innerBody,
-        listProps: nextListProps,
-        overscanCount,
-        rowSize,
-        setHasScroll,
-        filters
-      }));
-    }, [get(grid.getInstance(), "rows.length")]);
-    return renderers;
-  }
-});
-export {
-  VirtualizationPlugin
-};
-//# sourceMappingURL=VirtualizationPlugin.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/virtualization/VirtualizationPlugin.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,uBAAuB,qBAAqB,kBAAkB;AAAA,EACzE,kBAAkB,WAAW,MAAM;AACjC,UAAM,cAAc,UAAU,KAAK;AAEnC,cAAU,KAAK,UAAU,QACvB,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,UAAU,SAAS,UAAU;AAAA;AAEpC,aACE,qCAAC,WAAD;AAAA,QACE;AAAA,QACA,aAAa,CAAC,EAAE,sBAAuB;AAAA,aAClC;AAAA,UAGH,MAAM,OAAO,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,OAAO,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,qCAAC,iBAAD;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,IAAI,KAAK,eAAe;AAE3B,WAAO;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,230 +0,0 @@
-import * as React from "react";
-import React2, { useEffect, useState, useCallback, useRef, useLayoutEffect } from "react";
-import PropTypes from "prop-types";
-import { mergeRefs, debounce, isNaN } from "@elliemae/ds-utilities";
-import { NoResults } from "../../components/NoResults";
-import { VirtualizedBodyRow } from "./VirtualizedBodyRow";
-import { RowSizes } from "../../rowSizes";
-import { isSafari } from "./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 || RowSizes[rowSize];
-  const [scrollTop, setScrollTop] = useState(0);
-  const [visibleHeight, setVisibleHeight] = useState(0);
-  const [hasScrollBar, setHasScrollBar] = useState(false);
-  const rowStyleCache = useRef({});
-  const [renderedIndexes, setRenderedIndexes] = 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 = useRef(generateRowPositionMap());
-  const [virtualizedBodyRef, setVirtualizedBodyRef] = useState(null);
-  const handlerRef = useRef();
-  const autoScrollTo = 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]);
-  useEffect(() => {
-    autoScrollTo(visibleHeight);
-  }, [autoScrollToId, visibleHeight]);
-  const handler = useCallback(debounce(({ target }) => {
-    setScrollTop(target.scrollTop || 0);
-  }, 100), [setScrollTop]);
-  useEffect(() => {
-    setScrollTop(0);
-  }, [filters]);
-  useEffect(() => {
-    handlerRef.current = handler;
-  }, [handler]);
-  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]);
-  useLayoutEffect(() => {
-    if (virtualizedBodyRef) {
-      const parsedVisibleHeight = parseFloat(window.getComputedStyle(virtualizedBodyRef, null).getPropertyValue("height"));
-      if (!isNaN(parsedVisibleHeight)) {
-        setVisibleHeight(parsedVisibleHeight);
-        autoScrollTo(parsedVisibleHeight);
-      }
-    }
-  }, [rows, virtualizedBodyRef]);
-  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__ */ React2.createElement(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%",
-    ...isSafari ? wrapperSafari : wrapperGeneric
-  };
-  const bodyStyle = {
-    height: getHeight(),
-    willChange: "transform",
-    backfaceVisibility: "hidden"
-  };
-  return /* @__PURE__ */ React2.createElement(Component, {
-    ...props,
-    innerRef
-  }, !isPlaceholderActive ? /* @__PURE__ */ React2.createElement("div", {
-    className: "virtualized-body-wrapper",
-    style: wrapperStyle,
-    ref: (elem) => {
-      if (elem) {
-        if (isSafari) {
-          setVirtualizedBodyRef(elem.parentElement);
-          elem.parentElement.scrollTop = scrollTop;
-          mergeRefs(listProps.outerRef)(elem.parentElement);
-        } else {
-          setVirtualizedBodyRef(elem);
-          mergeRefs(listProps.outerRef)(elem);
-        }
-      }
-    }
-  }, /* @__PURE__ */ React2.createElement("div", {
-    "data-testid": "virtualized-body",
-    className: `virtualized-body${hasScrollBar ? " with-scrollbar" : ""}`,
-    style: bodyStyle,
-    ref: (r) => {
-      mergeRefs(innerBody)(r);
-    }
-  }, generateRenderedRows())) : /* @__PURE__ */ React2.createElement(NoResults, {
-    innerRef,
-    rowRenderer
-  }, noResultsPlaceholder));
-};
-VirtualizedBody.defaultProps = {
-  rows: [],
-  overscanCount: 10
-};
-VirtualizedBody.propTypes = {
-  autoScrollToId: PropTypes.number,
-  columns: PropTypes.arrayOf(PropTypes.shape({})),
-  component: PropTypes.element,
-  expandable: PropTypes.bool,
-  filters: PropTypes.any,
-  innerRef: PropTypes.any,
-  innerBody: PropTypes.any,
-  isPlaceholderActive: PropTypes.bool,
-  listProps: PropTypes.shape({
-    itemSize: PropTypes.func,
-    outerRef: PropTypes.any
-  }),
-  noResultsPlaceholder: PropTypes.oneOf([PropTypes.string, PropTypes.element]),
-  overscanCount: PropTypes.number,
-  rows: PropTypes.arrayOf(PropTypes.shape({})),
-  rowHeight: PropTypes.number,
-  rowKey: PropTypes.string,
-  rowRenderer: PropTypes.element,
-  rowSize: PropTypes.any,
-  setHasScroll: PropTypes.func
-};
-var VirtualizedBody_default = VirtualizedBody;
-export {
-  VirtualizedBody,
-  VirtualizedBody_default as default
-};
-//# sourceMappingURL=VirtualizedBody.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/virtualization/VirtualizedBody.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "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",
-  "names": []
-}

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

@@ -1,23 +0,0 @@
-import * as React from "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;
-export {
-  VirtualizedBodyRow,
-  VirtualizedBodyRow_default as default
-};
-//# sourceMappingURL=VirtualizedBodyRow.js.map