@elliemae/ds-legacy-datagrids 1.0.0-rc.1

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

@@ -0,0 +1,275 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var VirtualizedBody_exports = {};
+__export(VirtualizedBody_exports, {
+  VirtualizedBody: () => VirtualizedBody,
+  default: () => VirtualizedBody_default
+});
+module.exports = __toCommonJS(VirtualizedBody_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_legacy_utilities = require("@elliemae/ds-legacy-utilities");
+var import_NoResults = require("../../components/NoResults.js");
+var import_VirtualizedBodyRow = require("./VirtualizedBodyRow.js");
+var import_rowSizes = require("../../rowSizes.js");
+var import_helper = require("./helper.js");
+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
+    // hack to reset the scrollTop to 0 if filters change
+  } = 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_legacy_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_legacy_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__ */ (0, import_jsx_runtime.jsx)(
+    import_VirtualizedBodyRow.VirtualizedBodyRow,
+    {
+      data: {
+        rows,
+        columns,
+        rowKey,
+        renderer: { rowRenderer }
+      },
+      index: renderedIndexes[0] + index,
+      style: getRowStyle(rows[renderedIndexes[0] + index], renderedIndexes[0] + index, rowHeight)
+    },
+    rows[renderedIndexes[0] + index][rowKey]
+  ));
+  const wrapperStyle = {
+    height: "100%",
+    ...import_helper.isSafari ? wrapperSafari : wrapperGeneric
+  };
+  const bodyStyle = {
+    height: getHeight(),
+    willChange: "transform",
+    backfaceVisibility: "hidden"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props, innerRef, children: !isPlaceholderActive ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "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_legacy_utilities.mergeRefs)(listProps.outerRef)(elem.parentElement);
+          } else {
+            setVirtualizedBodyRef(elem);
+            (0, import_ds_legacy_utilities.mergeRefs)(listProps.outerRef)(elem);
+          }
+        }
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          "data-testid": "virtualized-body",
+          className: `virtualized-body${hasScrollBar ? " with-scrollbar" : ""}`,
+          style: bodyStyle,
+          ref: (r) => {
+            (0, import_ds_legacy_utilities.mergeRefs)(innerBody)(r);
+          },
+          children: generateRenderedRows()
+        }
+      )
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NoResults.NoResults, { innerRef, rowRenderer, children: 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.oneOfType([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;
+//# 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-legacy-utilities';\nimport { NoResults } from '../../components/NoResults.js';\nimport { VirtualizedBodyRow } from './VirtualizedBodyRow.js';\nimport { RowSizes } from '../../rowSizes.js';\nimport { isSafari } from './helper.js';\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.oneOfType([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": ["PropTypes"]
+}

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

@@ -0,0 +1,58 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var VirtualizedBodyRow_exports = {};
+__export(VirtualizedBodyRow_exports, {
+  VirtualizedBodyRow: () => VirtualizedBodyRow,
+  default: () => VirtualizedBodyRow_default
+});
+module.exports = __toCommonJS(VirtualizedBodyRow_exports);
+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
+    },
+    {
+      // eslint-disable-next-line no-underscore-dangle
+      rowIndex: index,
+      isScrolling
+    }
+  );
+};
+var VirtualizedBodyRow_default = VirtualizedBodyRow;
+//# 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;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB,CAAC,EAAE,MAAM,OAAO,OAAO,KAAK,YAAY,MAAM;AAC9E,QAAM;AAAA,IACJ;AAAA,IACA,UAAU,EAAE,YAAY;AAAA,EAC1B,IAAI;AACJ,QAAM,UAAU,KAAK,KAAK;AAE1B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,IACF;AAAA,IACA;AAAA;AAAA,MAEE,UAAU;AAAA,MACV;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,6BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,36 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var helper_exports = {};
+__export(helper_exports, {
+  isSafari: () => isSafari
+});
+module.exports = __toCommonJS(helper_exports);
+var React = __toESM(require("react"));
+const isSafari = navigator.vendor && navigator.vendor.indexOf("Apple") > -1 && navigator.userAgent && navigator.userAgent.indexOf("CriOS") === -1 && navigator.userAgent.indexOf("FxiOS") === -1;
+//# sourceMappingURL=helper.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/virtualization/helper.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const isSafari =\n  navigator.vendor &&\n  navigator.vendor.indexOf('Apple') > -1 &&\n  navigator.userAgent &&\n  navigator.userAgent.indexOf('CriOS') === -1 &&\n  navigator.userAgent.indexOf('FxiOS') === -1;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,WACX,UAAU,UACV,UAAU,OAAO,QAAQ,OAAO,IAAI,MACpC,UAAU,aACV,UAAU,UAAU,QAAQ,OAAO,MAAM,MACzC,UAAU,UAAU,QAAQ,OAAO,MAAM;",
+  "names": []
+}

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

@@ -0,0 +1,36 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var virtualization_exports = {};
+__export(virtualization_exports, {
+  VirtualizationPlugin: () => import_VirtualizationPlugin.VirtualizationPlugin
+});
+module.exports = __toCommonJS(virtualization_exports);
+var React = __toESM(require("react"));
+var import_VirtualizationPlugin = require("./VirtualizationPlugin.js");
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/renders/CellWithAddons.js

@@ -0,0 +1,113 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CellWithAddons_exports = {};
+__export(CellWithAddons_exports, {
+  CellWithAddons: () => CellWithAddons
+});
+module.exports = __toCommonJS(CellWithAddons_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lodash = require("lodash");
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_legacy_grid = require("@elliemae/ds-legacy-grid");
+var import_ds_legacy_truncated_tooltip_text = require("@elliemae/ds-legacy-truncated-tooltip-text");
+var import_styled = require("./styled.js");
+const CellWithAddons = ({
+  leftAddon,
+  keepLeftPadding,
+  rightAddon,
+  badgeAddon,
+  highLight,
+  isEdit,
+  editComponent,
+  value,
+  neutralText,
+  metaData
+}) => {
+  const hasLeftAddon = !!leftAddon || keepLeftPadding;
+  const hasRightAddon = !!rightAddon && !isEdit;
+  const cols = [1];
+  const shouldBeGray = neutralText || (0, import_lodash.get)(metaData, "rowData.customRowProps.neutralText");
+  if (hasLeftAddon)
+    cols.unshift("auto");
+  if (hasRightAddon)
+    cols.push("auto");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.CellWrapper,
+    {
+      noPadding: hasLeftAddon || badgeAddon || highLight || hasRightAddon,
+      hasLeftAddon,
+      hasRightAddon,
+      badgeAddon,
+      highLight,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_legacy_grid.Grid, { height: "100%", cols, children: [
+        hasLeftAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_grid.Grid, { alignItems: "center", pl: "xxs", pr: "xxs", width: keepLeftPadding ? "32px" : void 0, children: hasLeftAddon && leftAddon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_grid.Grid, { alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.ValueWrapper, { grayText: shouldBeGray, children: isEdit ? editComponent : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_truncated_tooltip_text.DSTruncatedTooltipText, { value }) }) }),
+        hasRightAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_grid.Grid, { alignItems: "center", pl: "xxs", children: rightAddon })
+      ] })
+    }
+  );
+};
+CellWithAddons.propTypes = {
+  /** Text to render inside the cell */
+  value: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
+  /** Left Icon */
+  leftAddon: import_prop_types.default.element,
+  /** keep the left spacing even if no left addons is addded */
+  keepLeftPadding: import_prop_types.default.bool,
+  /** Right Icon Button or Dropdown */
+  rightAddon: import_prop_types.default.element,
+  /** TextBox/InputMask/ComboBox */
+  editComponent: import_prop_types.default.element,
+  /** if is true it will show editComponent */
+  isEdit: import_prop_types.default.bool,
+  /** Shows a blue mark in the top left corner */
+  badgeAddon: import_prop_types.default.bool,
+  /** change background color to light blue */
+  highLight: import_prop_types.default.bool,
+  /** change text color to light gray */
+  neutralText: import_prop_types.default.bool,
+  /** data grid meta-information */
+  metaData: import_prop_types.default.shape({
+    className: import_prop_types.default.string,
+    column: import_prop_types.default.object,
+    columnIndex: import_prop_types.default.number,
+    index: import_prop_types.default.number,
+    isScrolling: import_prop_types.default.bool,
+    key: import_prop_types.default.string,
+    parentRowData: import_prop_types.default.any,
+    property: import_prop_types.default.string,
+    registerFocus: import_prop_types.default.func,
+    rowData: import_prop_types.default.object,
+    rowIndex: import_prop_types.default.number,
+    rowKey: import_prop_types.default.string,
+    style: import_prop_types.default.object
+  })
+};
+//# sourceMappingURL=CellWithAddons.js.map

package/dist/cjs/renders/CellWithAddons.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/renders/CellWithAddons.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { get } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-legacy-grid';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-legacy-truncated-tooltip-text';\nimport { CellWrapper, ValueWrapper } from './styled.js';\n\n// eslint-disable-next-line complexity\nexport const CellWithAddons = ({\n  leftAddon,\n  keepLeftPadding,\n  rightAddon,\n  badgeAddon,\n  highLight,\n  isEdit,\n  editComponent,\n  value,\n  neutralText,\n  metaData,\n}) => {\n  const hasLeftAddon = !!leftAddon || keepLeftPadding;\n  const hasRightAddon = !!rightAddon && !isEdit;\n  const cols = [1];\n  const shouldBeGray = neutralText || get(metaData, 'rowData.customRowProps.neutralText');\n  if (hasLeftAddon) cols.unshift('auto');\n  if (hasRightAddon) cols.push('auto');\n  return (\n    <CellWrapper\n      noPadding={hasLeftAddon || badgeAddon || highLight || hasRightAddon}\n      hasLeftAddon={hasLeftAddon}\n      hasRightAddon={hasRightAddon}\n      badgeAddon={badgeAddon}\n      highLight={highLight}\n    >\n      <Grid height=\"100%\" cols={cols}>\n        {hasLeftAddon && (\n          <Grid alignItems=\"center\" pl=\"xxs\" pr=\"xxs\" width={keepLeftPadding ? '32px' : undefined}>\n            {hasLeftAddon && leftAddon}\n          </Grid>\n        )}\n        <Grid alignItems=\"center\">\n          <ValueWrapper grayText={shouldBeGray}>\n            {isEdit ? editComponent : <DSTruncatedTooltipText value={value} />}\n          </ValueWrapper>\n        </Grid>\n        {hasRightAddon && (\n          <Grid alignItems=\"center\" pl=\"xxs\">\n            {rightAddon}\n          </Grid>\n        )}\n      </Grid>\n    </CellWrapper>\n  );\n};\n\nCellWithAddons.propTypes = {\n  /** Text to render inside the cell */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Left Icon */\n  leftAddon: PropTypes.element,\n  /** keep the left spacing even if no left addons is addded */\n  keepLeftPadding: PropTypes.bool,\n  /** Right Icon Button or Dropdown */\n  rightAddon: PropTypes.element,\n  /** TextBox/InputMask/ComboBox */\n  editComponent: PropTypes.element,\n  /** if is true it will show editComponent */\n  isEdit: PropTypes.bool,\n  /** Shows a blue mark in the top left corner */\n  badgeAddon: PropTypes.bool,\n  /** change background color to light blue */\n  highLight: PropTypes.bool,\n  /** change text color to light gray */\n  neutralText: PropTypes.bool,\n  /** data grid meta-information */\n  metaData: PropTypes.shape({\n    className: PropTypes.string,\n    column: PropTypes.object,\n    columnIndex: PropTypes.number,\n    index: PropTypes.number,\n    isScrolling: PropTypes.bool,\n    key: PropTypes.string,\n    parentRowData: PropTypes.any,\n    property: PropTypes.string,\n    registerFocus: PropTypes.func,\n    rowData: PropTypes.object,\n    rowIndex: PropTypes.number,\n    rowKey: PropTypes.string,\n    style: PropTypes.object,\n  }),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCjB;AAjCN,oBAAoB;AACpB,wBAAsB;AACtB,4BAAqB;AACrB,8CAAuC;AACvC,oBAA0C;AAGnC,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAe,CAAC,CAAC,aAAa;AACpC,QAAM,gBAAgB,CAAC,CAAC,cAAc,CAAC;AACvC,QAAM,OAAO,CAAC,CAAC;AACf,QAAM,eAAe,mBAAe,mBAAI,UAAU,oCAAoC;AACtF,MAAI;AAAc,SAAK,QAAQ,MAAM;AACrC,MAAI;AAAe,SAAK,KAAK,MAAM;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,gBAAgB,cAAc,aAAa;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,uDAAC,8BAAK,QAAO,QAAO,MACjB;AAAA,wBACC,4CAAC,8BAAK,YAAW,UAAS,IAAG,OAAM,IAAG,OAAM,OAAO,kBAAkB,SAAS,QAC3E,0BAAgB,WACnB;AAAA,QAEF,4CAAC,8BAAK,YAAW,UACf,sDAAC,8BAAa,UAAU,cACrB,mBAAS,gBAAgB,4CAAC,kEAAuB,OAAc,GAClE,GACF;AAAA,QACC,iBACC,4CAAC,8BAAK,YAAW,UAAS,IAAG,OAC1B,sBACH;AAAA,SAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,YAAY;AAAA;AAAA,EAEzB,OAAO,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM,CAAC;AAAA;AAAA,EAE/D,WAAW,kBAAAA,QAAU;AAAA;AAAA,EAErB,iBAAiB,kBAAAA,QAAU;AAAA;AAAA,EAE3B,YAAY,kBAAAA,QAAU;AAAA;AAAA,EAEtB,eAAe,kBAAAA,QAAU;AAAA;AAAA,EAEzB,QAAQ,kBAAAA,QAAU;AAAA;AAAA,EAElB,YAAY,kBAAAA,QAAU;AAAA;AAAA,EAEtB,WAAW,kBAAAA,QAAU;AAAA;AAAA,EAErB,aAAa,kBAAAA,QAAU;AAAA;AAAA,EAEvB,UAAU,kBAAAA,QAAU,MAAM;AAAA,IACxB,WAAW,kBAAAA,QAAU;AAAA,IACrB,QAAQ,kBAAAA,QAAU;AAAA,IAClB,aAAa,kBAAAA,QAAU;AAAA,IACvB,OAAO,kBAAAA,QAAU;AAAA,IACjB,aAAa,kBAAAA,QAAU;AAAA,IACvB,KAAK,kBAAAA,QAAU;AAAA,IACf,eAAe,kBAAAA,QAAU;AAAA,IACzB,UAAU,kBAAAA,QAAU;AAAA,IACpB,eAAe,kBAAAA,QAAU;AAAA,IACzB,SAAS,kBAAAA,QAAU;AAAA,IACnB,UAAU,kBAAAA,QAAU;AAAA,IACpB,QAAQ,kBAAAA,QAAU;AAAA,IAClB,OAAO,kBAAAA,QAAU;AAAA,EACnB,CAAC;AACH;",
+  "names": ["PropTypes"]
+}

package/dist/cjs/renders/index.js

@@ -0,0 +1,38 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var renders_exports = {};
+__export(renders_exports, {
+  CellContainer: () => import_styled.CellContainer,
+  CellWithAddons: () => import_CellWithAddons.CellWithAddons
+});
+module.exports = __toCommonJS(renders_exports);
+var React = __toESM(require("react"));
+var import_CellWithAddons = require("./CellWithAddons.js");
+var import_styled = require("./styled.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/renders/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/renders/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { CellWithAddons } from './CellWithAddons.js';\nexport { CellContainer } from './styled.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAA+B;AAC/B,oBAA8B;",
+  "names": []
+}