@elliemae/ds-datagrids 1.61.0 → 2.0.0-alpha.12

package/cjs/index.js

@@ -3,192 +3,65 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var DSDataGrid = require('./DSDataGrid.js');
-var components_ColumnsOptionsMenuSection = require('./components/ColumnsOptionsMenuSection.js');
-var components_ColumnVisibilityMenuOption = require('./components/ColumnVisibilityMenuOption.js');
-var components_EmptyState = require('./components/EmptyState.js');
-var columns_IconColumn = require('./columns/IconColumn.js');
-var plugins_bodyHeaderScrollSync_BodyHeaderScrollSyncPlugin = require('./plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js');
-var plugins_columnDnd_DndColumnsPlugin = require('./plugins/column-dnd/DndColumnsPlugin.js');
-var plugins_columnSizing_ColumnSizingPlugin = require('./plugins/column-sizing/ColumnSizingPlugin.js');
-var plugins_customCellRenderer_CustomRendererPlugin = require('./plugins/custom-cell-renderer/CustomRendererPlugin.js');
-var plugins_editable_EditablePlugin = require('./plugins/editable/EditablePlugin.js');
-var plugins_editable_EditableComponents_ComboBox = require('./plugins/editable/EditableComponents/ComboBox.js');
-var plugins_editable_EditableComponents_TextBox = require('./plugins/editable/EditableComponents/TextBox.js');
-var plugins_expandableGrid_ExpandablePlugin = require('./plugins/expandable-grid/ExpandablePlugin.js');
-var plugins_expandableGrid_ExpandableColumn = require('./plugins/expandable-grid/ExpandableColumn.js');
-var plugins_filterable_FilterablePlugin = require('./plugins/filterable/FilterablePlugin.js');
-var plugins_infiniteScrolling_InfiniteScrollPlugin = require('./plugins/infinite-scrolling/InfiniteScrollPlugin.js');
-var plugins_pagination_PaginationPlugin = require('./plugins/pagination/PaginationPlugin.js');
-var plugins_resizable_ResizablePlugin = require('./plugins/resizable/ResizablePlugin.js');
-var plugins_rowDnd_DndRowsPlugin = require('./plugins/row-dnd/DndRowsPlugin.js');
-var plugins_selectable_SelectablePlugin = require('./plugins/selectable/SelectablePlugin.js');
-var plugins_sortable_SortablePlugin = require('./plugins/sortable/SortablePlugin.js');
-var plugins_toolbar_ToolbarPlugin = require('./plugins/toolbar/ToolbarPlugin.js');
-var plugins_exportData_ExportDataPlugin = require('./plugins/export-data/ExportDataPlugin.js');
-var plugins_virtualization_VirtualizationPlugin = require('./plugins/virtualization/VirtualizationPlugin.js');
+var ColumnsOptionsMenuSection = require('./components/ColumnsOptionsMenuSection.js');
+var ColumnVisibilityMenuOption = require('./components/ColumnVisibilityMenuOption.js');
+var EmptyState = require('./components/EmptyState.js');
+var IconColumn = require('./columns/IconColumn.js');
+var BodyHeaderScrollSyncPlugin = require('./plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js');
+var DndColumnsPlugin = require('./plugins/column-dnd/DndColumnsPlugin.js');
+var ColumnSizingPlugin = require('./plugins/column-sizing/ColumnSizingPlugin.js');
+var CustomRendererPlugin = require('./plugins/custom-cell-renderer/CustomRendererPlugin.js');
+var EditablePlugin = require('./plugins/editable/EditablePlugin.js');
+var ComboBox = require('./plugins/editable/EditableComponents/ComboBox.js');
+var TextBox = require('./plugins/editable/EditableComponents/TextBox.js');
+var ExpandablePlugin = require('./plugins/expandable-grid/ExpandablePlugin.js');
+var ExpandableColumn = require('./plugins/expandable-grid/ExpandableColumn.js');
+var FilterablePlugin = require('./plugins/filterable/FilterablePlugin.js');
+var InfiniteScrollPlugin = require('./plugins/infinite-scrolling/InfiniteScrollPlugin.js');
+var PaginationPlugin = require('./plugins/pagination/PaginationPlugin.js');
+var ResizablePlugin = require('./plugins/resizable/ResizablePlugin.js');
+var DndRowsPlugin = require('./plugins/row-dnd/DndRowsPlugin.js');
+var SelectablePlugin = require('./plugins/selectable/SelectablePlugin.js');
+var SortablePlugin = require('./plugins/sortable/SortablePlugin.js');
+var ToolbarPlugin = require('./plugins/toolbar/ToolbarPlugin.js');
+var ExportDataPlugin = require('./plugins/export-data/ExportDataPlugin.js');
+var VirtualizationPlugin = require('./plugins/virtualization/VirtualizationPlugin.js');
 var rowSizes = require('./rowSizes.js');
-var renders_CellWithAddons = require('./renders/CellWithAddons.js');
-var renders_styled = require('./renders/styled.js');
-require('react');
-require('react-desc');
-require('@elliemae/ds-truncated-tooltip-text');
-require('./DataGridImpl.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-shared/utils');
-require('@elliemae/ds-shared/useDataGrid');
-require('./components/Table.js');
-require('./components/TableHeader.js');
-require('./components/tableContext.js');
-require('./components/TableBody.js');
-require('./components/HeaderCell.js');
-require('prop-types');
-require('@elliemae/ds-shared/createDataInstance/utils');
-require('./components/BodyCell.js');
-require('@elliemae/ds-shared/FocusGroup/FocusGrid');
-require('./index-0be12eb8.js');
-require('./components/renderers/defaultClassedRenderers.js');
-require('@elliemae/ds-classnames');
-require('./blockNames.js');
-require('./components/renderers/renderRowsLoader.js');
-require('./components/RowsLoader.js');
-require('@elliemae/ds-spinner');
-require('./components/footer/addOptionalFooterComponents.js');
-require('./plugins/pagination/components/Pagination.js');
-require('./plugins/pagination/components/Paginator.js');
-require('react-pagify');
-require('segmentize');
-require('./plugins/pagination/components/PerPageDropdown.js');
-require('memoize-one');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-form');
-require('./components/header/addOptionalHeaderComponents.js');
-require('@elliemae/ds-filterbar');
-require('./utilities/getPluginsFromProps.js');
-require('./plugins/grouping-grid/GroupingPlugin.js');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('react-window');
-require('./plugins/grouping-grid/walkStrategy.js');
-require('./plugins/grouping-by/GroupingByPlugin.js');
-require('lodash');
-require('react-sortable-hoc');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-require('./plugins/column-dnd/decorateGridWithDndColumns.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/regenerator');
-require('./plugins/editable/decorateEditable.js');
-require('react-edit');
-require('./plugins/editable/getEditorComponent.js');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('sortabular');
-require('./plugins/sortable/sortHeaderFormatter.js');
-require('./plugins/sortable/useSortableState.js');
-require('sortabular/dist');
-require('./plugins/sortable/checkIfSortable.js');
-require('./plugins/sortable/sorter.js');
-require('moment');
-require('obj-str');
-require('./plugins/selectable/addSelectableColumn.js');
-require('./plugins/selectable/selectableFormatter.js');
-require('./plugins/selectable/useSelectableState.js');
-require('./plugins/selectable/helper.js');
-require('./plugins/filterable/addFilterToColumn.js');
-require('./plugins/filterable/filterableFormatter.js');
-require('./plugins/filterable/components/FilterableHeader.js');
-require('@elliemae/ds-system');
-require('./plugins/filterable/components/filterable-menus/getFilterMenuByType.js');
-require('./plugins/filterable/components/filterable-menus/DateRangeFilterMenu.js');
-require('@elliemae/ds-controlled-form');
-require('@elliemae/ds-popper');
-require('@elliemae/ds-button');
-require('./plugins/filterable/components/filterable-menus/defaultDateFormat.js');
-require('./plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js');
-require('@elliemae/ds-grid');
-require('./plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js');
-require('@elliemae/ds-basic/Popper');
-require('@elliemae/ds-basic/Button');
-require('styled-components');
-require('./plugins/filterable/components/filterable-menus/TextFilterMenu.js');
-require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-menu');
-require('./plugins/filterable/helper.js');
-require('./plugins/filterable/filtering-helper/filterRowsByQuery.js');
-require('./plugins/filterable/filtering-helper/strategiesOperators.js');
-require('comparejs');
-require('./plugins/filterable/useFilterableState.js');
-require('uuid');
-require('./plugins/toolbar/RowRenderer.js');
-require('./plugins/toolbar/ToolbarTrigger.js');
-require('./plugins/pagination/helper.js');
-require('./plugins/pagination/usePaginationState.js');
-require('./components/NoResults.js');
-require('./plugins/virtualization/VirtualizedBody.js');
-require('./plugins/virtualization/VirtualizedBodyRow.js');
-require('./plugins/virtualization/helper.js');
-require('./plugins/expandable-grid/ExpandedRow.js');
-require('@elliemae/ds-separator');
-require('@elliemae/ds-shared/defer-render-hoc');
-require('./plugins/column-sizing/useStylesheetHelpers.js');
-require('stylesheet-helpers');
-require('./plugins/column-sizing/getColumnNameFromProperty.js');
-require('./utilities/getScrollbarSize.js');
-require('./plugins/column-sizing/useColumnSizeService.js');
-require('./plugins/column-sizing/utils.js');
-require('./plugins/column-sizing/ext-points/getTableProps.js');
-require('./plugins/column-sizing/ext-points/decorateColumn.js');
-require('./plugins/column-sizing/columnMeasurerTransformer.js');
-require('./plugins/expandable-grid/ExpandedRowExtra.js');
-require('./plugins/expandable-grid/useExpandGridState.js');
-require('./defaultPlugins.js');
-require('./utilities/normalizeData.js');
-require('@elliemae/ds-shared/ScrollSync');
-require('./plugins/custom-cell-renderer/addCustomRendererToCell.js');
-require('./plugins/custom-cell-renderer/getRendererComponent.js');
-require('./plugins/resizable/decorateResizable.js');
-require('./plugins/resizable/useResizeHandle.js');
+var CellWithAddons = require('./renders/CellWithAddons.js');
+var styled = require('./renders/styled.js');
 
 
 
-exports.DSDataGrid = DSDataGrid['default'];
+exports.DSDataGrid = DSDataGrid["default"];
 exports.DSDataGridsWithSchema = DSDataGrid.DSDataGridsWithSchema;
-exports.ColumnsOptionsMenuSection = components_ColumnsOptionsMenuSection;
-exports.getColumnVisibilityMenuOption = components_ColumnVisibilityMenuOption.getColumnVisibilityMenuOption;
-exports.EmptyState = components_EmptyState.EmptyState;
-exports.IconColumn = columns_IconColumn;
-exports.BodyHeaderScrollSyncPlugin = plugins_bodyHeaderScrollSync_BodyHeaderScrollSyncPlugin.BodyHeaderScrollSyncPlugin;
-exports.DndColumnsPlugin = plugins_columnDnd_DndColumnsPlugin.DndColumnsPlugin;
-exports.ColumnSizingPlugin = plugins_columnSizing_ColumnSizingPlugin.ColumnSizingPlugin;
-exports.CustomRendererPlugin = plugins_customCellRenderer_CustomRendererPlugin.CustomRendererPlugin;
-exports.EditablePlugin = plugins_editable_EditablePlugin.EditablePlugin;
-exports.ComboBox = plugins_editable_EditableComponents_ComboBox;
-exports.TextBox = plugins_editable_EditableComponents_TextBox;
-exports.ExpandablePlugin = plugins_expandableGrid_ExpandablePlugin.ExpandablePlugin;
-exports.ExpandableColumn = plugins_expandableGrid_ExpandableColumn;
-exports.FilterablePlugin = plugins_filterable_FilterablePlugin.FilterablePlugin;
-exports.InfiniteScrollPlugin = plugins_infiniteScrolling_InfiniteScrollPlugin.InfiniteScrollPlugin;
-exports.PaginationPlugin = plugins_pagination_PaginationPlugin.PaginationPlugin;
-exports.ResizablePlugin = plugins_resizable_ResizablePlugin.ResizablePlugin;
-exports.DndRowsPlugin = plugins_rowDnd_DndRowsPlugin.DndRowsPlugin;
-exports.SelectablePlugin = plugins_selectable_SelectablePlugin.SelectablePlugin;
-exports.SortablePlugin = plugins_sortable_SortablePlugin.SortablePlugin;
-exports.ToolbarPlugin = plugins_toolbar_ToolbarPlugin.ToolbarPlugin;
-exports.ExportDataPlugin = plugins_exportData_ExportDataPlugin.ExportDataPlugin;
-exports.getColumnValue = plugins_exportData_ExportDataPlugin.getColumnValue;
-exports.getExportedData = plugins_exportData_ExportDataPlugin.getExportedData;
-exports.getVisibleRowData = plugins_exportData_ExportDataPlugin.getVisibleRowData;
-exports.VirtualizationPlugin = plugins_virtualization_VirtualizationPlugin.VirtualizationPlugin;
+exports.ColumnsOptionsMenuSection = ColumnsOptionsMenuSection;
+exports.getColumnVisibilityMenuOption = ColumnVisibilityMenuOption.getColumnVisibilityMenuOption;
+exports.EmptyState = EmptyState.EmptyState;
+exports.IconColumn = IconColumn;
+exports.BodyHeaderScrollSyncPlugin = BodyHeaderScrollSyncPlugin.BodyHeaderScrollSyncPlugin;
+exports.DndColumnsPlugin = DndColumnsPlugin.DndColumnsPlugin;
+exports.ColumnSizingPlugin = ColumnSizingPlugin.ColumnSizingPlugin;
+exports.CustomRendererPlugin = CustomRendererPlugin.CustomRendererPlugin;
+exports.EditablePlugin = EditablePlugin.EditablePlugin;
+exports.ComboBox = ComboBox;
+exports.TextBox = TextBox;
+exports.ExpandablePlugin = ExpandablePlugin.ExpandablePlugin;
+exports.ExpandableColumn = ExpandableColumn;
+exports.FilterablePlugin = FilterablePlugin.FilterablePlugin;
+exports.InfiniteScrollPlugin = InfiniteScrollPlugin.InfiniteScrollPlugin;
+exports.PaginationPlugin = PaginationPlugin.PaginationPlugin;
+exports.ResizablePlugin = ResizablePlugin.ResizablePlugin;
+exports.DndRowsPlugin = DndRowsPlugin.DndRowsPlugin;
+exports.SelectablePlugin = SelectablePlugin.SelectablePlugin;
+exports.SortablePlugin = SortablePlugin.SortablePlugin;
+exports.ToolbarPlugin = ToolbarPlugin.ToolbarPlugin;
+exports.ExportDataPlugin = ExportDataPlugin.ExportDataPlugin;
+exports.getColumnValue = ExportDataPlugin.getColumnValue;
+exports.getExportedData = ExportDataPlugin.getExportedData;
+exports.getVisibleRowData = ExportDataPlugin.getVisibleRowData;
+exports.VirtualizationPlugin = VirtualizationPlugin.VirtualizationPlugin;
 exports.RowSizes = rowSizes.RowSizes;
 exports.RowSizesOptions = rowSizes.RowSizesOptions;
 exports.RowSizesOptionsArr = rowSizes.RowSizesOptionsArr;
-exports.CellWithAddons = renders_CellWithAddons.CellWithAddons;
-exports.CellContainer = renders_styled.CellContainer;
-//# sourceMappingURL=index.js.map
+exports.CellWithAddons = CellWithAddons.CellWithAddons;
+exports.CellContainer = styled.CellContainer;

package/cjs/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js

@@ -2,142 +2,142 @@
 
 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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _extends = require('@babel/runtime/helpers/extends');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var dsUtilities = require('@elliemae/ds-utilities');
 var ScrollSync = require('@elliemae/ds-shared/ScrollSync');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var utilities_getScrollbarSize = require('../../utilities/getScrollbarSize.js');
+var getScrollbarSize = require('../../utilities/getScrollbarSize.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
-var _excluded = ["children", "classProps", "columns", "getContainer", "helperClass", "innerBodyRef", "innerRef", "isPlaceholderActive", "listProps", "lockAxis", "noResultsPlaceholder", "numRowsVisible", "onSortEnd", "onSortOver", "onSortStart", "rowKey", "rowRenderer", "rows", "useDragHandle", "className", "listComponent"];
-utilities_getScrollbarSize.getScrollbarWidth(2);
-
-var HeaderSyncHoc = function HeaderSyncHoc(Component) {
-  return function (props) {
-    return /*#__PURE__*/React__default['default'].createElement(ScrollSync.ScrollSyncPane, null, function (_ref) {
-      var registerPane = _ref.registerPane;
-      return /*#__PURE__*/React__default['default'].createElement(Component, _extends__default['default']({}, props, {
-        innerRef: dsUtilities.mergeRefs(props.innerRef, registerPane)
-      }));
-    });
-  };
-};
+const _excluded = ["children", "classProps", "columns", "getContainer", "helperClass", "innerBodyRef", "innerRef", "isPlaceholderActive", "listProps", "lockAxis", "noResultsPlaceholder", "numRowsVisible", "onSortEnd", "onSortOver", "onSortStart", "rowKey", "rowRenderer", "rows", "useDragHandle", "className", "listComponent"];
 
-var BodySyncHoc = function BodySyncHoc(Component, notPaginated, grid) {
-  return function (_ref2) {
-    _ref2.children;
-        var classProps = _ref2.classProps,
-        columns = _ref2.columns,
-        getContainer = _ref2.getContainer,
-        helperClass = _ref2.helperClass,
-        innerBodyRef = _ref2.innerBodyRef,
-        innerRef = _ref2.innerRef,
-        isPlaceholderActive = _ref2.isPlaceholderActive,
-        listProps = _ref2.listProps,
-        lockAxis = _ref2.lockAxis,
-        noResultsPlaceholder = _ref2.noResultsPlaceholder,
-        numRowsVisible = _ref2.numRowsVisible,
-        onSortEnd = _ref2.onSortEnd,
-        onSortOver = _ref2.onSortOver,
-        onSortStart = _ref2.onSortStart,
-        rowKey = _ref2.rowKey,
-        rowRenderer = _ref2.rowRenderer,
-        rows = _ref2.rows,
-        useDragHandle = _ref2.useDragHandle,
-        className = _ref2.className,
-        listComponent = _ref2.listComponent,
-        rest = _objectWithoutProperties__default['default'](_ref2, _excluded);
-
-    var t = React.useRef();
-
-    var repositionToolbarBasedOnBodyScrollPosition = function repositionToolbarBasedOnBodyScrollPosition(SCROLLBAR_WIDTH) {
-      return function () {
-        grid.refs.body.current.style.setProperty('--toolbar-scroll', "".concat(grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 15, "px"));
-        grid.refs.body.current.style.setProperty('--toolbar-scroll-paginated', "".concat(grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 19, "px"));
-      };
-    };
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-    React.useEffect(function () {
-      setTimeout(repositionToolbarBasedOnBodyScrollPosition(), 300);
-    }, []);
-    React.useEffect(function () {
-      window.addEventListener('resize', repositionToolbarBasedOnBodyScrollPosition());
-      return function () {
-        window.removeEventListener('resize', repositionToolbarBasedOnBodyScrollPosition());
-      };
-    });
-    return /*#__PURE__*/React__default['default'].createElement(ScrollSync.ScrollSyncPane, {
-      notPaginated: notPaginated
-    }, function (_ref3) {
-      var registerPane = _ref3.registerPane;
-      return /*#__PURE__*/React__default['default'].createElement(Component, _extends__default['default']({
-        ref: t,
-        classProps: classProps,
-        className: className,
-        listComponent: listComponent,
-        columns: columns,
-        getContainer: getContainer,
-        helperClass: helperClass,
-        innerBodyRef: innerBodyRef // innerRef={innerRef}
-        ,
-        isPlaceholderActive: isPlaceholderActive,
-        listProps: listProps,
-        lockAxis: lockAxis,
-        noResultsPlaceholder: noResultsPlaceholder,
-        numRowsVisible: numRowsVisible,
-        onSortEnd: onSortEnd,
-        onSortOver: onSortOver,
-        onSortStart: onSortStart,
-        rowKey: rowKey,
-        rowRenderer: rowRenderer,
-        rows: rows,
-        useDragHandle: useDragHandle,
-        innerRef: dsUtilities.mergeRefs(innerRef, registerPane, t)
-      }, rest));
-    });
-  };
-};
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+getScrollbarSize.getScrollbarWidth(2);
+
+const HeaderSyncHoc = Component => props => /*#__PURE__*/_jsx__default["default"](ScrollSync.ScrollSyncPane, {}, void 0, _ref => {
+  let {
+    registerPane
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
+    innerRef: dsUtilities.mergeRefs(props.innerRef, registerPane)
+  }));
+});
+
+const BodySyncHoc = (Component, notPaginated, grid) => _ref2 => {
+  let {
+    children,
+    classProps,
+    columns,
+    getContainer,
+    helperClass,
+    innerBodyRef,
+    innerRef,
+    isPlaceholderActive,
+    listProps,
+    lockAxis,
+    noResultsPlaceholder,
+    numRowsVisible,
+    onSortEnd,
+    onSortOver,
+    onSortStart,
+    rowKey,
+    rowRenderer,
+    rows,
+    useDragHandle,
+    className,
+    listComponent
+  } = _ref2,
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
-var TableSyncHoc = function TableSyncHoc(Component) {
-  return function (props) {
-    return /*#__PURE__*/React__default['default'].createElement(ScrollSync.ScrollSync, {
-      proportional: false,
-      onScroll: function onScroll(e) {
-        e.target.style.setProperty('--toolbar-scroll', "".concat(e.target.offsetWidth + e.target.scrollLeft - 15, "px"));
-        e.target.style.setProperty('--toolbar-scroll-paginated', "".concat(e.target.offsetWidth + e.target.scrollLeft - 19, "px"));
-      }
-    }, /*#__PURE__*/React__default['default'].createElement(Component, props));
+  const t = React.useRef();
+
+  const repositionToolbarBasedOnBodyScrollPosition = SCROLLBAR_WIDTH => () => {
+    grid.refs.body.current.style.setProperty('--toolbar-scroll', "".concat(grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 15, "px"));
+    grid.refs.body.current.style.setProperty('--toolbar-scroll-paginated', "".concat(grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 19, "px"));
   };
-};
 
-var decorateRenderers = function decorateRenderers(renderers, grid) {
-  var HeaderWrapper = renderers.header.wrapper;
-  var BodyWrapper = renderers.body.wrapper;
-  var Table = renderers.table;
-  var paginated = grid.props.paginated;
-  renderers.table = React.useMemo(function () {
-    return TableSyncHoc(Table);
-  }, []);
-  renderers.header.wrapper = React.useMemo(function () {
-    return HeaderSyncHoc(HeaderWrapper);
-  }, []);
-  renderers.body.wrapper = React.useMemo(function () {
-    return BodySyncHoc(BodyWrapper, !paginated, grid);
+  React.useEffect(() => {
+    setTimeout(repositionToolbarBasedOnBodyScrollPosition(), 300);
   }, []);
+  React.useEffect(() => {
+    window.addEventListener('resize', repositionToolbarBasedOnBodyScrollPosition());
+    return () => {
+      window.removeEventListener('resize', repositionToolbarBasedOnBodyScrollPosition());
+    };
+  });
+  return /*#__PURE__*/_jsx__default["default"](ScrollSync.ScrollSyncPane, {
+    notPaginated: notPaginated
+  }, void 0, _ref3 => {
+    let {
+      registerPane
+    } = _ref3;
+    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({
+      ref: t,
+      classProps: classProps,
+      className: className,
+      listComponent: listComponent,
+      columns: columns,
+      getContainer: getContainer,
+      helperClass: helperClass,
+      innerBodyRef: innerBodyRef // innerRef={innerRef}
+      ,
+      isPlaceholderActive: isPlaceholderActive,
+      listProps: listProps,
+      lockAxis: lockAxis,
+      noResultsPlaceholder: noResultsPlaceholder,
+      numRowsVisible: numRowsVisible,
+      onSortEnd: onSortEnd,
+      onSortOver: onSortOver,
+      onSortStart: onSortStart,
+      rowKey: rowKey,
+      rowRenderer: rowRenderer,
+      rows: rows,
+      useDragHandle: useDragHandle,
+      innerRef: dsUtilities.mergeRefs(innerRef, registerPane, t)
+    }, rest));
+  });
+};
+
+const TableSyncHoc = Component => props => /*#__PURE__*/_jsx__default["default"](ScrollSync.ScrollSync, {
+  proportional: false,
+  onScroll: e => {
+    e.target.style.setProperty('--toolbar-scroll', "".concat(e.target.offsetWidth + e.target.scrollLeft - 15, "px"));
+    e.target.style.setProperty('--toolbar-scroll-paginated', "".concat(e.target.offsetWidth + e.target.scrollLeft - 19, "px"));
+  }
+}, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)));
+
+const decorateRenderers = (renderers, grid) => {
+  const HeaderWrapper = renderers.header.wrapper;
+  const BodyWrapper = renderers.body.wrapper;
+  const Table = renderers.table;
+  const {
+    paginated
+  } = grid.props;
+  renderers.table = React.useMemo(() => TableSyncHoc(Table), []);
+  renderers.header.wrapper = React.useMemo(() => HeaderSyncHoc(HeaderWrapper), []);
+  renderers.body.wrapper = React.useMemo(() => BodySyncHoc(BodyWrapper, !paginated, grid), []);
   return renderers;
 };
 
-var BodyHeaderScrollSyncPlugin = createInstancePlugin__default['default']('body-header-scroll-sync', {
-  decorateRenderers: decorateRenderers
+const BodyHeaderScrollSyncPlugin = createInstancePlugin__default["default"]('body-header-scroll-sync', {
+  decorateRenderers
 });
 
 exports.BodyHeaderScrollSyncPlugin = BodyHeaderScrollSyncPlugin;
-//# sourceMappingURL=BodyHeaderScrollSyncPlugin.js.map

package/cjs/plugins/body-header-scroll-sync/index.js

@@ -2,16 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var plugins_bodyHeaderScrollSync_BodyHeaderScrollSyncPlugin = require('./BodyHeaderScrollSyncPlugin.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/extends');
-require('react');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-shared/ScrollSync');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('../../utilities/getScrollbarSize.js');
+var BodyHeaderScrollSyncPlugin = require('./BodyHeaderScrollSyncPlugin.js');
 
 
 
-exports.BodyHeaderScrollSyncPlugin = plugins_bodyHeaderScrollSync_BodyHeaderScrollSyncPlugin.BodyHeaderScrollSyncPlugin;
-//# sourceMappingURL=index.js.map
+exports.BodyHeaderScrollSyncPlugin = BodyHeaderScrollSyncPlugin.BodyHeaderScrollSyncPlugin;