@synerise/ds-table 0.42.0 → 0.42.4

package/dist/TableHeader/TableHeader.js

@@ -1,15 +1,3 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import * as React from 'react';
 import Tooltip from '@synerise/ds-tooltip';
 import * as S from '../Table.styles';
@@ -41,9 +29,8 @@ var TableHeader = function TableHeader(_ref) {
   var titleRef = React.useRef(null);
 
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isTitleTruncated = _React$useState2[0],
-      setIsTitleTruncated = _React$useState2[1];
+      isTitleTruncated = _React$useState[0],
+      setIsTitleTruncated = _React$useState[1];
 
   React.useEffect(function () {
     var isElementTruncated = isTruncated(titleRef.current || undefined);
@@ -53,7 +40,7 @@ var TableHeader = function TableHeader(_ref) {
     }
   }, [titleRef, isTitleTruncated, title]);
   var renderLeftSide = React.useMemo(function () {
-    if (selection !== null && selection !== void 0 && selection.limit) return /*#__PURE__*/React.createElement(TableLimit, {
+    if (selection != null && selection.limit) return /*#__PURE__*/React.createElement(TableLimit, {
       total: dataSource.length,
       selection: selection,
       itemsMenu: itemsMenu,
@@ -86,7 +73,7 @@ var TableHeader = function TableHeader(_ref) {
   }, [dataSource, titleRef, filters, isTitleTruncated, itemsMenu, locale, renderSelectionTitle, rowKey, selectedRows, selection, title, hideTitlePart]);
   return /*#__PURE__*/React.createElement(S.Header, {
     withBorderTop: withBorderTop
-  }, renderLeftSide, /*#__PURE__*/React.createElement(S.Right, null, headerButton, filters === null || filters === void 0 ? void 0 : filters.map(function (filter) {
+  }, renderLeftSide, /*#__PURE__*/React.createElement(S.Right, null, headerButton, filters == null ? void 0 : filters.map(function (filter) {
     return /*#__PURE__*/React.createElement(FilterTrigger, {
       key: filter.key,
       name: filter.key,

package/dist/TableHeader/TableLimit/TableLimit.js

@@ -8,10 +8,10 @@ export function TableLimit(_ref) {
       itemsMenu = _ref.itemsMenu,
       selection = _ref.selection;
   var selectedRows = React.useMemo(function () {
-    return (selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys.length) || 0;
+    return (selection == null ? void 0 : selection.selectedRowKeys.length) || 0;
   }, [selection]);
   var limitReachedInfo = React.useMemo(function () {
-    return (selection === null || selection === void 0 ? void 0 : selection.limit) && (selection === null || selection === void 0 ? void 0 : selection.limit) <= selectedRows && /*#__PURE__*/React.createElement(S.Alert, null, /*#__PURE__*/React.createElement(Alert.InlineAlert, {
+    return (selection == null ? void 0 : selection.limit) && (selection == null ? void 0 : selection.limit) <= selectedRows && /*#__PURE__*/React.createElement(S.Alert, null, /*#__PURE__*/React.createElement(Alert.InlineAlert, {
       type: "warning",
       message: locale.selectionLimitWarning
     }));
@@ -19,7 +19,7 @@ export function TableLimit(_ref) {
   var selected = React.useMemo(function () {
     var _locale$pagination, _locale$pagination2;
 
-    return selectedRows > 0 ? /*#__PURE__*/React.createElement(S.Title, null, /*#__PURE__*/React.createElement("strong", null, selectedRows), " ", locale.selected, " / ", "".concat(total, " ").concat((_locale$pagination = locale.pagination) === null || _locale$pagination === void 0 ? void 0 : _locale$pagination.items)) : /*#__PURE__*/React.createElement(S.Title, null, /*#__PURE__*/React.createElement("strong", null, total), " ", (_locale$pagination2 = locale.pagination) === null || _locale$pagination2 === void 0 ? void 0 : _locale$pagination2.items);
+    return selectedRows > 0 ? /*#__PURE__*/React.createElement(S.Title, null, /*#__PURE__*/React.createElement("strong", null, selectedRows), " ", locale.selected, " / ", total + " " + ((_locale$pagination = locale.pagination) == null ? void 0 : _locale$pagination.items)) : /*#__PURE__*/React.createElement(S.Title, null, /*#__PURE__*/React.createElement("strong", null, total), " ", (_locale$pagination2 = locale.pagination) == null ? void 0 : _locale$pagination2.items);
   }, [locale.pagination, locale.selected, selectedRows, total]);
   return /*#__PURE__*/React.createElement(S.TableLimit, null, selected, limitReachedInfo, selectedRows > 0 && /*#__PURE__*/React.createElement(S.ItemsMenu, null, itemsMenu));
 }

package/dist/TableHeader/TableSelection.js

@@ -1,15 +1,3 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 import * as React from 'react';
 import Dropdown from '@synerise/ds-dropdown';
 import Menu from '@synerise/ds-menu';
@@ -37,14 +25,14 @@ function TableSelection(_ref) {
       var rows = [];
       dataSource.forEach(function (record) {
         if (record.children !== undefined && Array.isArray(record.children)) {
-          keys = [].concat(_toConsumableArray(keys), _toConsumableArray(record.children.map(function (child) {
+          keys = [].concat(keys, record.children.map(function (child) {
             return getRowKey(child);
-          })));
-          rows = [].concat(_toConsumableArray(rows), _toConsumableArray(record.children));
+          }));
+          rows = [].concat(rows, record.children);
         } else {
           var key = getRowKey(record);
-          keys = key !== undefined ? [].concat(_toConsumableArray(keys), [key]) : _toConsumableArray(keys);
-          rows = [].concat(_toConsumableArray(rows), [record]);
+          keys = key !== undefined ? [].concat(keys, [key]) : [].concat(keys);
+          rows = [].concat(rows, [record]);
         }
       });
       selection.onChange(keys, rows);
@@ -61,12 +49,12 @@ function TableSelection(_ref) {
 
         if (hasChilds) {
           record.children && record.children.forEach(function (child) {
-            if ((selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys.indexOf(getRowKey(child))) < 0) {
-              selected = [].concat(_toConsumableArray(selected), [child]);
+            if ((selection == null ? void 0 : selection.selectedRowKeys.indexOf(getRowKey(child))) < 0) {
+              selected = [].concat(selected, [child]);
             }
           });
-        } else if ((selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys.indexOf(getRowKey(record))) < 0) {
-          selected = [].concat(_toConsumableArray(selected), [record]);
+        } else if ((selection == null ? void 0 : selection.selectedRowKeys.indexOf(getRowKey(record))) < 0) {
+          selected = [].concat(selected, [record]);
         }
       });
       selection.onChange(selected.map(function (record) {
@@ -82,12 +70,12 @@ function TableSelection(_ref) {
     var allRecords = dataSource.reduce(function (count, record) {
       return record.children !== undefined ? count + record.children.length : count + 1;
     }, 0);
-    return (selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys) && allRecords === selection.selectedRowKeys.length;
+    return (selection == null ? void 0 : selection.selectedRowKeys) && allRecords === selection.selectedRowKeys.length;
   }, [dataSource, selection, isEmpty]);
-  return selection !== null && selection !== void 0 && selection.selectedRowKeys ? /*#__PURE__*/React.createElement(S.Selection, {
+  return selection != null && selection.selectedRowKeys ? /*#__PURE__*/React.createElement(S.Selection, {
     "data-popup-container": true
   }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: locale === null || locale === void 0 ? void 0 : locale.selectAllTooltip
+    title: locale == null ? void 0 : locale.selectAllTooltip
   }, /*#__PURE__*/React.createElement(Button.Checkbox, {
     disabled: isEmpty,
     checked: allSelected,
@@ -98,11 +86,11 @@ function TableSelection(_ref) {
         unselectAll();
       }
     },
-    indeterminate: (selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys.length) > 0 && !allSelected
-  })), (selection === null || selection === void 0 ? void 0 : selection.selections) && /*#__PURE__*/React.createElement(Dropdown, {
+    indeterminate: (selection == null ? void 0 : selection.selectedRowKeys.length) > 0 && !allSelected
+  })), (selection == null ? void 0 : selection.selections) && /*#__PURE__*/React.createElement(Dropdown, {
     disabled: isEmpty,
     trigger: ['click'],
-    overlay: /*#__PURE__*/React.createElement(S.SelectionMenu, null, selection === null || selection === void 0 ? void 0 : selection.selections.filter(Boolean).map(function (selectionMenuElement) {
+    overlay: /*#__PURE__*/React.createElement(S.SelectionMenu, null, selection == null ? void 0 : selection.selections.filter(Boolean).map(function (selectionMenuElement) {
       switch (selectionMenuElement) {
         case SELECTION_ALL:
           {
@@ -135,7 +123,7 @@ function TableSelection(_ref) {
       }
     }))
   }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: locale === null || locale === void 0 ? void 0 : locale.selectionOptionsTooltip
+    title: locale == null ? void 0 : locale.selectionOptionsTooltip
   }, /*#__PURE__*/React.createElement(Button, {
     mode: "single-icon",
     type: "ghost"

package/dist/TreeTable/TreeTable.js

@@ -1,17 +1,5 @@
 function _extends() { _extends = Object.assign || 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 import * as React from 'react';
 import '@synerise/ds-core/dist/js/style';
 import classNames from 'classnames';
@@ -29,16 +17,16 @@ function TreeTable(props) {
 
   var RenderRow = React.useCallback(function (row) {
     return /*#__PURE__*/React.createElement(S.TreeTableRow, {
-      className: "".concat(row.className, " ds-table-row")
+      className: row.className + " ds-table-row"
     }, row.children);
   }, []);
   var RenderCell = React.useCallback( // eslint-disable-next-line @typescript-eslint/no-explicit-any
   function (cell) {
     var _cell$children$, _cell$children$$props, _cell$children$$props2, _cell$children$$props3, _cell$children$$props4;
 
-    var indentLevel = (_cell$children$ = cell.children[0]) === null || _cell$children$ === void 0 ? void 0 : (_cell$children$$props = _cell$children$.props) === null || _cell$children$$props === void 0 ? void 0 : (_cell$children$$props2 = _cell$children$$props.children[0]) === null || _cell$children$$props2 === void 0 ? void 0 : (_cell$children$$props3 = _cell$children$$props2.props) === null || _cell$children$$props3 === void 0 ? void 0 : (_cell$children$$props4 = _cell$children$$props3.className.split(' ').find(function (value) {
+    var indentLevel = (_cell$children$ = cell.children[0]) == null ? void 0 : (_cell$children$$props = _cell$children$.props) == null ? void 0 : (_cell$children$$props2 = _cell$children$$props.children[0]) == null ? void 0 : (_cell$children$$props3 = _cell$children$$props2.props) == null ? void 0 : (_cell$children$$props4 = _cell$children$$props3.className.split(' ').find(function (value) {
       return value.includes('indent-level-');
-    })) === null || _cell$children$$props4 === void 0 ? void 0 : _cell$children$$props4.split('-').pop();
+    })) == null ? void 0 : _cell$children$$props4.split('-').pop();
 
     if (indentLevel === undefined) {
       return /*#__PURE__*/React.createElement("td", {
@@ -47,8 +35,7 @@ function TreeTable(props) {
     }
 
     var maxIndent = parseInt(indentLevel, 10);
-
-    var indents = _toConsumableArray(new Array(maxIndent)).map(function (indentElement, index) {
+    var indents = [].concat(new Array(maxIndent)).map(function (indentElement, index) {
       return /*#__PURE__*/React.createElement(S.Indent, {
         key: uuid(),
         width: INDENT_SIZE,
@@ -56,9 +43,8 @@ function TreeTable(props) {
         active: index + 1 === maxIndent
       });
     });
-
     return /*#__PURE__*/React.createElement(S.TreeTableCell, {
-      className: "".concat(cell.className, " ds-table-cell")
+      className: cell.className + " ds-table-cell"
     }, /*#__PURE__*/React.createElement(S.Indents, {
       width: indents.length * INDENT_SIZE,
       withSelection: Boolean(selection)

package/dist/TreeTable/TreeTable.styles.js

@@ -12,13 +12,13 @@ export var Indents = styled.div.withConfig({
 })(["position:absolute;top:0;left:", ";height:100%;width:", ";display:flex;align-items:flex-start;justify-content:flex-start;"], function (props) {
   return props.withSelection ? '12px' : '36px';
 }, function (props) {
-  return "".concat(props.width, "px");
+  return props.width + "px";
 });
 export var Indent = styled.span.withConfig({
   displayName: "TreeTablestyles__Indent",
   componentId: "sc-14bdrex-1"
 })(["width:42px;position:relative;height:100%;&:before{content:'';position:absolute;top:0;left:0;height:100%;width:2px;background-color:", ";}"], function (props) {
-  return props.level >= 0 ? props.theme.palette["".concat(LEVELS[props.level % LEVELS.length], "-").concat(getColor(props.active, props.level))] : props.theme.palette['grey-600'];
+  return props.level >= 0 ? props.theme.palette[LEVELS[props.level % LEVELS.length] + "-" + getColor(props.active, props.level)] : props.theme.palette['grey-600'];
 });
 export var RowExpander = styled.span.withConfig({
   displayName: "TreeTablestyles__RowExpander",

package/dist/VirtualTable/VirtualTable.js

@@ -2,36 +2,14 @@ var _excluded = ["style"];
 
 function _extends() { _extends = Object.assign || 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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; }
+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; }
 
 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(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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import * as React from 'react';
 import { FixedSizeList as List } from 'react-window';
 import ResizeObserver from 'rc-resize-observer';
@@ -55,18 +33,17 @@ var relativeInlineStyle = {
 };
 
 var CustomScrollbar = function CustomScrollbar(containerRef) {
-  return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  return React.forwardRef(function (_ref, ref) {
     var onScroll = _ref.onScroll,
         children = _ref.children,
         style = _ref.style;
 
     var _React$useState = React.useState(null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        header = _React$useState2[0],
-        setHeader = _React$useState2[1];
+        header = _React$useState[0],
+        setHeader = _React$useState[1];
 
     React.useEffect(function () {
-      if (containerRef !== null && containerRef !== void 0 && containerRef.current) {
+      if (containerRef != null && containerRef.current) {
         var headerElement = containerRef.current.querySelector('.ant-table-header');
         headerElement && setHeader(headerElement);
       }
@@ -84,7 +61,7 @@ var CustomScrollbar = function CustomScrollbar(containerRef) {
       ref: ref,
       onScroll: onScrollHandler,
       absolute: true,
-      maxHeight: style === null || style === void 0 ? void 0 : style.height
+      maxHeight: style == null ? void 0 : style.height
     }, children);
   });
 }; // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -114,24 +91,23 @@ function VirtualTable(props) {
   var listRef = React.useRef(null);
   var containerRef = React.useRef(null);
 
-  var _React$useState3 = React.useState(initialWidth),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      tableWidth = _React$useState4[0],
-      setTableWidth = _React$useState4[1];
+  var _React$useState2 = React.useState(initialWidth),
+      tableWidth = _React$useState2[0],
+      setTableWidth = _React$useState2[1];
 
-  var _useRowStar = useRowStar((rowStar === null || rowStar === void 0 ? void 0 : rowStar.starredRowKeys) || []),
+  var _useRowStar = useRowStar((rowStar == null ? void 0 : rowStar.starredRowKeys) || []),
       getRowStarColumn = _useRowStar.getRowStarColumn;
 
   React.useEffect(function () {
     onListRefChange && onListRefChange(listRef);
   }, [listRef, onListRefChange]);
 
-  var propsForRowStar = _objectSpread(_objectSpread({}, props), {}, {
-    rowStar: _objectSpread(_objectSpread({}, rowStar), {}, {
+  var propsForRowStar = _objectSpread({}, props, {
+    rowStar: _objectSpread({}, rowStar, {
       onClick: function onClick(e) {
         e.stopPropagation();
 
-        if (typeof (rowStar === null || rowStar === void 0 ? void 0 : rowStar.onClick) === 'function') {
+        if (typeof (rowStar == null ? void 0 : rowStar.onClick) === 'function') {
           rowStar.onClick(e);
         }
       }
@@ -157,24 +133,24 @@ function VirtualTable(props) {
         var recordKey = getRowKey(record);
         var allChildsChecked = // @ts-expect-error: Property 'children' does not exist on type 'T'.ts(2339)
         Array.isArray(record.children) && // @ts-expect-error: Property 'children' does not exist on type 'T'.ts(2339)
-        ((_record$children = record.children) === null || _record$children === void 0 ? void 0 : _record$children.filter(function (child) {
+        ((_record$children = record.children) == null ? void 0 : _record$children.filter(function (child) {
           var childKey = getRowKey(child);
-          return childKey && (selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys.indexOf(childKey)) < 0;
+          return childKey && (selection == null ? void 0 : selection.selectedRowKeys.indexOf(childKey)) < 0;
         }).length) === 0;
         var checkedChilds = // @ts-expect-error: Property 'children' does not exist on type 'T'.ts(2339)
-        ((_record$children2 = record.children) === null || _record$children2 === void 0 ? void 0 : _record$children2.filter(function (child) {
+        ((_record$children2 = record.children) == null ? void 0 : _record$children2.filter(function (child) {
           var childKey = getRowKey(child);
-          return childKey && (selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys.indexOf(childKey)) >= 0;
+          return childKey && (selection == null ? void 0 : selection.selectedRowKeys.indexOf(childKey)) >= 0;
         })) || [];
         var isIndeterminate = // @ts-expect-error: Property 'children' does not exist on type 'T'.ts(2339)
         Array.isArray(record.children) && checkedChilds.length > 0 && // @ts-expect-error: Property 'children' does not exist on type 'T'.ts(2339)
-        checkedChilds.length < (((_record$children3 = record.children) === null || _record$children3 === void 0 ? void 0 : _record$children3.length) || 0);
+        checkedChilds.length < (((_record$children3 = record.children) == null ? void 0 : _record$children3.length) || 0);
         var checked = recordKey !== undefined && selection.selectedRowKeys && selection.selectedRowKeys.indexOf(recordKey) >= 0 || allChildsChecked;
         return recordKey !== undefined && /*#__PURE__*/React.createElement(Tooltip, {
-          title: tableLocale === null || tableLocale === void 0 ? void 0 : tableLocale.selectRowTooltip,
+          title: tableLocale == null ? void 0 : tableLocale.selectRowTooltip,
           mouseLeaveDelay: 0
         }, /*#__PURE__*/React.createElement(Button.Checkbox, {
-          key: "checkbox-".concat(recordKey),
+          key: "checkbox-" + recordKey,
           checked: checked,
           disabled: !checked && Boolean(selection.limit && selection.limit <= selection.selectedRowKeys.length),
           indeterminate: isIndeterminate,
@@ -193,14 +169,14 @@ function VirtualTable(props) {
                   var k = getRowKey(child);
 
                   if (k && selectedRowKeys.indexOf(k) >= 0) {
-                    selectedRows = [].concat(_toConsumableArray(selectedRows), [child]);
+                    selectedRows = [].concat(selectedRows, [child]);
                   }
                 });
               } else {
                 var k = getRowKey(row);
 
                 if (k && selectedRowKeys.indexOf(k) >= 0) {
-                  selectedRows = [].concat(_toConsumableArray(selectedRows), [row]);
+                  selectedRows = [].concat(selectedRows, [row]);
                 }
               }
             });
@@ -209,9 +185,9 @@ function VirtualTable(props) {
               // @ts-expect-error: Property 'children' does not exist on type 'T'.ts(2339)
               if (Array.isArray(record.children)) {
                 // @ts-expect-error: Property 'children' does not exist on type 'T'.ts(2339)
-                selectedRows = [].concat(_toConsumableArray(selectedRows), _toConsumableArray(record.children));
+                selectedRows = [].concat(selectedRows, record.children);
               } else {
-                selectedRows = [].concat(_toConsumableArray(selectedRows), [record]);
+                selectedRows = [].concat(selectedRows, [record]);
               } // @ts-expect-error: Property 'children' does not exist on type 'T'.ts(2339)
 
             } else if (Array.isArray(record.children)) {
@@ -228,14 +204,14 @@ function VirtualTable(props) {
               });
             }
 
-            selectedRows = _toConsumableArray(new Set(selectedRows));
+            selectedRows = [].concat(new Set(selectedRows));
             onChange && onChange(selectedRows.map(function (selected) {
               return getRowKey(selected);
             }), selectedRows);
           }
         }));
       }
-    }, !!rowStar && rowStarColumn].concat(_toConsumableArray(columns)));
+    }, !!rowStar && rowStarColumn].concat(columns));
   }, [columns, selection, rowStar, rowStarColumn, getRowKey, dataSource, tableLocale]);
   var mergedColumns = React.useMemo(function () {
     var widthColumnCount = virtualColumns.filter(function (_ref2) {
@@ -250,26 +226,26 @@ function VirtualTable(props) {
       var width = _ref4.width;
       return total + width;
     }, 0);
-    return virtualColumns === null || virtualColumns === void 0 ? void 0 : virtualColumns.map(function (column) {
+    return virtualColumns == null ? void 0 : virtualColumns.map(function (column) {
       if (column.width) {
-        return _objectSpread(_objectSpread({}, column), {}, {
+        return _objectSpread({}, column, {
           width: calculatePixels(column.width)
         });
       }
 
-      return _objectSpread(_objectSpread({}, column), {}, {
+      return _objectSpread({}, column, {
         width: Math.floor((rowWidth - definedWidth) / widthColumnCount)
       });
     });
   }, [virtualColumns, tableWidth, initialWidth]);
-  var listInnerElementType = /*#__PURE__*/React.forwardRef(function (_ref5, ref) {
+  var listInnerElementType = React.forwardRef(function (_ref5, ref) {
     var style = _ref5.style,
-        rest = _objectWithoutProperties(_ref5, _excluded);
+        rest = _objectWithoutPropertiesLoose(_ref5, _excluded);
 
     return /*#__PURE__*/React.createElement("div", _extends({
       ref: ref,
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        height: "".concat(Number(style === null || style === void 0 ? void 0 : style.height) + infiniteLoaderItemHeight, "px")
+      style: _objectSpread({}, style, {
+        height: Number(style == null ? void 0 : style.height) + infiniteLoaderItemHeight + "px"
       })
     }, rest));
   });
@@ -296,11 +272,11 @@ function VirtualTable(props) {
         var scrollOffset = _ref6.scrollOffset,
             scrollDirection = _ref6.scrollDirection;
 
-        if (scrollDirection === 'forward' && scrollOffset >= listHeight && typeof (infiniteScroll === null || infiniteScroll === void 0 ? void 0 : infiniteScroll.onScrollEndReach) === 'function') {
+        if (scrollDirection === 'forward' && scrollOffset >= listHeight && typeof (infiniteScroll == null ? void 0 : infiniteScroll.onScrollEndReach) === 'function') {
           infiniteScroll.onScrollEndReach();
         }
 
-        if (scrollDirection === 'backward' && scrollOffset === 0 && typeof (infiniteScroll === null || infiniteScroll === void 0 ? void 0 : infiniteScroll.onScrollTopReach) === 'function') {
+        if (scrollDirection === 'backward' && scrollOffset === 0 && typeof (infiniteScroll == null ? void 0 : infiniteScroll.onScrollTopReach) === 'function') {
           infiniteScroll.onScrollTopReach();
         }
       };
@@ -331,21 +307,23 @@ function VirtualTable(props) {
       }, VirtualTableRow);
     };
 
-    if (expandable !== null && expandable !== void 0 && (_expandable$expandedR = expandable.expandedRowKeys) !== null && _expandable$expandedR !== void 0 && _expandable$expandedR.length) {
+    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);
 
-        if (key !== undefined && expandable !== null && expandable !== void 0 && (_expandable$expandedR2 = expandable.expandedRowKeys) !== null && _expandable$expandedR2 !== void 0 && _expandable$expandedR2.includes(key) && // @ts-expect-error: Property 'children' does not exist on type 'T'.ts(2339)
+        if (key !== undefined && expandable != null && (_expandable$expandedR2 = expandable.expandedRowKeys) != null && _expandable$expandedR2.includes(key) && // @ts-expect-error: Property 'children' does not exist on type 'T'.ts(2339)
         Array.isArray(currentRow.children) && // @ts-expect-error: Property 'children' does not exist on type 'T'.ts(2339)
         currentRow.children.length) {
-          return [].concat(_toConsumableArray(result), [currentRow], _toConsumableArray(currentRow.children.map(function (child) {
-            return _objectSpread(_objectSpread({}, child), {}, _defineProperty({}, EXPANDED_ROW_PROPERTY, true));
-          })));
+          return [].concat(result, [currentRow], currentRow.children.map(function (child) {
+            var _objectSpread2;
+
+            return _objectSpread({}, child, (_objectSpread2 = {}, _objectSpread2[EXPANDED_ROW_PROPERTY] = true, _objectSpread2));
+          }));
         }
 
-        return [].concat(_toConsumableArray(result), [currentRow]);
+        return [].concat(result, [currentRow]);
       }, []);
       return renderVirtualList(expandedRows);
     }
@@ -372,7 +350,7 @@ function VirtualTable(props) {
       body: renderBody
     },
     locale: tableLocale
-  }))), !!(infiniteScroll !== null && infiniteScroll !== void 0 && infiniteScroll.showBackToTopButton) && /*#__PURE__*/React.createElement(BackToTopButton, {
+  }))), !!(infiniteScroll != null && infiniteScroll.showBackToTopButton) && /*#__PURE__*/React.createElement(BackToTopButton, {
     onClick: handleBackToTopClick
   }, tableLocale.infiniteScrollBackToTop));
 }

package/dist/VirtualTable/VirtualTable.styles.js

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 
 var numberToPixels = function numberToPixels(num) {
-  return "".concat(num, "px");
+  return num + "px";
 };
 
 var getColumnMaxWidth = function getColumnMaxWidth(props) {