@elliemae/ds-datagrids 2.0.0-next.6 → 2.0.0-rc.1

package/cjs/components/BodyCell.js

@@ -4,10 +4,15 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 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 FocusGridManager = require('@elliemae/ds-shared/FocusGroup/FocusGrid');
 var utils = require('@elliemae/ds-shared/createDataInstance/utils');
-var DSTruncatedTooltipText = require('@elliemae/ds-basic/TruncatedTooltipText');
+var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -23,15 +28,17 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
-function BodyCell({
-  component: Component,
-  classProps,
-  rowProps,
-  column,
-  columnIndex,
-  rowIndex,
-  grid
-}) {
+function BodyCell(_ref) {
+  let {
+    component: Component,
+    classProps,
+    rowProps,
+    column,
+    columnIndex,
+    rowIndex,
+    grid
+  } = _ref;
+
   const {
     rowData,
     rowKey,

package/cjs/components/BodyList.js

@@ -3,6 +3,13 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.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 NoResults = require('./NoResults.js');
 var jsxRuntime = require('react/jsx-runtime');

package/cjs/components/ColumnVisibilityMenuOption.js

@@ -2,14 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('core-js/modules/web.dom-collections.iterator.js');
 
-function getColumnVisibilityMenuOption({
-  columns,
-  onColumnVisibilityChange,
-  searchable,
-  height
-}) {
+function getColumnVisibilityMenuOption(_ref) {
+  let {
+    columns,
+    onColumnVisibilityChange,
+    searchable,
+    height
+  } = _ref;
   const {
     items,
     active

package/cjs/components/ColumnsOptionsMenuSection.js

@@ -1,6 +1,9 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('core-js/modules/web.dom-collections.iterator.js');
 require('react');
 var dsMenu = require('@elliemae/ds-menu');
@@ -9,35 +12,38 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const ColumnsOptionsMenuSection = ({
-  columns,
-  onColumnVisibilityChange,
-  searchable = false,
-  height // eslint-disable-next-line react/display-name
+const ColumnsOptionsMenuSection = _ref => {
+  let {
+    columns,
+    onColumnVisibilityChange,
+    searchable = false,
+    height // eslint-disable-next-line react/display-name
 
-}) => () => {
-  const {
-    items,
-    active
-  } = columns.reduce((result, column, index) => ({
-    items: [...result.items, {
-      id: column.property,
-      label: column.label,
-      checked: column.visible,
-      onClick: () => onColumnVisibilityChange(column, index)
-    }],
-    active: typeof column.visible === 'undefined' || column.visible ? [...result.active, column.property] : result.active
-  }), {
-    items: [],
-    active: []
-  });
-  return /*#__PURE__*/_jsx__default["default"](dsMenu.Menu.SelectionGroup, {
-    active: active,
-    height: height,
-    items: items,
-    multi: true,
-    searchable: searchable
-  });
+  } = _ref;
+  return () => {
+    const {
+      items,
+      active
+    } = columns.reduce((result, column, index) => ({
+      items: [...result.items, {
+        id: column.property,
+        label: column.label,
+        checked: column.visible,
+        onClick: () => onColumnVisibilityChange(column, index)
+      }],
+      active: typeof column.visible === 'undefined' || column.visible ? [...result.active, column.property] : result.active
+    }), {
+      items: [],
+      active: []
+    });
+    return /*#__PURE__*/_jsx__default["default"](dsMenu.Menu.SelectionGroup, {
+      active: active,
+      height: height,
+      items: items,
+      multi: true,
+      searchable: searchable
+    });
+  };
 };
 
 module.exports = ColumnsOptionsMenuSection;

package/cjs/components/EmptyState.js

@@ -4,16 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var Grid = require('@elliemae/ds-basic/Grid');
-var WarningTriangle = require('@elliemae/ds-icons/WarningTriangle');
+var Grid = require('@elliemae/ds-grid');
+var dsIcons = require('@elliemae/ds-icons');
 var dsSystem = require('@elliemae/ds-system');
-var DSButton = require('@elliemae/ds-basic/Button');
+var DSButton = require('@elliemae/ds-button');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var WarningTriangle__default = /*#__PURE__*/_interopDefaultLegacy(WarningTriangle);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
@@ -21,7 +20,7 @@ var _Icon;
 const EmptyStateWrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-1ddwbs7-0"
 })(["min-width:132px;max-width:384px;height:fit-content;"]);
-const Icon = /*#__PURE__*/styled__default["default"](WarningTriangle__default["default"]).withConfig({
+const Icon = /*#__PURE__*/styled__default["default"](dsIcons.WarningTriangle).withConfig({
   componentId: "sc-1ddwbs7-1"
 })(["fill:", ";color:", ";justify-self:center;"], props => props.theme.colors.neutral[300], props => props.theme.colors.neutral[300]);
 const PrimaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
@@ -33,17 +32,20 @@ const SecondaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
 const Button = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
   componentId: "sc-1ddwbs7-4"
 })(["margin-top:", ";justify-self:center;width:fit-content;"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m));
-const EmptyState = ({
-  primaryMessage = 'No Results Found',
-  secondaryMessage,
-  buttonLabel,
-  onButtonClick = () => {}
-}) => /*#__PURE__*/_jsx__default["default"](EmptyStateWrapper, {}, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {
-  size: "xxl"
-})), primaryMessage && /*#__PURE__*/_jsx__default["default"](PrimaryMessage, {}, void 0, primaryMessage), secondaryMessage && /*#__PURE__*/_jsx__default["default"](SecondaryMessage, {}, void 0, secondaryMessage), buttonLabel && /*#__PURE__*/_jsx__default["default"](Button, {
-  buttonType: "secondary",
-  labelText: buttonLabel,
-  onClick: onButtonClick
-}));
+const EmptyState = _ref => {
+  let {
+    primaryMessage = 'No Results Found',
+    secondaryMessage,
+    buttonLabel,
+    onButtonClick = () => {}
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](EmptyStateWrapper, {}, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {
+    size: "xxl"
+  })), primaryMessage && /*#__PURE__*/_jsx__default["default"](PrimaryMessage, {}, void 0, primaryMessage), secondaryMessage && /*#__PURE__*/_jsx__default["default"](SecondaryMessage, {}, void 0, secondaryMessage), buttonLabel && /*#__PURE__*/_jsx__default["default"](Button, {
+    buttonType: "secondary",
+    labelText: buttonLabel,
+    onClick: onButtonClick
+  }));
+};
 
 exports.EmptyState = EmptyState;

package/cjs/components/HeaderCell.js

@@ -2,9 +2,14 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 require('react');
 var utils = require('@elliemae/ds-shared/createDataInstance/utils');
-var DSTruncatedTooltipText = require('@elliemae/ds-basic/TruncatedTooltipText');
+var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -17,13 +22,14 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
-function HeaderCell({
-  column,
-  columnIndex,
-  component: Component,
-  classProps,
-  grid
-}) {
+function HeaderCell(_ref) {
+  let {
+    column,
+    columnIndex,
+    component: Component,
+    classProps,
+    grid
+  } = _ref;
   const {
     property,
     header = {},

package/cjs/components/List.js

@@ -1,5 +1,10 @@
 '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');
 require('react');
 var jsxRuntime = require('react/jsx-runtime');

package/cjs/components/ListItem.js

@@ -1,6 +1,13 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.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');
 require('react');
 var jsxRuntime = require('react/jsx-runtime');
 

package/cjs/components/NoResults.js

@@ -1,5 +1,10 @@
 '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');
 require('react');

package/cjs/components/RowsLoader.js

@@ -2,7 +2,7 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var DSSpinner = require('@elliemae/ds-basic/Spinner');
+var DSSpinner = require('@elliemae/ds-spinner');
 var defaultClassedRenderers = require('./renderers/defaultClassedRenderers.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -10,9 +10,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSSpinner__default = /*#__PURE__*/_interopDefaultLegacy(DSSpinner);
 
-function RowsLoader({
-  size = 'm'
-}) {
+function RowsLoader(_ref) {
+  let {
+    size = 'm'
+  } = _ref;
   return /*#__PURE__*/_jsx__default["default"](defaultClassedRenderers.SpinnerContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSSpinner__default["default"], {
     size: size
   }));

package/cjs/components/Table.js

@@ -1,5 +1,10 @@
 '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 _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');

package/cjs/components/TableBody.js

@@ -1,5 +1,10 @@
 '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');

package/cjs/components/TableHeader.js

@@ -1,5 +1,10 @@
 '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 React = require('react');
 var tableContext = require('./tableContext.js');

package/cjs/components/footer/addOptionalFooterComponents.js

@@ -9,10 +9,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const addOptionalFooterComponents = ({
-  grid,
-  rows
-}) => {
+const addOptionalFooterComponents = _ref => {
+  let {
+    grid,
+    rows
+  } = _ref;
   const {
     props: {
       maxPerPage,

package/cjs/components/header/PrimaryControls.js

@@ -2,30 +2,35 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var DSSearchBox = require('@elliemae/ds-basic/form/SearchBox');
+var dsForm = require('@elliemae/ds-form');
 var dsClassnames = require('@elliemae/ds-classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSSearchBox__default = /*#__PURE__*/_interopDefaultLegacy(DSSearchBox);
 
 const blockName = 'data-grid';
 const Container = dsClassnames.aggregatedClasses('div')(blockName, 'controls');
 const SearchContainer = dsClassnames.aggregatedClasses('div')(blockName, 'search-container');
 
-const PrimaryControls = ({
-  onAddFilter = () => null
-}) => /*#__PURE__*/_jsx__default["default"](Container, {}, void 0, /*#__PURE__*/_jsx__default["default"](SearchContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSSearchBox__default["default"], {
-  onSearch: ({
-    property,
-    value
-  }) => onAddFilter({
-    filterId: property,
-    label: 'All',
-    value
-  }),
-  placeholder: "Search all"
-})));
+const PrimaryControls = _ref => {
+  let {
+    onAddFilter = () => null
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](Container, {}, void 0, /*#__PURE__*/_jsx__default["default"](SearchContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSSearchBox, {
+    onSearch: _ref2 => {
+      let {
+        property,
+        value
+      } = _ref2;
+      return onAddFilter({
+        filterId: property,
+        label: 'All',
+        value
+      });
+    },
+    placeholder: "Search all"
+  })));
+};
 
 module.exports = PrimaryControls;

package/cjs/components/header/addOptionalHeaderComponents.js

@@ -10,9 +10,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSFilterBar__default = /*#__PURE__*/_interopDefaultLegacy(DSFilterBar);
 
-const addOptionalHeaderComponents = ({
-  grid
-}) => {
+const addOptionalHeaderComponents = _ref => {
+  let {
+    grid
+  } = _ref;
   const {
     props: {
       showFilterBar,

package/cjs/components/renderers/defaultClassedRenderers.js

@@ -7,33 +7,45 @@ var blockNames = require('../../blockNames.js');
 
 const NoResultsContainer = dsClassnames.aggregatedClasses('div')("".concat(blockNames.dataGridBlockName, "-no-results"));
 const SpinnerContainer = dsClassnames.aggregatedClasses('div')("".concat(blockNames.dataGridBlockName, "-spinner"));
-const DatagridWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockNames.dataGridBlockName, "-wrapper"), null, ({
-  fluidHeight
-}) => ({
-  fluid: fluidHeight
-}));
+const DatagridWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockNames.dataGridBlockName, "-wrapper"), null, _ref => {
+  let {
+    fluidHeight
+  } = _ref;
+  return {
+    fluid: fluidHeight
+  };
+});
 const TableWrapper = dsClassnames.aggregatedClasses('div')(blockNames.dataGridBlockName);
 const HeaderWrapper = dsClassnames.aggregatedClasses('div')(blockNames.headerBlockName);
 const HeaderRow = dsClassnames.aggregatedClasses('div')(blockNames.headerBlockName, 'row');
-const HeaderCell = dsClassnames.aggregatedClasses('div')(blockNames.headerBlockName, 'cell', ({
-  wrapText
-}) => ({
-  wrapText
-}));
-const BodyWrapper = dsClassnames.aggregatedClasses('div')(blockNames.bodyBlockName, null, ({
-  grouped
-}) => ({
-  'ie-flex-basis-auto': true,
-  'is-grouped': grouped
-}));
+const HeaderCell = dsClassnames.aggregatedClasses('div')(blockNames.headerBlockName, 'cell', _ref2 => {
+  let {
+    wrapText
+  } = _ref2;
+  return {
+    wrapText
+  };
+});
+const BodyWrapper = dsClassnames.aggregatedClasses('div')(blockNames.bodyBlockName, null, _ref3 => {
+  let {
+    grouped
+  } = _ref3;
+  return {
+    'ie-flex-basis-auto': true,
+    'is-grouped': grouped
+  };
+});
 const BodyRow = dsClassnames.aggregatedClasses('div', {
   'data-testid': 'datagrid-row'
 })(blockNames.bodyBlockName, 'row');
-const BodyCell = dsClassnames.aggregatedClasses('div')(blockNames.bodyBlockName, 'cell', ({
-  wrapText
-}) => ({
-  wrapText
-}));
+const BodyCell = dsClassnames.aggregatedClasses('div')(blockNames.bodyBlockName, 'cell', _ref4 => {
+  let {
+    wrapText
+  } = _ref4;
+  return {
+    wrapText
+  };
+});
 
 exports.BodyCell = BodyCell;
 exports.BodyRow = BodyRow;

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

@@ -2,11 +2,16 @@
 
 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 system = require('@elliemae/ds-utilities/system');
+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');
@@ -26,13 +31,16 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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, ({
-  registerPane
-}) => /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
-  innerRef: system.mergeRefs(props.innerRef, registerPane)
-})));
+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) => _ref => {
+const BodySyncHoc = (Component, notPaginated, grid) => _ref2 => {
   let {
     children,
     classProps,
@@ -55,8 +63,8 @@ const BodySyncHoc = (Component, notPaginated, grid) => _ref => {
     useDragHandle,
     className,
     listComponent
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref2,
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
   const t = React.useRef();
 
@@ -76,32 +84,35 @@ const BodySyncHoc = (Component, notPaginated, grid) => _ref => {
   });
   return /*#__PURE__*/_jsx__default["default"](ScrollSync.ScrollSyncPane, {
     notPaginated: notPaginated
-  }, void 0, ({
-    registerPane
-  }) => /*#__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: system.mergeRefs(innerRef, registerPane, t)
-  }, rest)));
+  }, 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, {