@synerise/ds-table 0.60.1 → 0.60.3

package/dist/VirtualTable/VirtualTable.js

@@ -1,19 +1,11 @@
 var _excluded = ["style"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 import React, { useCallback, useState, useRef, forwardRef, useEffect, useMemo, useImperativeHandle } from 'react';
 import { FixedSizeList as List } from 'react-window';
 import ResizeObserver from 'rc-resize-observer';
@@ -35,34 +27,32 @@ import { getChildrenColumnName } from '../utils/getChildrenColumnName';
 var relativeInlineStyle = {
   position: 'relative'
 };
-
 var VirtualTable = function VirtualTable(props, forwardedRef) {
   var _infiniteScroll$prevP2, _infiniteScroll$prevP4;
-
   var _props$columns = props.columns,
-      columns = _props$columns === void 0 ? [] : _props$columns,
-      scroll = props.scroll,
-      className = props.className,
-      _props$cellHeight = props.cellHeight,
-      cellHeight = _props$cellHeight === void 0 ? 52 : _props$cellHeight,
-      infiniteScroll = props.infiniteScroll,
-      selection = props.selection,
-      onRowClick = props.onRowClick,
-      rowKey = props.rowKey,
-      rowStar = props.rowStar,
-      _props$initialWidth = props.initialWidth,
-      initialWidth = _props$initialWidth === void 0 ? 0 : _props$initialWidth,
-      _props$dataSource = props.dataSource,
-      dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
-      dataSourceFull = props.dataSourceFull,
-      dataSourceTotalCount = props.dataSourceTotalCount,
-      expandable = props.expandable,
-      locale = props.locale,
-      loading = props.loading,
-      sticky = props.sticky,
-      onListRefChange = props.onListRefChange,
-      onItemsRendered = props.onItemsRendered,
-      onScrollToRecordIndex = props.onScrollToRecordIndex;
+    columns = _props$columns === void 0 ? [] : _props$columns,
+    scroll = props.scroll,
+    className = props.className,
+    _props$cellHeight = props.cellHeight,
+    cellHeight = _props$cellHeight === void 0 ? 52 : _props$cellHeight,
+    infiniteScroll = props.infiniteScroll,
+    selection = props.selection,
+    onRowClick = props.onRowClick,
+    rowKey = props.rowKey,
+    rowStar = props.rowStar,
+    _props$initialWidth = props.initialWidth,
+    initialWidth = _props$initialWidth === void 0 ? 0 : _props$initialWidth,
+    _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+    dataSourceFull = props.dataSourceFull,
+    dataSourceTotalCount = props.dataSourceTotalCount,
+    expandable = props.expandable,
+    locale = props.locale,
+    loading = props.loading,
+    sticky = props.sticky,
+    onListRefChange = props.onListRefChange,
+    onItemsRendered = props.onItemsRendered,
+    onScrollToRecordIndex = props.onScrollToRecordIndex;
   var intl = useIntl();
   var tableLocale = useTableLocale(intl, locale);
   var listRef = useRef(null);
@@ -71,15 +61,12 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
   var containerRef = useRef(null);
   var horizontalScrollRef = useRef(null);
   var customBodyOnScrollRef = useRef();
-
   var _useState = useState(false),
-      isHeaderVisible = _useState[0],
-      setIsHeaderVisible = _useState[1];
-
+    isHeaderVisible = _useState[0],
+    setIsHeaderVisible = _useState[1];
   var _useState2 = useState(null),
-      firstItem = _useState2[0],
-      setFirstItem = _useState2[1];
-
+    firstItem = _useState2[0],
+    setFirstItem = _useState2[1];
   var childrenColumnName = getChildrenColumnName(expandable == null ? void 0 : expandable.childrenColumnName);
   var hasInfiniteScroll = Boolean(infiniteScroll);
   var isSticky = Boolean(sticky);
@@ -88,7 +75,6 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
   var updateFirstItem = useCallback(function (findFirstItem) {
     var prevFirstItemIndex = dataSource.findIndex(findFirstItem);
     setFirstItem(dataSource[0]);
-
     if (prevFirstItemIndex >= 0 && listRef != null && listRef.current) {
       if (onScrollToRecordIndex) {
         onScrollToRecordIndex(prevFirstItemIndex, function () {
@@ -110,34 +96,27 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
       if (!(infiniteScroll != null && infiniteScroll.prevPage) || dataSourceEmpty) {
         return;
       }
-
       if (firstItem === null) {
         setFirstItem(dataSource[0]);
         return;
       }
-
       if (rowKey === undefined) {
         var firstItemStringified = JSON.stringify(firstItem);
-
         if (JSON.stringify(dataSource[0]) !== firstItemStringified) {
           updateFirstItem(function (item) {
             return JSON.stringify(item) === firstItemStringified;
           });
         }
-
         return;
       }
-
       if (typeof rowKey === 'string') {
         if (dataSource[0][rowKey] !== firstItem[rowKey]) {
           updateFirstItem(function (item) {
             return item[rowKey] === firstItem[rowKey];
           });
         }
-
         return;
       }
-
       if (typeof rowKey === 'function') {
         if (rowKey(dataSource[0]) !== rowKey(firstItem)) {
           updateFirstItem(function (item) {
@@ -151,7 +130,6 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
   }, [dataSource, dataSourceEmpty, rowKey, firstItem, infiniteScroll, updateFirstItem]);
   useEffect(function () {
     var _infiniteScroll$prevP;
-
     if (listRef.current && infiniteScroll != null && (_infiniteScroll$prevP = infiniteScroll.prevPage) != null && _infiniteScroll$prevP.hasMore) {
       listRef.current.scrollTo(INFINITE_LOADED_ITEM_HEIGHT);
     }
@@ -165,37 +143,29 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
       scrollToTop: scrollToTop
     };
   });
-
   var _useState3 = useState(initialWidth),
-      tableWidth = _useState3[0],
-      setTableWidth = _useState3[1];
-
+    tableWidth = _useState3[0],
+    setTableWidth = _useState3[1];
   var _useState4 = useState(initialWidth),
-      scrollWidth = _useState4[0],
-      setScrollWidth = _useState4[1];
-
+    scrollWidth = _useState4[0],
+    setScrollWidth = _useState4[1];
   var _useState5 = useState(0),
-      titleBarHeight = _useState5[0],
-      setTitleBarHeight = _useState5[1];
-
+    titleBarHeight = _useState5[0],
+    setTitleBarHeight = _useState5[1];
   var _useRowStar = useRowStar((rowStar == null ? void 0 : rowStar.starredRowKeys) || []),
-      getRowStarColumn = _useRowStar.getRowStarColumn; // deprecated, verify if not used and remove
-
+    getRowStarColumn = _useRowStar.getRowStarColumn;
 
+  // deprecated, verify if not used and remove
   useEffect(function () {
     listRef.current && onListRefChange && onListRefChange(listRef);
   });
-
   var _useRowKey = useRowKey(rowKey),
-      getRowKey = _useRowKey.getRowKey;
-
+    getRowKey = _useRowKey.getRowKey;
   var allData = dataSourceFull || dataSource;
-
   var propsForRowStar = _objectSpread({}, props, {
     rowStar: _objectSpread({}, rowStar, {
       onClick: function onClick(e) {
         e.stopPropagation();
-
         if (typeof (rowStar == null ? void 0 : rowStar.onClick) === 'function') {
           rowStar.onClick(e);
         }
@@ -204,25 +174,21 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
     getRowKey: getRowKey,
     locale: tableLocale
   });
-
   var rowStarColumn = getRowStarColumn(propsForRowStar);
   var selectedRecords = useMemo(function () {
     if (selection) {
       var _ref = selection,
-          selectedRowKeys = _ref.selectedRowKeys;
+        selectedRowKeys = _ref.selectedRowKeys;
       var selectedRows = [];
       allData.forEach(function (row) {
         var key = getRowKey(row);
         var rowChildren = row[childrenColumnName];
-
         if (key && selectedRowKeys.indexOf(key) >= 0) {
           selectedRows = [].concat(selectedRows, [row]);
         }
-
         if (rowChildren !== undefined && Array.isArray(rowChildren)) {
           rowChildren.forEach(function (child) {
             var childKey = getRowKey(child);
-
             if (childKey && selectedRowKeys.indexOf(childKey) >= 0) {
               selectedRows = [].concat(selectedRows, [child]);
             }
@@ -231,25 +197,21 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
       });
       return selectedRows;
     }
-
     return [];
   }, [allData, childrenColumnName, getRowKey, selection]);
   var renderRowSelection = useCallback(function (key, record) {
     var _ref2 = selection,
-        selectedRowKeys = _ref2.selectedRowKeys,
-        limit = _ref2.limit,
-        independentSelectionExpandedRows = _ref2.independentSelectionExpandedRows,
-        onChange = _ref2.onChange,
-        checkRowSelectionStatus = _ref2.checkRowSelectionStatus;
-
+      selectedRowKeys = _ref2.selectedRowKeys,
+      limit = _ref2.limit,
+      independentSelectionExpandedRows = _ref2.independentSelectionExpandedRows,
+      onChange = _ref2.onChange,
+      checkRowSelectionStatus = _ref2.checkRowSelectionStatus;
     var handleChange = function handleChange(keys, records) {
       if (isSticky && listScrollTopRef.current) {
         setIsHeaderVisible(true);
       }
-
       onChange(keys, records);
     };
-
     return /*#__PURE__*/React.createElement(RowSelectionColumn, {
       rowKey: rowKey,
       record: record,
@@ -276,78 +238,68 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
     var cumulativeRightOffset = 0;
     var cumulativeLeftOffset = 0;
     var firstFixedRightFound = false;
-
     var _virtualColumns$reduc = virtualColumns.reduce(function (prev, column, index) {
-      var left = cumulativeLeftOffset;
-      var right = cumulativeRightOffset;
-      var width = columnWidths[index];
-
-      if (column.fixed === 'right') {
-        cumulativeRightOffset += width;
-        var fixedFirst = !firstFixedRightFound;
-
-        if (!firstFixedRightFound) {
-          firstFixedRightFound = true;
+        var left = cumulativeLeftOffset;
+        var right = cumulativeRightOffset;
+        var width = columnWidths[index];
+        if (column.fixed === 'right') {
+          cumulativeRightOffset += width;
+          var fixedFirst = !firstFixedRightFound;
+          if (!firstFixedRightFound) {
+            firstFixedRightFound = true;
+          }
+          return _objectSpread({}, prev, {
+            fixedRight: [].concat(prev.fixedRight, [_objectSpread({}, column, {
+              fixedFirst: fixedFirst,
+              right: right,
+              width: width
+            })])
+          });
+        }
+        if (column.fixed === 'left') {
+          cumulativeLeftOffset += width;
+          var prevFixedLeft = prev.fixedLeft;
+          var newFixedLeft = prevFixedLeft.length ? [].concat(prevFixedLeft, [_objectSpread({}, prevFixedLeft.pop(), {
+            fixedFirst: false
+          }), _objectSpread({}, column, {
+            fixedFirst: true,
+            left: left,
+            width: width
+          })]) : [].concat(prevFixedLeft, [_objectSpread({}, column, {
+            fixedFirst: true,
+            left: left,
+            width: width
+          })]);
+          return _objectSpread({}, prev, {
+            fixedLeft: newFixedLeft
+          });
         }
-
         return _objectSpread({}, prev, {
-          fixedRight: [].concat(prev.fixedRight, [_objectSpread({}, column, {
-            fixedFirst: fixedFirst,
-            right: right,
+          remaining: [].concat(prev.remaining, [_objectSpread({}, column, {
             width: width
           })])
         });
-      }
-
-      if (column.fixed === 'left') {
-        cumulativeLeftOffset += width;
-        var prevFixedLeft = prev.fixedLeft;
-        var newFixedLeft = prevFixedLeft.length ? [].concat(prevFixedLeft, [_objectSpread({}, prevFixedLeft.pop(), {
-          fixedFirst: false
-        }), _objectSpread({}, column, {
-          fixedFirst: true,
-          left: left,
-          width: width
-        })]) : [].concat(prevFixedLeft, [_objectSpread({}, column, {
-          fixedFirst: true,
-          left: left,
-          width: width
-        })]);
-        return _objectSpread({}, prev, {
-          fixedLeft: newFixedLeft
-        });
-      }
-
-      return _objectSpread({}, prev, {
-        remaining: [].concat(prev.remaining, [_objectSpread({}, column, {
-          width: width
-        })])
-      });
-    }, {
-      fixedLeft: [],
-      fixedRight: [],
-      remaining: []
-    }),
-        fixedLeft = _virtualColumns$reduc.fixedLeft,
-        remaining = _virtualColumns$reduc.remaining,
-        fixedRight = _virtualColumns$reduc.fixedRight;
-
+      }, {
+        fixedLeft: [],
+        fixedRight: [],
+        remaining: []
+      }),
+      fixedLeft = _virtualColumns$reduc.fixedLeft,
+      remaining = _virtualColumns$reduc.remaining,
+      fixedRight = _virtualColumns$reduc.fixedRight;
     return [].concat(fixedLeft, remaining, fixedRight);
   }, [tableWidth, virtualColumns]);
   var infiniteLoaderOffset = useMemo(function () {
     var _infiniteScroll$prevP3;
-
     if (isSticky && infiniteScroll != null && (_infiniteScroll$prevP3 = infiniteScroll.prevPage) != null && _infiniteScroll$prevP3.hasMore) {
       return infiniteLoaderItemHeight * 2;
     }
-
     return infiniteLoaderItemHeight;
   }, [isSticky, infiniteScroll == null || (_infiniteScroll$prevP4 = infiniteScroll.prevPage) == null ? void 0 : _infiniteScroll$prevP4.hasMore]);
   var listInnerElementType = useMemo(function () {
     return forwardRef(function (_ref3, innerElementRef) {
       var style = _ref3.style,
-          rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
-
+        rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
       return /*#__PURE__*/React.createElement(S.InnerListElement, _extends({
         ref: innerElementRef,
         style: _objectSpread({}, style, {
@@ -360,14 +312,11 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
     if (!listRef.current) {
       return;
     }
-
     listRef.current.scrollTo(top);
   }, []);
-
   var scrollToTop = function scrollToTop() {
     scrollTo(0);
   };
-
   var outerElement = useMemo(function () {
     return OuterListElement(containerRef, isSticky);
   }, [isSticky]);
@@ -391,10 +340,8 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
       get: function get() {
         if (outerListRef.current) {
           var _outerListRef$current;
-
           return (_outerListRef$current = outerListRef.current) == null ? void 0 : _outerListRef$current.scrollLeft;
         }
-
         return null;
       },
       set: function set(scrollLeft) {
@@ -418,67 +365,53 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
   }, [connectObject, isSticky]);
   var renderBody = useCallback(function (rawData, meta, defaultTableProps) {
     var _expandable$expandedR;
-
     var onScroll = meta.onScroll,
-        ref = meta.ref;
-    customBodyOnScrollRef.current = onScroll; // sticky header feature does NOT work without the ref assigned to a html node in the document.
+      ref = meta.ref;
+    customBodyOnScrollRef.current = onScroll;
+    // sticky header feature does NOT work without the ref assigned to a html node in the document.
     // without sticky header the ref needs to point to the connect proxy in order for the header and body components to scroll in sync
     // this gets resolved in antd 5.9.0, when antd supports virtualisation out of the box (but not infinite loader)
-
     if (!isSticky) {
       // @ts-ignore
       ref.current = connectObject;
     }
-
     var renderVirtualList = function renderVirtualList(data) {
       var _infiniteScroll$nextP, _infiniteScroll$prevP5;
-
       var listHeight = data.length * cellHeight - scroll.y + infiniteLoaderOffset;
       var listMaxScroll = stickyScrollThreshold && infiniteScroll != null && infiniteScroll.maxScroll ? infiniteScroll.maxScroll - stickyScrollThreshold : listHeight;
-
       var handleListScroll = function handleListScroll(_ref4) {
         var scrollOffset = _ref4.scrollOffset,
-            scrollDirection = _ref4.scrollDirection;
-
+          scrollDirection = _ref4.scrollDirection;
         if (!infiniteScroll || loading || listMaxScroll <= 0) {
           return;
         }
-
         var onScrollTopReach = infiniteScroll.onScrollTopReach,
-            isLoading = infiniteScroll.isLoading,
-            onScrollEndReach = infiniteScroll.onScrollEndReach;
+          isLoading = infiniteScroll.isLoading,
+          onScrollEndReach = infiniteScroll.onScrollEndReach;
         var roundedOffset = Math.ceil(scrollOffset);
         listScrollTopRef.current = roundedOffset;
-
         if (isSticky && scrollDirection === 'forward' && containerRef.current) {
           setIsHeaderVisible(false);
         }
-
         if (isSticky && scrollDirection === 'backward' && containerRef.current) {
           setIsHeaderVisible(roundedOffset > 0);
         }
-
         if (isLoading) {
           return;
         }
-
         if (scrollDirection === 'forward' && roundedOffset >= listMaxScroll - LOAD_DATA_OFFSET && typeof onScrollEndReach === 'function') {
           onScrollEndReach();
         } else if (scrollDirection === 'backward' && (offsetScroll && roundedOffset <= offsetScroll + LOAD_DATA_OFFSET || roundedOffset < LOAD_DATA_OFFSET) && typeof onScrollTopReach === 'function') {
           onScrollTopReach();
         }
       };
-
       var itemData = createItemData(data, defaultTableProps);
       var scrollableHeight = isSticky ? scroll.y - HEADER_ROW_HEIGHT : scroll.y;
-
       if (infiniteScroll != null && (_infiniteScroll$nextP = infiniteScroll.nextPage) != null && _infiniteScroll$nextP.hasMore && (_infiniteScroll$prevP5 = infiniteScroll.prevPage) != null && _infiniteScroll$prevP5.hasMore) {
         scrollableHeight += cellHeight;
       }
-
       var handleBodyScroll = function handleBodyScroll(event) {
         var scrollLeft = event.currentTarget.scrollLeft;
-
         if (isSticky) {
           var info = {
             scrollLeft: scrollLeft,
@@ -486,20 +419,19 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
           };
           onScroll(info);
         }
-
         if (horizontalScrollRef.current && horizontalScrollRef.current.scrollLeft !== scrollLeft) {
           horizontalScrollRef.current.scrollTo({
             left: scrollLeft
           });
         }
       };
-
       return /*#__PURE__*/React.createElement(S.VirtualListWrapper, {
         listWidth: tableWidth,
         "data-testid": "virtual-list-wrapper",
         isSticky: isSticky,
         listHeight: listHeight + HEADER_ROW_HEIGHT,
-        onScroll: handleBodyScroll // @ts-ignore
+        onScroll: handleBodyScroll
+        // @ts-ignore
         ,
         ref: isSticky ? ref : undefined
       }, /*#__PURE__*/React.createElement(List, {
@@ -515,8 +447,8 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
         width: scrollWidth,
         itemData: itemData,
         itemKey: function itemKey(index) {
-          var key = getRowKey(data[index]); // @ts-ignore
-
+          var key = getRowKey(data[index]);
+          // @ts-ignore
           return String(key instanceof String ? key.toLowerCase() : key);
         },
         outerElementType: outerElement,
@@ -525,27 +457,21 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
         innerElementType: infiniteScroll && listInnerElementType
       }, VirtualTableRow));
     };
-
     if (expandable != null && (_expandable$expandedR = expandable.expandedRowKeys) != null && _expandable$expandedR.length) {
       var expandedRows = rawData.reduce(function (result, currentRow) {
         var _expandable$expandedR2;
-
         var key = getRowKey(currentRow);
         var rowChildren = currentRow[childrenColumnName];
-
         if (key !== undefined && expandable != null && (_expandable$expandedR2 = expandable.expandedRowKeys) != null && _expandable$expandedR2.includes(key) && Array.isArray(rowChildren) && rowChildren.length) {
           return [].concat(result, [currentRow], rowChildren.map(function (child, index) {
             var _objectSpread2;
-
             return _objectSpread({}, child, (_objectSpread2 = {}, _objectSpread2[EXPANDED_ROW_PROPERTY] = true, _objectSpread2.index = index, _objectSpread2));
           }));
         }
-
         return [].concat(result, [currentRow]);
       }, []);
       return renderVirtualList(expandedRows);
     }
-
     return renderVirtualList(rawData);
   }, [connectObject, expandable == null ? void 0 : expandable.expandedRowKeys, cellHeight, scroll.y, isSticky, stickyScrollThreshold, infiniteScroll, createItemData, tableWidth, scrollWidth, onItemsRendered, outerElement, listInnerElementType, loading, offsetScroll, getRowKey, infiniteLoaderOffset, childrenColumnName]);
   var columnsSliceStartIndex = Number(!!selection) + Number(!!rowStar);
@@ -572,14 +498,12 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
       titleElement && setTitleBarHeight(titleElement.clientHeight);
     }
   }, [tableWidth, mergedColumns.length, dataSource.length, loading]);
-
   var _useElementInView = useElementInView({
-    rootMargin: "0px 0px 12px 0px",
-    threshold: 0
-  }, containerRef),
-      isStuck = _useElementInView.isIntersecting,
-      elementRef = _useElementInView.elementRef;
-
+      rootMargin: "0px 0px 12px 0px",
+      threshold: 0
+    }, containerRef),
+    isStuck = _useElementInView.isIntersecting,
+    elementRef = _useElementInView.elementRef;
   return /*#__PURE__*/React.createElement(S.VirtualTableWrapper, {
     isSticky: isSticky,
     titleBarTop: offsetStickyHeader || 0,
@@ -618,5 +542,4 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
     scrollWidth: scrollWidth
   })) : null);
 };
-
 export default forwardRef(VirtualTable);

package/dist/VirtualTable/VirtualTable.styles.js

@@ -1,14 +1,11 @@
 import styled, { css } from 'styled-components';
 import Scrollbar from '@synerise/ds-scrollbar';
-
 var numberToPixels = function numberToPixels(num) {
   return num + "px";
 };
-
 var getColumnWidth = function getColumnWidth(props) {
   return props.width ? numberToPixels(props.width) : 'initial';
 };
-
 export var RowWrapper = styled.div.withConfig({
   displayName: "VirtualTablestyles__RowWrapper",
   componentId: "aehkhc-0"

package/dist/VirtualTable/VirtualTableRow.js

@@ -1,13 +1,8 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 import React, { memo, useCallback, useMemo } from 'react';
 import classNames from 'classnames';
 import { areEqual } from 'react-window';
@@ -16,36 +11,31 @@ import { EXPANDED_ROW_PROPERTY } from './constants';
 import * as S from './VirtualTable.styles';
 import { getValueFromPath, calculatePixels } from '../utils';
 export var INFINITE_LOADED_ITEM_HEIGHT = 64;
-
 var isColumnSortingActive = function isColumnSortingActive(columns, column) {
   return !!columns.find(function (c) {
     return c.key === column.key && !!c.sortOrder;
   });
 };
-
 var calculateToPixelsIfDefined = function calculateToPixelsIfDefined(value) {
   return value ? calculatePixels(value) : value;
 };
-
 function VirtualTableRow(_ref) {
   var _infiniteScroll$prevP3;
-
   var index = _ref.index,
-      style = _ref.style,
-      _ref$data = _ref.data,
-      mergedColumns = _ref$data.mergedColumns,
-      onRowClick = _ref$data.onRowClick,
-      selection = _ref$data.selection,
-      rowStar = _ref$data.rowStar,
-      dataSource = _ref$data.dataSource,
-      cellHeight = _ref$data.cellHeight,
-      infiniteScroll = _ref$data.infiniteScroll,
-      defaultTableProps = _ref$data.defaultTableProps;
+    style = _ref.style,
+    _ref$data = _ref.data,
+    mergedColumns = _ref$data.mergedColumns,
+    onRowClick = _ref$data.onRowClick,
+    selection = _ref$data.selection,
+    rowStar = _ref$data.rowStar,
+    dataSource = _ref$data.dataSource,
+    cellHeight = _ref$data.cellHeight,
+    infiniteScroll = _ref$data.infiniteScroll,
+    defaultTableProps = _ref$data.defaultTableProps;
   var renderColumn = useCallback(function (column, rowData, columnIndex) {
     if (rowData[EXPANDED_ROW_PROPERTY] && column.childRender) {
       return column.childRender(getValueFromPath(rowData, column.dataIndex), rowData, columnIndex);
     }
-
     return column.render ? column.render(getValueFromPath(rowData, column.dataIndex), rowData, columnIndex) : getValueFromPath(rowData, column.dataIndex);
   }, []);
   var rowData = useMemo(function () {
@@ -55,24 +45,19 @@ function VirtualTableRow(_ref) {
     var isVisible = false;
     var infiniteLoaderItemProps;
     var top = style.top;
-
     if (position === 'TOP') {
       var _infiniteScroll$prevP;
-
       isVisible = Boolean(infiniteScroll && ((_infiniteScroll$prevP = infiniteScroll.prevPage) == null ? void 0 : _infiniteScroll$prevP.hasMore) && index === 0);
       infiniteLoaderItemProps = infiniteScroll == null ? void 0 : infiniteScroll.prevPage;
       top = "0px";
     }
-
     if (position === 'BOTTOM') {
       var _infiniteScroll$prevP2;
-
       isVisible = Boolean(index === dataSource.length - 1);
       infiniteLoaderItemProps = infiniteScroll == null ? void 0 : infiniteScroll.nextPage;
       var prevDataInfiniteLoaderHeight = infiniteScroll != null && (_infiniteScroll$prevP2 = infiniteScroll.prevPage) != null && _infiniteScroll$prevP2.hasMore ? INFINITE_LOADED_ITEM_HEIGHT : 0;
       top = Number(style.top) + cellHeight + prevDataInfiniteLoaderHeight + "px";
     }
-
     return infiniteLoaderItemProps && isVisible && /*#__PURE__*/React.createElement(S.RowWrapper, {
       style: _objectSpread({}, style, {
         top: top,
@@ -121,5 +106,4 @@ function VirtualTableRow(_ref) {
     }, renderColumn(column, rowData, columnIndex));
   })), infiniteLoader('BOTTOM'));
 }
-
 export default memo(VirtualTableRow, areEqual);

package/dist/constants/TableSkeleton.constants.js

@@ -14,7 +14,6 @@ export var getDefaultSkeletonColumns = function getDefaultSkeletonColumns(height
   if (height === void 0) {
     height = ROW_HEIGHT;
   }
-
   return [{
     width: 350,
     title: /*#__PURE__*/React.createElement("div", {