@elliemae/ds-datagrids 2.2.1 → 2.3.0-alpha.4

package/esm/plugins/toolbar/ToolbarTrigger.js

@@ -1,74 +1,76 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.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 _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState } from 'react';
-import styled from 'styled-components';
-import DSButton from '@elliemae/ds-button';
-import { MoreOptionsVert } from '@elliemae/ds-icons';
-
-var _MoreOptionsVert;
-
-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; }
-const ToolbarBtns = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-pm75g5-0"
-})(["& > .em-ds-toolbar{box-shadow:none;}"]);
-const ToolbarWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-pm75g5-1"
-})(["display:flex;align-items:center;height:", ";margin-left:-4px;margin-right:", ";padding-right:4px;pointer-events:all;background:white;", " &: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;}}"], props => props.rowSize === 'normal' ? '36px' : '28px', props => props.hasScrollBar ? '0' : '-10px', props => props.showShadow ? "box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2),\n  1px 0px 2px 0px rgba(0, 0, 0, 0.2);" : '');
-const ToolbarPosition = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-pm75g5-2"
-})(["position:absolute;z-index:10;display:flex;justify-content:flex-end;align-items:center;width:0;pointer-events:none;top:0;height:", ";margin-top:", ";"], props => props.rowRef.current ? "".concat(props.rowRef.current.offsetHeight, "px") : '36px', props => props.rowSize === 'normal' ? '0' : '0'); // eslint-disable-next-line react/prop-types
-
-const ToolbarTrigger = _ref => {
-  let {
-    grid,
-    rowData,
-    hasScrollBar,
-    rowRef
-  } = _ref;
+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
-    } // eslint-disable-next-line react/prop-types
-
+    props: { renderToolbar, rowSize }
   } = grid.getInstance();
   const [show, setShow] = useState(false);
-  /* eslint-disable indent */
-
-  const toolbar = show ? renderToolbar(_objectSpread(_objectSpread({}, rowData), {}, {
+  const toolbar = show ? renderToolbar({
+    ...rowData,
     size: rowSize,
     isToolbarShown: show,
     setToolbarShow: setShow
-  })) : null;
-  /* eslint-enable indent */
-
-  return /*#__PURE__*/_jsx(ToolbarPosition, {
-    rowSize: rowSize,
-    rowRef: rowRef
-  }, void 0, /*#__PURE__*/_jsx(ToolbarWrapper, {
+  }) : null;
+  return /* @__PURE__ */ React2.createElement(ToolbarPosition, {
+    rowSize,
+    rowRef
+  }, /* @__PURE__ */ React2.createElement(ToolbarWrapper, {
     onMouseEnter: () => setShow(true),
     onMouseLeave: () => setShow(false),
     showShadow: show,
-    rowSize: rowSize,
-    hasScrollBar: hasScrollBar
-  }, void 0, show && /*#__PURE__*/_jsx(ToolbarBtns, {}, void 0, toolbar), /*#__PURE__*/_jsx(DSButton, {
+    rowSize,
+    hasScrollBar
+  }, show && /* @__PURE__ */ React2.createElement(ToolbarBtns, null, toolbar), /* @__PURE__ */ React2.createElement(DSButton, {
     buttonType: "text",
     className: "toolbar-trigger",
     "data-testid": "toolbar-trigger",
-    icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx(MoreOptionsVert, {})) // eslint-disable-next-line react/prop-types
-    ,
+    icon: /* @__PURE__ */ React2.createElement(MoreOptionsVert, null),
     index: rowData.index,
     onClick: () => setShow(true),
     tabIndex: -1
   })));
 };
-
-export { ToolbarTrigger, ToolbarTrigger as default };
+var ToolbarTrigger_default = ToolbarTrigger;
+export {
+  ToolbarTrigger,
+  ToolbarTrigger_default as default
+};
+//# sourceMappingURL=ToolbarTrigger.js.map

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

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

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

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

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

@@ -1,52 +1,42 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef, useRef } from 'react';
-import { FixedSizeList } from 'react-window';
-import { useWindowScrollerList, mergeRefs, cx } from '@elliemae/ds-utilities';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["itemCount", "className", "innerRef", "itemData", "itemKey", "itemSize", "outerRef", "component"];
-
-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; }
-const AutoHeightList = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    itemCount,
-    className,
-    innerRef,
-    itemData,
-    itemKey,
-    itemSize,
-    outerRef,
-    component: ListComponent = FixedSizeList
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+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__*/jsx(ListComponent, _objectSpread(_objectSpread({}, otherProps), {}, {
+  return /* @__PURE__ */ React2.createElement(ListComponent, {
+    ...otherProps,
     ref: mergeRefs(ref, listRef),
-    className: cx(className, 'window-scroller-override'),
+    className: cx(className, "window-scroller-override"),
     height: window.innerHeight,
-    innerRef: innerRef,
-    itemCount: itemCount,
-    itemData: itemData,
-    itemKey: itemKey,
-    itemSize: itemSize,
+    innerRef,
+    itemCount,
+    itemData,
+    itemKey,
+    itemSize,
     outerRef: mergeRefs(outerListRef, outerRef),
     overscanCount: 10,
     useIsScrolling: true
-  }));
+  });
 });
-
-export { AutoHeightList as default };
+var AutoHeightList_default = AutoHeightList;
+export {
+  AutoHeightList,
+  AutoHeightList_default as default
+};
+//# sourceMappingURL=AutoHeightList.js.map

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

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

@@ -1,97 +1,68 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.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 _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { useMemo, useRef } from 'react';
-import { get } from 'lodash';
-import FocusGridManager from '@elliemae/ds-shared/FocusGroup/FocusGrid';
-import { mergeRefs, runAll } from '@elliemae/ds-utilities';
-import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import VirtualizedBody from './VirtualizedBody.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; }
-const VirtualizationPlugin = createInstancePlugin('virtualization', {
+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; // eslint-disable-next-line react/display-name
-
-    renderers.body.wrapper = useMemo(() => props => {
-      const {
-        listProps = {},
-        rows
-      } = props;
+    const BodyWrapper = renderers.body.wrapper;
+    renderers.body.wrapper = useMemo(() => (props) => {
+      const { listProps = {}, rows } = props;
       const {
         hotKeys,
-        props: {
-          autoHeight,
-          autoScrollToId,
-          expandable,
-          overscanCount,
-          rowSize
-        },
-        refs: {
-          innerBody
-        },
+        props: { autoHeight, autoScrollToId, expandable, overscanCount, rowSize },
+        refs: { innerBody },
         setHasScroll,
-        state: {
-          filters
-        }
+        state: { filters }
       } = grid.getInstance();
       const listRef = useRef();
-
-      const nextListProps = _objectSpread(_objectSpread({}, listProps), {}, {
+      const nextListProps = {
+        ...listProps,
         ref: mergeRefs(listRef, listProps.ref)
-      });
-
-      return /*#__PURE__*/_jsx(FocusGridManager, {
-        hotKeys: hotKeys,
-        keyBindings: _ref => {
-          let {
-            defaultBindings
-          } = _ref;
-          return _objectSpread(_objectSpread({}, defaultBindings), {}, {
-            // todo: this is kind of hacky, since it's virtualized and there's
-            //  the possibility that the firsts or lasts rows aren't rendered
-            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);
-              }
-            })
-          });
-        },
+      };
+      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
-      }, void 0, /*#__PURE__*/jsx(VirtualizedBody, _objectSpread(_objectSpread({}, props), {}, {
-        autoScrollToId: autoScrollToId,
-        autoHeight: autoHeight,
+      }, /* @__PURE__ */ React2.createElement(VirtualizedBody, {
+        ...props,
+        autoScrollToId,
+        autoHeight,
         component: BodyWrapper,
-        expandable: expandable,
-        innerBody: innerBody,
+        expandable,
+        innerBody,
         listProps: nextListProps,
-        overscanCount: overscanCount,
-        rowSize: rowSize,
-        setHasScroll: setHasScroll,
-        filters: filters
-      })));
-    }, [get(grid.getInstance(), 'rows.length')]);
+        overscanCount,
+        rowSize,
+        setHasScroll,
+        filters
+      }));
+    }, [get(grid.getInstance(), "rows.length")]);
     return renderers;
   }
-
 });
-
-export { VirtualizationPlugin };
+export {
+  VirtualizationPlugin
+};
+//# sourceMappingURL=VirtualizationPlugin.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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": []
+}