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

package/esm/plugins/virtualization/VirtualizedBody.js

@@ -1,33 +1,14 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useState, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
-import { debounce, isNaN, mergeRefs } from '@elliemae/ds-utilities';
-import NoResults from '../../components/NoResults.js';
-import VirtualizedBodyRow from './VirtualizedBodyRow.js';
-import { RowSizes } from '../../rowSizes.js';
-import { isSafari } from './helper.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 wrapperGeneric = { overflowY: "auto", overflowX: "visible" };
+const VirtualizedBody = (props) => {
   const {
     autoScrollToId,
     columns,
@@ -45,8 +26,7 @@ const VirtualizedBody = props => {
     rowRenderer,
     rowSize,
     setHasScroll,
-    filters // hack to reset the scrollTop to 0 if filters change
-
+    filters
   } = props;
   const rowHeight = defaultRowHeight || RowSizes[rowSize];
   const [scrollTop, setScrollTop] = useState(0);
@@ -54,41 +34,29 @@ const VirtualizedBody = props => {
   const [hasScrollBar, setHasScrollBar] = useState(false);
   const rowStyleCache = useRef({});
   const [renderedIndexes, setRenderedIndexes] = useState([0, 30]);
-
   const getCalculatedHeightBetweenIndexes = (start, end) => {
-    const {
-      itemSize = () => rowHeight
-    } = listProps;
-
+    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 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);
+  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);
@@ -99,11 +67,7 @@ const VirtualizedBody = props => {
   useEffect(() => {
     autoScrollTo(visibleHeight);
   }, [autoScrollToId, visibleHeight]);
-  const handler = useCallback(debounce(_ref => {
-    let {
-      target
-    } = _ref;
-    // Update coordinates
+  const handler = useCallback(debounce(({ target }) => {
     setScrollTop(target.scrollTop || 0);
   }, 100), [setScrollTop]);
   useEffect(() => {
@@ -115,38 +79,31 @@ const VirtualizedBody = props => {
   useLayoutEffect(() => {
     let top = Math.ceil(scrollTop / rowHeight);
     let bot = Math.ceil((scrollTop + visibleHeight) / rowHeight);
-
     if (expandable) {
-      // updateMapperFirst
       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;
+      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')); // eslint-disable-next-line no-restricted-globals
-
+      const parsedVisibleHeight = parseFloat(window.getComputedStyle(virtualizedBodyRef, null).getPropertyValue("height"));
       if (!isNaN(parsedVisibleHeight)) {
         setVisibleHeight(parsedVisibleHeight);
         autoScrollTo(parsedVisibleHeight);
@@ -155,114 +112,119 @@ const VirtualizedBody = props => {
   }, [rows, virtualizedBodyRef]);
   useEffect(() => {
     if (virtualizedBodyRef) {
-      const eventListener = event => handlerRef.current(event);
-
-      virtualizedBodyRef.addEventListener('scroll', eventListener);
+      const eventListener = (event) => handlerRef.current(event);
+      virtualizedBodyRef.addEventListener("scroll", eventListener);
       return () => {
-        virtualizedBodyRef.removeEventListener('scroll', eventListener);
+        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 (visibleHeight > returnHeight) {
-    //   return visibleHeight;
-    // }
-
-
+    }
     if (virtualizedBodyRef && virtualizedBodyRef.scrollHeight > virtualizedBodyRef.clientHeight) {
       return returnHeight + 10;
     }
-
     return returnHeight;
   };
-
   const getRowStyle = (row, index, specificRowHeight) => {
-    const {
-      itemSize
-    } = listProps;
-
+    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'
+      position: "absolute"
     };
     return rowStyleCache.current[index];
   };
-
-  const generateRenderedRows = () => rows.slice(renderedIndexes[0], renderedIndexes[1] + 1).map((_, index) => /*#__PURE__*/_jsx(VirtualizedBodyRow, {
+  const generateRenderedRows = () => rows.slice(renderedIndexes[0], renderedIndexes[1] + 1).map((_, index) => /* @__PURE__ */ React2.createElement(VirtualizedBodyRow, {
     data: {
       rows,
       columns,
       rowKey,
-      renderer: {
-        rowRenderer
-      }
+      renderer: { rowRenderer }
     },
     index: renderedIndexes[0] + index,
+    key: rows[renderedIndexes[0] + index][rowKey],
     style: getRowStyle(rows[renderedIndexes[0] + index], renderedIndexes[0] + index, rowHeight)
-  }, rows[renderedIndexes[0] + index][rowKey]));
-
-  const wrapperStyle = _objectSpread({
-    height: '100%'
-  }, isSafari ? wrapperSafari : wrapperGeneric);
-
+  }));
+  const wrapperStyle = {
+    height: "100%",
+    ...isSafari ? wrapperSafari : wrapperGeneric
+  };
   const bodyStyle = {
     height: getHeight(),
-    willChange: 'transform',
-    backfaceVisibility: 'hidden'
+    willChange: "transform",
+    backfaceVisibility: "hidden"
   };
-  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
-    innerRef: innerRef,
-    children: !isPlaceholderActive ? /*#__PURE__*/jsx("div", {
-      className: "virtualized-body-wrapper",
-      style: wrapperStyle,
-      ref: elem => {
-        if (elem) {
-          if (isSafari) {
-            setVirtualizedBodyRef(elem.parentElement); // eslint-disable-next-line no-param-reassign
-
-            elem.parentElement.scrollTop = scrollTop;
-            mergeRefs(listProps.outerRef)(elem.parentElement);
-          } else {
-            setVirtualizedBodyRef(elem);
-            mergeRefs(listProps.outerRef)(elem);
-          }
+  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);
         }
-      },
-      children: /*#__PURE__*/jsx("div", {
-        "data-testid": "virtualized-body",
-        className: "virtualized-body".concat(hasScrollBar ? ' with-scrollbar' : ''),
-        style: bodyStyle,
-        ref: r => {
-          mergeRefs(innerBody)(r);
-        },
-        children: generateRenderedRows()
-      })
-    }) : /*#__PURE__*/_jsx(NoResults, {
-      innerRef: innerRef,
-      rowRenderer: rowRenderer
-    }, void 0, noResultsPlaceholder)
-  }));
+      }
+    }
+  }, /* @__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
 };
-
-export { VirtualizedBody as default };
+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/esm/plugins/virtualization/VirtualizedBody.js.map

@@ -0,0 +1,7 @@
+{
+  "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/esm/plugins/virtualization/VirtualizedBodyRow.js

@@ -1,16 +1,8 @@
-function VirtualizedBodyRow(_ref) {
-  let {
-    data,
-    index,
-    style,
-    key,
-    isScrolling
-  } = _ref;
+import * as React from "react";
+const VirtualizedBodyRow = ({ data, index, style, key, isScrolling }) => {
   const {
     rows,
-    renderer: {
-      rowRenderer
-    }
+    renderer: { rowRenderer }
   } = data;
   const rowData = rows[index];
   return rowRenderer(rowData, {
@@ -19,10 +11,13 @@ function VirtualizedBodyRow(_ref) {
     rowIndex: index,
     key
   }, {
-    // eslint-disable-next-line no-underscore-dangle
     rowIndex: index,
     isScrolling
   });
-}
-
-export { VirtualizedBodyRow as default };
+};
+var VirtualizedBodyRow_default = VirtualizedBodyRow;
+export {
+  VirtualizedBodyRow,
+  VirtualizedBodyRow_default as default
+};
+//# sourceMappingURL=VirtualizedBodyRow.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/virtualization/VirtualizedBodyRow.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAO,MAAM,qBAAqB,CAAC,EAAE,MAAM,OAAO,OAAO,KAAK,kBAAkB;AAC9E,QAAM;AAAA,IACJ;AAAA,IACA,UAAU,EAAE;AAAA,MACV;AACJ,QAAM,UAAU,KAAK;AAErB,SAAO,YACL,SACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,KAEF;AAAA,IAEE,UAAU;AAAA,IACV;AAAA;AAAA;AAKN,IAAO,6BAAQ;",
+  "names": []
+}

package/esm/plugins/virtualization/helper.js

@@ -1,3 +1,6 @@
-const isSafari = navigator.vendor && navigator.vendor.indexOf('Apple') > -1 && navigator.userAgent && navigator.userAgent.indexOf('CriOS') === -1 && navigator.userAgent.indexOf('FxiOS') === -1;
-
-export { isSafari };
+import * as React from "react";
+const isSafari = navigator.vendor && navigator.vendor.indexOf("Apple") > -1 && navigator.userAgent && navigator.userAgent.indexOf("CriOS") === -1 && navigator.userAgent.indexOf("FxiOS") === -1;
+export {
+  isSafari
+};
+//# sourceMappingURL=helper.js.map

package/esm/plugins/virtualization/helper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/virtualization/helper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAO,MAAM,WACX,UAAU,UACV,UAAU,OAAO,QAAQ,WAAW,MACpC,UAAU,aACV,UAAU,UAAU,QAAQ,aAAa,MACzC,UAAU,UAAU,QAAQ,aAAa;",
+  "names": []
+}

package/esm/plugins/virtualization/index.js

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

package/esm/plugins/virtualization/index.js.map

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

package/esm/renders/CellWithAddons.js

@@ -1,53 +1,82 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { get } from 'lodash';
-import Grid from '@elliemae/ds-grid';
-import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
-import { CellWrapper, ValueWrapper } from './styled.js';
-
-const CellWithAddons = _ref => {
-  let {
-    leftAddon,
-    keepLeftPadding,
-    rightAddon,
-    badgeAddon,
-    highLight,
-    isEdit,
-    editComponent,
-    value,
-    neutralText,
-    metaData
-  } = _ref;
+import * as React from "react";
+import React2 from "react";
+import { get } from "lodash";
+import PropTypes from "prop-types";
+import { Grid } from "@elliemae/ds-grid";
+import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { CellWrapper, ValueWrapper } from "./styled";
+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 || get(metaData, 'rowData.customRowProps.neutralText');
-  if (hasLeftAddon) cols.unshift('auto');
-  if (hasRightAddon) cols.push('auto');
-  return /*#__PURE__*/_jsx(CellWrapper, {
+  const shouldBeGray = neutralText || get(metaData, "rowData.customRowProps.neutralText");
+  if (hasLeftAddon)
+    cols.unshift("auto");
+  if (hasRightAddon)
+    cols.push("auto");
+  return /* @__PURE__ */ React2.createElement(CellWrapper, {
     noPadding: hasLeftAddon || badgeAddon || highLight || hasRightAddon,
-    hasLeftAddon: hasLeftAddon,
-    hasRightAddon: hasRightAddon,
-    badgeAddon: badgeAddon,
-    highLight: highLight
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
+    hasLeftAddon,
+    hasRightAddon,
+    badgeAddon,
+    highLight
+  }, /* @__PURE__ */ React2.createElement(Grid, {
     height: "100%",
-    cols: cols
-  }, void 0, hasLeftAddon && /*#__PURE__*/_jsx(Grid, {
+    cols
+  }, hasLeftAddon && /* @__PURE__ */ React2.createElement(Grid, {
     alignItems: "center",
     pl: "xxs",
     pr: "xxs",
-    width: keepLeftPadding ? '32px' : undefined
-  }, void 0, hasLeftAddon && leftAddon), /*#__PURE__*/_jsx(Grid, {
+    width: keepLeftPadding ? "32px" : void 0
+  }, hasLeftAddon && leftAddon), /* @__PURE__ */ React2.createElement(Grid, {
     alignItems: "center"
-  }, void 0, /*#__PURE__*/_jsx(ValueWrapper, {
+  }, /* @__PURE__ */ React2.createElement(ValueWrapper, {
     grayText: shouldBeGray
-  }, void 0, isEdit ? editComponent : /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
-    value: value
-  }))), hasRightAddon && /*#__PURE__*/_jsx(Grid, {
+  }, isEdit ? editComponent : /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+    value
+  }))), hasRightAddon && /* @__PURE__ */ React2.createElement(Grid, {
     alignItems: "center",
     pl: "xxs"
-  }, void 0, rightAddon)));
+  }, rightAddon)));
+};
+CellWithAddons.propTypes = {
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  leftAddon: PropTypes.element,
+  keepLeftPadding: PropTypes.bool,
+  rightAddon: PropTypes.element,
+  editComponent: PropTypes.element,
+  isEdit: PropTypes.bool,
+  badgeAddon: PropTypes.bool,
+  highLight: PropTypes.bool,
+  neutralText: PropTypes.bool,
+  metaData: PropTypes.shape({
+    className: PropTypes.string,
+    column: PropTypes.object,
+    columnIndex: PropTypes.number,
+    index: PropTypes.number,
+    isScrolling: PropTypes.bool,
+    key: PropTypes.string,
+    parentRowData: PropTypes.any,
+    property: PropTypes.string,
+    registerFocus: PropTypes.func,
+    rowData: PropTypes.object,
+    rowIndex: PropTypes.number,
+    rowKey: PropTypes.string,
+    style: PropTypes.object
+  })
+};
+export {
+  CellWithAddons
 };
-
-export { CellWithAddons };
+//# sourceMappingURL=CellWithAddons.js.map

package/esm/renders/CellWithAddons.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/renders/CellWithAddons.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { get } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { CellWrapper, ValueWrapper } from './styled';\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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAGO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,eAAe,CAAC,CAAC,aAAa;AACpC,QAAM,gBAAgB,CAAC,CAAC,cAAc,CAAC;AACvC,QAAM,OAAO,CAAC;AACd,QAAM,eAAe,eAAe,IAAI,UAAU;AAClD,MAAI;AAAc,SAAK,QAAQ;AAC/B,MAAI;AAAe,SAAK,KAAK;AAC7B,SACE,qCAAC,aAAD;AAAA,IACE,WAAW,gBAAgB,cAAc,aAAa;AAAA,IACtD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEA,qCAAC,MAAD;AAAA,IAAM,QAAO;AAAA,IAAO;AAAA,KACjB,gBACC,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,IAAS,IAAG;AAAA,IAAM,IAAG;AAAA,IAAM,OAAO,kBAAkB,SAAS;AAAA,KAC3E,gBAAgB,YAGrB,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,KACf,qCAAC,cAAD;AAAA,IAAc,UAAU;AAAA,KACrB,SAAS,gBAAgB,qCAAC,wBAAD;AAAA,IAAwB;AAAA,QAGrD,iBACC,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,IAAS,IAAG;AAAA,KAC1B;AAAA;AAQb,eAAe,YAAY;AAAA,EAEzB,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,EAExD,WAAW,UAAU;AAAA,EAErB,iBAAiB,UAAU;AAAA,EAE3B,YAAY,UAAU;AAAA,EAEtB,eAAe,UAAU;AAAA,EAEzB,QAAQ,UAAU;AAAA,EAElB,YAAY,UAAU;AAAA,EAEtB,WAAW,UAAU;AAAA,EAErB,aAAa,UAAU;AAAA,EAEvB,UAAU,UAAU,MAAM;AAAA,IACxB,WAAW,UAAU;AAAA,IACrB,QAAQ,UAAU;AAAA,IAClB,aAAa,UAAU;AAAA,IACvB,OAAO,UAAU;AAAA,IACjB,aAAa,UAAU;AAAA,IACvB,KAAK,UAAU;AAAA,IACf,eAAe,UAAU;AAAA,IACzB,UAAU,UAAU;AAAA,IACpB,eAAe,UAAU;AAAA,IACzB,SAAS,UAAU;AAAA,IACnB,UAAU,UAAU;AAAA,IACpB,QAAQ,UAAU;AAAA,IAClB,OAAO,UAAU;AAAA;AAAA;",
+  "names": []
+}

package/esm/renders/index.js

@@ -1,2 +1,8 @@
-export { CellWithAddons } from './CellWithAddons.js';
-export { CellContainer } from './styled.js';
+import * as React from "react";
+import { CellWithAddons } from "./CellWithAddons";
+import { CellContainer } from "./styled";
+export {
+  CellContainer,
+  CellWithAddons
+};
+//# sourceMappingURL=index.js.map

package/esm/renders/index.js.map

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