@elliemae/ds-datagrids 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/components/tableContext.js

@@ -1,36 +1,13 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var tableContext_exports = {};
-__export(tableContext_exports, {
-  TableContext: () => TableContext
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const TableContext = import_react.default.createContext();
-module.exports = __toCommonJS(tableContext_exports);
-//# sourceMappingURL=tableContext.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const TableContext = /*#__PURE__*/React__default["default"].createContext();
+
+exports.TableContext = TableContext;

package/cjs/defaultPlugins.js

@@ -1,44 +1,12 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var defaultPlugins_exports = {};
-__export(defaultPlugins_exports, {
-  defaultPlugins: () => defaultPlugins
-});
-var React = __toESM(require("react"));
-var import_body_header_scroll_sync = __toESM(require("./plugins/body-header-scroll-sync"));
-var import_resizable = __toESM(require("./plugins/resizable"));
-var import_custom_cell_renderer = __toESM(require("./plugins/custom-cell-renderer"));
-var import_column_sizing = __toESM(require("./plugins/column-sizing"));
-const defaultPlugins = [
-  import_body_header_scroll_sync.BodyHeaderScrollSyncPlugin,
-  import_resizable.ResizablePlugin,
-  import_custom_cell_renderer.CustomRendererPlugin,
-  import_column_sizing.ColumnSizingPlugin
-];
-module.exports = __toCommonJS(defaultPlugins_exports);
-//# sourceMappingURL=defaultPlugins.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var BodyHeaderScrollSyncPlugin = require('./plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js');
+var ResizablePlugin = require('./plugins/resizable/ResizablePlugin.js');
+var CustomRendererPlugin = require('./plugins/custom-cell-renderer/CustomRendererPlugin.js');
+var ColumnSizingPlugin = require('./plugins/column-sizing/ColumnSizingPlugin.js');
+
+const defaultPlugins = [BodyHeaderScrollSyncPlugin.BodyHeaderScrollSyncPlugin, ResizablePlugin.ResizablePlugin, CustomRendererPlugin.CustomRendererPlugin, ColumnSizingPlugin.ColumnSizingPlugin];
+
+exports.defaultPlugins = defaultPlugins;

package/cjs/index.js

@@ -1,72 +1,67 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  BodyHeaderScrollSyncPlugin: () => import_plugins.BodyHeaderScrollSyncPlugin,
-  CellContainer: () => import_renders.CellContainer,
-  CellWithAddons: () => import_renders.CellWithAddons,
-  ColumnSizingPlugin: () => import_plugins.ColumnSizingPlugin,
-  ColumnsOptionsMenuSection: () => import_ColumnsOptionsMenuSection.ColumnsOptionsMenuSection,
-  ComboBox: () => import_plugins.ComboBox,
-  CustomRendererPlugin: () => import_plugins.CustomRendererPlugin,
-  DSDataGrid: () => import_DSDataGrid.DSDataGrid,
-  DSDataGridsWithSchema: () => import_DSDataGrid2.DSDataGridsWithSchema,
-  DndColumnsPlugin: () => import_plugins.DndColumnsPlugin,
-  DndRowsPlugin: () => import_plugins.DndRowsPlugin,
-  EditablePlugin: () => import_plugins.EditablePlugin,
-  EmptyState: () => import_EmptyState.EmptyState,
-  ExpandableColumn: () => import_plugins.ExpandableColumn,
-  ExpandablePlugin: () => import_plugins.ExpandablePlugin,
-  ExportDataPlugin: () => import_plugins.ExportDataPlugin,
-  FilterablePlugin: () => import_plugins.FilterablePlugin,
-  IconColumn: () => import_IconColumn.IconColumn,
-  InfiniteScrollPlugin: () => import_plugins.InfiniteScrollPlugin,
-  PaginationPlugin: () => import_plugins.PaginationPlugin,
-  ResizablePlugin: () => import_plugins.ResizablePlugin,
-  RowSizes: () => import_rowSizes.RowSizes,
-  RowSizesOptions: () => import_rowSizes.RowSizesOptions,
-  RowSizesOptionsArr: () => import_rowSizes.RowSizesOptionsArr,
-  SelectablePlugin: () => import_plugins.SelectablePlugin,
-  SortablePlugin: () => import_plugins.SortablePlugin,
-  TextBox: () => import_plugins.TextBox,
-  ToolbarPlugin: () => import_plugins.ToolbarPlugin,
-  VirtualizationPlugin: () => import_plugins.VirtualizationPlugin,
-  getColumnVisibilityMenuOption: () => import_ColumnVisibilityMenuOption.getColumnVisibilityMenuOption
-});
-var React = __toESM(require("react"));
-var import_DSDataGrid = __toESM(require("./DSDataGrid"));
-var import_DSDataGrid2 = __toESM(require("./DSDataGrid"));
-var import_ColumnsOptionsMenuSection = __toESM(require("./components/ColumnsOptionsMenuSection"));
-var import_ColumnVisibilityMenuOption = __toESM(require("./components/ColumnVisibilityMenuOption"));
-var import_EmptyState = __toESM(require("./components/EmptyState"));
-var import_IconColumn = __toESM(require("./columns/IconColumn"));
-var import_plugins = __toESM(require("./plugins"));
-var import_rowSizes = __toESM(require("./rowSizes"));
-var import_renders = __toESM(require("./renders"));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSDataGrid = require('./DSDataGrid.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 CellWithAddons = require('./renders/CellWithAddons.js');
+var styled = require('./renders/styled.js');
+
+
+
+exports.DSDataGrid = DSDataGrid["default"];
+exports.DSDataGridsWithSchema = DSDataGrid.DSDataGridsWithSchema;
+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 = CellWithAddons.CellWithAddons;
+exports.CellContainer = styled.CellContainer;

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

@@ -1,94 +1,54 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var BodyHeaderScrollSyncPlugin_exports = {};
-__export(BodyHeaderScrollSyncPlugin_exports, {
-  BodyHeaderScrollSyncPlugin: () => BodyHeaderScrollSyncPlugin
+'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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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 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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
+
+const _excluded = ["children", "classProps", "columns", "getContainer", "helperClass", "innerBodyRef", "innerRef", "isPlaceholderActive", "listProps", "lockAxis", "noResultsPlaceholder", "numRowsVisible", "onSortEnd", "onSortOver", "onSortStart", "rowKey", "rowRenderer", "rows", "useDragHandle", "className", "listComponent"];
+
+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; }
+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)
+  }));
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_ScrollSync = __toESM(require("@elliemae/ds-shared/ScrollSync"));
-var import_createInstancePlugin = __toESM(require("@elliemae/ds-shared/createDataInstance/createInstancePlugin"));
-var import_getScrollbarSize = __toESM(require("../../utilities/getScrollbarSize"));
-const SCROLLBAR_WIDTH = (0, import_getScrollbarSize.getScrollbarWidth)(2);
-const HeaderSyncHoc = (Component) => (props) => /* @__PURE__ */ import_react.default.createElement(import_ScrollSync.ScrollSyncPane, null, ({ registerPane }) => /* @__PURE__ */ import_react.default.createElement(Component, {
-  ...props,
-  innerRef: (0, import_ds_utilities.mergeRefs)(props.innerRef, registerPane)
-}));
-const BodySyncHoc = (Component, notPaginated, grid) => ({
-  children,
-  classProps,
-  columns,
-  getContainer,
-  helperClass,
-  innerBodyRef,
-  innerRef,
-  isPlaceholderActive,
-  listProps,
-  lockAxis,
-  noResultsPlaceholder,
-  numRowsVisible,
-  onSortEnd,
-  onSortOver,
-  onSortStart,
-  rowKey,
-  rowRenderer,
-  rows,
-  useDragHandle,
-  className,
-  listComponent,
-  ...rest
-}) => {
-  const t = (0, import_react.useRef)();
-  const repositionToolbarBasedOnBodyScrollPosition = (SCROLLBAR_WIDTH2) => () => {
-    grid.refs.body.current.style.setProperty("--toolbar-scroll", `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 15}px`);
-    grid.refs.body.current.style.setProperty("--toolbar-scroll-paginated", `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 19}px`);
-  };
-  (0, import_react.useEffect)(() => {
-    setTimeout(repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH), 300);
-  }, []);
-  (0, import_react.useEffect)(() => {
-    window.addEventListener("resize", repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));
-    return () => {
-      window.removeEventListener("resize", repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));
-    };
-  });
-  return /* @__PURE__ */ import_react.default.createElement(import_ScrollSync.ScrollSyncPane, {
-    notPaginated
-  }, ({ registerPane }) => /* @__PURE__ */ import_react.default.createElement(Component, {
-    ref: t,
+
+const BodySyncHoc = (Component, notPaginated, grid) => _ref2 => {
+  let {
+    children,
     classProps,
-    className,
-    listComponent,
     columns,
     getContainer,
     helperClass,
     innerBodyRef,
+    innerRef,
     isPlaceholderActive,
     listProps,
     lockAxis,
@@ -101,31 +61,83 @@ const BodySyncHoc = (Component, notPaginated, grid) => ({
     rowRenderer,
     rows,
     useDragHandle,
-    innerRef: (0, import_ds_utilities.mergeRefs)(innerRef, registerPane, t),
-    ...rest
-  }));
+    className,
+    listComponent
+  } = _ref2,
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
+
+  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"));
+  };
+
+  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__ */ import_react.default.createElement(import_ScrollSync.ScrollSync, {
+
+const TableSyncHoc = Component => props => /*#__PURE__*/_jsx__default["default"](ScrollSync.ScrollSync, {
   proportional: false,
-  onScroll: (e) => {
-    e.target.style.setProperty("--toolbar-scroll", `${e.target.offsetWidth + e.target.scrollLeft - 15}px`);
-    e.target.style.setProperty("--toolbar-scroll-paginated", `${e.target.offsetWidth + e.target.scrollLeft - 19}px`);
+  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__ */ import_react.default.createElement(Component, {
-  ...props
-}));
+}, 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 = (0, import_react.useMemo)(() => TableSyncHoc(Table), []);
-  renderers.header.wrapper = (0, import_react.useMemo)(() => HeaderSyncHoc(HeaderWrapper), []);
-  renderers.body.wrapper = (0, import_react.useMemo)(() => BodySyncHoc(BodyWrapper, !paginated, grid), []);
+  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;
 };
-const BodyHeaderScrollSyncPlugin = (0, import_createInstancePlugin.createInstancePlugin)("body-header-scroll-sync", {
+
+const BodyHeaderScrollSyncPlugin = createInstancePlugin__default["default"]('body-header-scroll-sync', {
   decorateRenderers
 });
-module.exports = __toCommonJS(BodyHeaderScrollSyncPlugin_exports);
-//# sourceMappingURL=BodyHeaderScrollSyncPlugin.js.map
+
+exports.BodyHeaderScrollSyncPlugin = BodyHeaderScrollSyncPlugin;

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

@@ -1,35 +1,9 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var body_header_scroll_sync_exports = {};
-__export(body_header_scroll_sync_exports, {
-  BodyHeaderScrollSyncPlugin: () => import_BodyHeaderScrollSyncPlugin.BodyHeaderScrollSyncPlugin
-});
-var React = __toESM(require("react"));
-var import_BodyHeaderScrollSyncPlugin = __toESM(require("./BodyHeaderScrollSyncPlugin"));
-module.exports = __toCommonJS(body_header_scroll_sync_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var BodyHeaderScrollSyncPlugin = require('./BodyHeaderScrollSyncPlugin.js');
+
+
+
+exports.BodyHeaderScrollSyncPlugin = BodyHeaderScrollSyncPlugin.BodyHeaderScrollSyncPlugin;