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

package/cjs/plugins/sortable/useSortableState.js

@@ -0,0 +1,99 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var sortabular = require('sortabular/dist/index.js');
+var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
+var checkIfSortable = require('./checkIfSortable.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var sortabular__namespace = /*#__PURE__*/_interopNamespace(sortabular);
+var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
+
+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__default["default"](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; }
+function useSortableState(grid) {
+  const {
+    onSort,
+    sortingColumns: sortingColumnsProp,
+    pagination
+  } = grid.props;
+  const [sortingColumns, setSortingColumns] = useDerivedStateFromProps__default["default"](sortingColumnsProp);
+
+  const handleSort = selectedColumn => {
+    // support for pagination
+    const {
+      composedRows = {},
+      props
+    } = grid.getInstance();
+    const {
+      allRows,
+      rows
+    } = composedRows;
+    const serverSidePagination = pagination && composedRows.amount !== (composedRows.rows && composedRows.rows.length);
+
+    if (props.serverSideData || serverSidePagination || checkIfSortable.checkIfSortable(selectedColumn, allRows || rows || composedRows)) {
+      setSortingColumns(prevSortingColumns => {
+        const nextSortingColumns = sortabular__namespace.byColumn({
+          sortingColumns: prevSortingColumns,
+          sortingOrder: {
+            FIRST: 'asc',
+            asc: 'desc',
+            desc: 'asc'
+          },
+          selectedColumn
+        });
+        const {
+          columns
+        } = grid.getInstance();
+        let columnSorted = columns.find(col => col.property === selectedColumn);
+        columnSorted = _objectSpread(_objectSpread({}, columnSorted), {}, {
+          originalProperty: columnSorted.property
+        });
+        onSort(nextSortingColumns, selectedColumn, columnSorted);
+        return nextSortingColumns;
+      });
+    }
+  };
+
+  return {
+    state: {
+      sortingColumns
+    },
+    actions: {
+      sort: handleSort
+    }
+  };
+}
+
+exports.useSortableState = useSortableState;

package/cjs/plugins/toolbar/RowRenderer.js

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var lodash = require('lodash');
+var dsUtilities = require('@elliemae/ds-utilities');
+var ToolbarTrigger = require('./ToolbarTrigger.js');
+var rowSizes = require('../../rowSizes.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+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__default["default"](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 RowRenderer = (Row, grid) => {
+  const Wrapped = props => {
+    const ref = React.useRef();
+    const {
+      rowData = {},
+      index,
+      rowIndex,
+      style
+    } = props;
+    const {
+      props: {
+        wrapText
+      }
+    } = grid.getInstance();
+    const [popStyle, setPopStyle] = React.useState({});
+    const [rowStyle, setRowStyle] = React.useState(style);
+    const gridInstance = grid.getInstance();
+    const {
+      refs,
+      isRowDragging
+    } = gridInstance;
+    const [hasVerticalScrollBar, setHasVerticalScrollBar] = React.useState(refs.body.current && refs.body.current.offsetWidth > refs.body.current.clientWidth);
+    React.useEffect(() => {
+      const shouldOmit = isRowDragging ? ['top'] : [];
+      setPopStyle(_objectSpread(_objectSpread({}, popStyle), {
+        top: style && !isRowDragging ? style.top : '0'
+      }));
+
+      if (style) {
+        // style defined means it has virtualization
+        setHasVerticalScrollBar(true);
+      } else {
+        setHasVerticalScrollBar(false);
+      }
+
+      setRowStyle(dsUtilities.omit(style || {
+        height: !wrapText ? rowSizes.RowSizes[gridInstance.props.rowSize] : 'auto',
+        position: 'relative'
+      }, [shouldOmit]));
+    }, [style, isRowDragging]);
+    return /*#__PURE__*/_jsx__default["default"]("div", {
+      className: "row-renderer-fixed-height",
+      style: {
+        height: !wrapText ? rowSizes.RowSizes[gridInstance.props.rowSize] : 'auto',
+        position: style ? 'auto' : 'relative' // top: isDragging ? rowStyle.top - RowSizes[gridInstance.props.rowSize] : 'auto',
+
+      }
+    }, void 0, /*#__PURE__*/jsxRuntime.jsx(Row, _objectSpread(_objectSpread({
+      ref: ref
+    }, props), {}, {
+      style: rowStyle
+    })), lodash.isEmpty(rowData) && !rowData.index && !rowData.rowIndex ? null : /*#__PURE__*/_jsx__default["default"]("div", {
+      className: "toolbar-trigger-container ".concat(style ? 'move' : 'stay'),
+      style: _objectSpread({}, popStyle)
+    }, void 0, /*#__PURE__*/_jsx__default["default"](ToolbarTrigger.ToolbarTrigger, {
+      grid: grid,
+      rowData: {
+        rowData,
+        index,
+        rowIndex
+      },
+      hasScrollBar: hasVerticalScrollBar,
+      rowRef: ref
+    })));
+  };
+
+  return Wrapped;
+};
+
+exports.RowRenderer = RowRenderer;

package/cjs/plugins/toolbar/ToolbarPlugin.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('react');
+var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
+var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
+var RowRenderer = require('./RowRenderer.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
+
+const decorateColumns = columns => {
+  const lastColumn = columns[columns.length - 1];
+  return [...columns.slice(0, -1), initColumnDefinition.appendCellFormatter([value => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [value, /*#__PURE__*/_jsx__default["default"]("div", {
+      style: {
+        width: 34,
+        maxWidth: 34,
+        overflow: 'hidden'
+      }
+    })]
+  })], lastColumn, 'fixedFormatters')];
+};
+
+const decorateRenderers = (renderers, grid) => {
+  const Row = renderers.body.row;
+  renderers.body.row = RowRenderer.RowRenderer(Row, grid);
+  return renderers;
+};
+
+const ToolbarPlugin = createInstancePlugin__default["default"]('toolbar', {
+  decorateRenderers,
+  decorateColumns
+});
+
+exports.ToolbarPlugin = ToolbarPlugin;

package/cjs/plugins/toolbar/ToolbarTrigger.js

@@ -0,0 +1,86 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var styled = require('styled-components');
+var DSButton = require('@elliemae/ds-button');
+var dsIcons = require('@elliemae/ds-icons');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+
+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__default["default"](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__default["default"].div.withConfig({
+  componentId: "sc-pm75g5-0"
+})(["& > .em-ds-toolbar{box-shadow:none;}"]);
+const ToolbarWrapper = /*#__PURE__*/styled__default["default"].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__default["default"].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;
+  const {
+    props: {
+      renderToolbar,
+      rowSize
+    } // eslint-disable-next-line react/prop-types
+
+  } = grid.getInstance();
+  const [show, setShow] = React.useState(false);
+  /* eslint-disable indent */
+
+  const toolbar = show ? renderToolbar(_objectSpread(_objectSpread({}, rowData), {}, {
+    size: rowSize,
+    isToolbarShown: show,
+    setToolbarShow: setShow
+  })) : null;
+  /* eslint-enable indent */
+
+  return /*#__PURE__*/_jsx__default["default"](ToolbarPosition, {
+    rowSize: rowSize,
+    rowRef: rowRef
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ToolbarWrapper, {
+    onMouseEnter: () => setShow(true),
+    onMouseLeave: () => setShow(false),
+    showShadow: show,
+    rowSize: rowSize,
+    hasScrollBar: hasScrollBar
+  }, void 0, show && /*#__PURE__*/_jsx__default["default"](ToolbarBtns, {}, void 0, toolbar), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+    buttonType: "text",
+    className: "toolbar-trigger",
+    "data-testid": "toolbar-trigger",
+    icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {})) // eslint-disable-next-line react/prop-types
+    ,
+    index: rowData.index,
+    onClick: () => setShow(true),
+    tabIndex: -1
+  })));
+};
+
+exports.ToolbarTrigger = ToolbarTrigger;
+exports["default"] = ToolbarTrigger;

package/cjs/plugins/toolbar/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ToolbarPlugin = require('./ToolbarPlugin.js');
+
+
+
+exports.ToolbarPlugin = ToolbarPlugin.ToolbarPlugin;

package/cjs/plugins/virtualization/AutoHeightList.js

@@ -0,0 +1,59 @@
+'use strict';
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var reactWindow = require('react-window');
+var dsUtilities = require('@elliemae/ds-utilities');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+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__default["default"](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__*/React.forwardRef((_ref, ref) => {
+  let {
+    itemCount,
+    className,
+    innerRef,
+    itemData,
+    itemKey,
+    itemSize,
+    outerRef,
+    component: ListComponent = reactWindow.FixedSizeList
+  } = _ref,
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const listRef = React.useRef();
+  const outerListRef = React.useRef();
+  dsUtilities.useWindowScrollerList({
+    listInstance: listRef,
+    outerListRef
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({}, otherProps), {}, {
+    ref: dsUtilities.mergeRefs(ref, listRef),
+    className: dsUtilities.cx(className, 'window-scroller-override'),
+    height: window.innerHeight,
+    innerRef: innerRef,
+    itemCount: itemCount,
+    itemData: itemData,
+    itemKey: itemKey,
+    itemSize: itemSize,
+    outerRef: dsUtilities.mergeRefs(outerListRef, outerRef),
+    overscanCount: 10,
+    useIsScrolling: true
+  }));
+});
+
+module.exports = AutoHeightList;

package/cjs/plugins/virtualization/VirtualizationPlugin.js

@@ -0,0 +1,108 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var React = require('react');
+var lodash = require('lodash');
+var FocusGridManager = require('@elliemae/ds-shared/FocusGroup/FocusGrid');
+var dsUtilities = require('@elliemae/ds-utilities');
+var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
+var VirtualizedBody = require('./VirtualizedBody.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var FocusGridManager__default = /*#__PURE__*/_interopDefaultLegacy(FocusGridManager);
+var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
+
+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__default["default"](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__default["default"]('virtualization', {
+  decorateRenderers(renderers, grid) {
+    const BodyWrapper = renderers.body.wrapper; // eslint-disable-next-line react/display-name
+
+    renderers.body.wrapper = React.useMemo(() => props => {
+      const {
+        listProps = {},
+        rows
+      } = props;
+      const {
+        hotKeys,
+        props: {
+          autoHeight,
+          autoScrollToId,
+          expandable,
+          overscanCount,
+          rowSize
+        },
+        refs: {
+          innerBody
+        },
+        setHasScroll,
+        state: {
+          filters
+        }
+      } = grid.getInstance();
+      const listRef = React.useRef();
+
+      const nextListProps = _objectSpread(_objectSpread({}, listProps), {}, {
+        ref: dsUtilities.mergeRefs(listRef, listProps.ref)
+      });
+
+      return /*#__PURE__*/_jsx__default["default"](FocusGridManager__default["default"], {
+        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: dsUtilities.runAll(e => {
+              if (e.ctrlKey) {
+                listRef.current.scrollToItem(0);
+                setTimeout(() => defaultBindings.Home(e), 10);
+              } else {
+                defaultBindings.Home(e);
+              }
+            }),
+            End: dsUtilities.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__*/jsxRuntime.jsx(VirtualizedBody, _objectSpread(_objectSpread({}, props), {}, {
+        autoScrollToId: autoScrollToId,
+        autoHeight: autoHeight,
+        component: BodyWrapper,
+        expandable: expandable,
+        innerBody: innerBody,
+        listProps: nextListProps,
+        overscanCount: overscanCount,
+        rowSize: rowSize,
+        setHasScroll: setHasScroll,
+        filters: filters
+      })));
+    }, [lodash.get(grid.getInstance(), 'rows.length')]);
+    return renderers;
+  }
+
+});
+
+exports.VirtualizationPlugin = VirtualizationPlugin;