@synerise/ds-table 0.42.1 → 0.42.5

package/dist/DefaultTable/DefaultTable.js

@@ -1,37 +1,15 @@
 var _excluded = ["children"];
 
-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 _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; }
-
 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 _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 { compact } from 'lodash';
 import Table from 'antd/lib/table';
@@ -58,7 +36,7 @@ function DefaultTable(props) {
       columns = props.columns;
   var sortStateApi = useSortState(columnsToSortState(columns));
 
-  var _useRowStar = useRowStar((rowStar === null || rowStar === void 0 ? void 0 : rowStar.starredRowKeys) || []),
+  var _useRowStar = useRowStar((rowStar == null ? void 0 : rowStar.starredRowKeys) || []),
       getRowStarColumn = _useRowStar.getRowStarColumn;
 
   var starColumn = getRowStarColumn(props);
@@ -70,28 +48,26 @@ function DefaultTable(props) {
   var toggleRowSelection = React.useCallback(function (checked, record) {
     var key = getRowKey(record);
 
-    if (selection !== null && selection !== void 0 && selection.selectedRowKeys && selection.onChange && key !== undefined) {
+    if (selection != null && selection.selectedRowKeys && selection.onChange && key !== undefined) {
       var onChange = selection.onChange,
           selectedRowKeys = selection.selectedRowKeys;
-
-      var selectedKeys = _toConsumableArray(selectedRowKeys);
-
+      var selectedKeys = [].concat(selectedRowKeys);
       var selectedRows = [];
 
       if (record.children !== undefined && Array.isArray(record.children)) {
         record.children.forEach(function (child) {
           var childKey = getRowKey(child);
-          selectedKeys = checked && childKey ? [].concat(_toConsumableArray(selectedKeys), [childKey]) : selectedKeys.filter(function (k) {
+          selectedKeys = checked && childKey ? [].concat(selectedKeys, [childKey]) : selectedKeys.filter(function (k) {
             return k !== childKey;
           });
         });
       } else {
-        selectedKeys = checked ? [].concat(_toConsumableArray(selectedRowKeys), [key]) : selectedRowKeys.filter(function (k) {
+        selectedKeys = checked ? [].concat(selectedRowKeys, [key]) : selectedRowKeys.filter(function (k) {
           return k !== key;
         });
       }
 
-      selectedKeys = _toConsumableArray(new Set(selectedKeys));
+      selectedKeys = [].concat(new Set(selectedKeys));
 
       if (dataSource) {
         dataSource.forEach(function (row) {
@@ -119,7 +95,7 @@ function DefaultTable(props) {
   }, [selection, getRowKey, dataSource]);
   var RenderRow = React.useCallback(function (row) {
     var children = row.children,
-        rowProps = _objectWithoutProperties(row, _excluded);
+        rowProps = _objectWithoutPropertiesLoose(row, _excluded);
 
     var classNameWithLevel = row.className.split(' ').find(function (name) {
       return name.includes('row-level');
@@ -134,34 +110,33 @@ function DefaultTable(props) {
       /*#__PURE__*/
       // eslint-disable-next-line react/jsx-handler-names
       React.createElement("tr", _extends({}, rowProps, {
-        className: "".concat(row.className, " ds-table-row ").concat(level ? "ds-table-row-level-".concat(level) : '')
+        className: row.className + " ds-table-row " + (level ? "ds-table-row-level-" + level : '')
       }), children)
     );
   }, []);
   var prependedColumns = compact([!!rowStar && starColumn]);
-  var decoratedColumns = columns === null || columns === void 0 ? void 0 : columns.map(function (column) {
+  var decoratedColumns = columns == null ? void 0 : columns.map(function (column) {
     return columnWithSortButtons(sortStateApi)(column);
   });
   var decoratedComponents = components && Object.entries(components).map(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        key = _ref2[0],
-        value = _ref2[1];
+    var key = _ref[0],
+        value = _ref[1];
 
     if (typeof value === 'function') {
       return [key, function (rawData, meta) {
-        return value(rawData, meta, _objectSpread(_objectSpread({}, props), {}, {
+        return value(rawData, meta, _objectSpread({}, props, {
           columns: decoratedColumns
         }));
       }];
     }
 
     return [key, value];
-  }).reduce(function (acc, _ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-        key = _ref4[0],
-        value = _ref4[1];
+  }).reduce(function (acc, _ref2) {
+    var _objectSpread2;
 
-    return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, value));
+    var key = _ref2[0],
+        value = _ref2[1];
+    return _objectSpread({}, acc, (_objectSpread2 = {}, _objectSpread2[key] = value, _objectSpread2));
   }, {});
   return (
     /*#__PURE__*/
@@ -169,13 +144,13 @@ function DefaultTable(props) {
     // @ts-ignore
     React.createElement(Table, _extends({}, props, {
       "data-popup-container": true,
-      columns: [].concat(_toConsumableArray(prependedColumns), _toConsumableArray(decoratedColumns)),
+      columns: [].concat(prependedColumns, decoratedColumns),
       expandable: _objectSpread({
         expandIconColumnIndex: -1
       }, expandable),
-      locale: _objectSpread(_objectSpread({}, locale), {}, {
+      locale: _objectSpread({}, locale, {
         emptyText: /*#__PURE__*/React.createElement(Result, {
-          description: (locale === null || locale === void 0 ? void 0 : locale.emptyText) || /*#__PURE__*/React.createElement(FormattedMessage, {
+          description: (locale == null ? void 0 : locale.emptyText) || /*#__PURE__*/React.createElement(FormattedMessage, {
             id: "DS.TABLE.EMPTY_TEXT"
           }),
           type: "no-results",
@@ -188,8 +163,8 @@ function DefaultTable(props) {
           row: RenderRow
         }
       }, decoratedComponents),
-      rowSelection: selection && _objectSpread(_objectSpread({}, selection), {}, {
-        selections: selection === null || selection === void 0 ? void 0 : (_selection$selections = selection.selections) === null || _selection$selections === void 0 ? void 0 : _selection$selections.filter(Boolean),
+      rowSelection: selection && _objectSpread({}, selection, {
+        selections: selection == null ? void 0 : (_selection$selections = selection.selections) == null ? void 0 : _selection$selections.filter(Boolean),
         columnWidth: 64,
         renderCell: function renderCell(checked, record) {
           var _record$children, _record$children2;
@@ -199,21 +174,21 @@ function DefaultTable(props) {
           var hasChilds = record.children !== undefined && Array.isArray(record.children);
           var allChildsChecked = hasChilds && // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
           // @ts-expect-error: FIXME: 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 || false;
           var checkedChilds = // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
           // @ts-expect-error: FIXME: 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 = // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
           // @ts-expect-error: FIXME: Property 'children' does not exist on type 'T'.ts(2339)
           hasChilds && checkedChilds.length > 0 && checkedChilds.length < record.children.length;
           return /*#__PURE__*/React.createElement(Tooltip, {
-            title: locale === null || locale === void 0 ? void 0 : locale.selectRowTooltip
+            title: locale == null ? void 0 : locale.selectRowTooltip
           }, /*#__PURE__*/React.createElement(Button.Checkbox, {
             checked: checked || allChildsChecked,
             disabled: !checked && Boolean(selection.limit && selection.limit <= selection.selectedRowKeys.length),

package/dist/FilterTrigger/FilterTrigger.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 Icon, { Close3S, FolderM } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
@@ -34,9 +22,8 @@ var FilterTrigger = function FilterTrigger(_ref) {
       disabled = _ref.disabled;
 
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      opened = _React$useState2[0],
-      setOpened = _React$useState2[1];
+      opened = _React$useState[0],
+      setOpened = _React$useState[1];
 
   React.useEffect(function () {
     selected && setOpened(true);
@@ -56,7 +43,7 @@ var FilterTrigger = function FilterTrigger(_ref) {
   }, /*#__PURE__*/React.createElement(S.FilterButtonGroup, {
     splitMode: true
   }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: (selected === null || selected === void 0 ? void 0 : selected.name) || tooltips.define
+    title: (selected == null ? void 0 : selected.name) || tooltips.define
   }, /*#__PURE__*/React.createElement(S.FilterButton, {
     opened: opened,
     selected: selected,
@@ -64,10 +51,10 @@ var FilterTrigger = function FilterTrigger(_ref) {
     mode: triggerMode,
     disabled: disabled,
     onClick: triggerOnClick,
-    "data-testid": "filter-trigger-".concat(name)
+    "data-testid": "filter-trigger-" + name
   }, /*#__PURE__*/React.createElement(Icon, {
     component: iconComponent
-  }), /*#__PURE__*/React.createElement(S.FilterButtonLabel, null, (selected === null || selected === void 0 ? void 0 : selected.name) || openedLabel))), selected && /*#__PURE__*/React.createElement(Tooltip, {
+  }), /*#__PURE__*/React.createElement(S.FilterButtonLabel, null, (selected == null ? void 0 : selected.name) || openedLabel))), selected && /*#__PURE__*/React.createElement(Tooltip, {
     title: tooltips.clear
   }, /*#__PURE__*/React.createElement(S.ClearButton, {
     mode: "single-icon",
@@ -88,4 +75,4 @@ var FilterTrigger = function FilterTrigger(_ref) {
   })))));
 };
 
-export default /*#__PURE__*/React.memo(FilterTrigger);
+export default React.memo(FilterTrigger);

package/dist/GroupTable/GroupTable.js

@@ -2,31 +2,9 @@ var _excluded = ["rows"];
 
 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 _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; }
-
-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; }
 
@@ -43,7 +21,7 @@ import { getColumnsWithActiveSorting, sortDataSourceRows } from '../ColumnSortMe
 
 var addActiveColumnClass = function addActiveColumnClass(activeColumn) {
   return function (column) {
-    return column.key === activeColumn ? _objectSpread(_objectSpread({}, column), {}, {
+    return column.key === activeColumn ? _objectSpread({}, column, {
       onHeaderCell: function onHeaderCell() {
         return {
           className: 'ds-table-active-column'
@@ -54,14 +32,14 @@ var addActiveColumnClass = function addActiveColumnClass(activeColumn) {
 };
 
 var clearDefaultColumnSortOrder = function clearDefaultColumnSortOrder(column) {
-  return _objectSpread(_objectSpread({}, column), {}, {
+  return _objectSpread({}, column, {
     sortOrder: null
   });
 };
 
 var addSortClassByState = function addSortClassByState(sortStateApi) {
   return function (column) {
-    return sortStateApi.getColumnSortOrder(String(column.key)) ? _objectSpread(_objectSpread({}, column), {}, {
+    return sortStateApi.getColumnSortOrder(String(column.key)) ? _objectSpread({}, column, {
       onHeaderCell: function onHeaderCell() {
         return {
           className: 'ant-table-column-sort'
@@ -86,16 +64,14 @@ function GroupTable(props) {
   var _React$useState = React.useState(initialGroupsCollapsed || !dataSource ? [] : dataSource.map(function (group) {
     return group.key;
   })),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      expandedGroups = _React$useState2[0],
-      setExpandedGroups = _React$useState2[1];
+      expandedGroups = _React$useState[0],
+      setExpandedGroups = _React$useState[1];
 
   var sortStateApi = useSortState(columnsToSortState(columns));
 
-  var _React$useState3 = React.useState(dataSource || []),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      data = _React$useState4[0],
-      setData = _React$useState4[1];
+  var _React$useState2 = React.useState(dataSource || []),
+      data = _React$useState2[0],
+      setData = _React$useState2[1];
 
   React.useEffect(function () {
     setData(dataSource || []);
@@ -109,11 +85,11 @@ function GroupTable(props) {
         return key !== groupKey;
       }));
     } else {
-      setExpandedGroups([].concat(_toConsumableArray(expandedGroups), [groupKey]));
+      setExpandedGroups([].concat(expandedGroups, [groupKey]));
     }
   }, [expandedGroups, setExpandedGroups]);
   var activeColumn = React.useMemo(function () {
-    return data !== null && data !== void 0 && data.length ? data[0].column : undefined;
+    return data != null && data.length ? data[0].column : undefined;
   }, [data]);
   var allItems = React.useMemo(function () {
     var result = [];
@@ -131,7 +107,7 @@ function GroupTable(props) {
 
     if (active) {
       var rows = active.rows,
-          activeGroup = _objectWithoutProperties(active, _excluded);
+          activeGroup = _objectWithoutPropertiesLoose(active, _excluded);
 
       return activeGroup;
     }
@@ -139,12 +115,12 @@ function GroupTable(props) {
     return undefined;
   }, [data]);
   var groupTableColumnDecorator = flow(addActiveColumnClass(activeColumn), addSortClassByState(sortStateApi), clearDefaultColumnSortOrder);
-  var columnsWithCustomSorting = columns === null || columns === void 0 ? void 0 : columns.map(columnWithSortButtons(sortStateApi));
-  var decoratedColumns = columnsWithCustomSorting === null || columnsWithCustomSorting === void 0 ? void 0 : columnsWithCustomSorting.map(groupTableColumnDecorator);
+  var columnsWithCustomSorting = columns == null ? void 0 : columns.map(columnWithSortButtons(sortStateApi));
+  var decoratedColumns = columnsWithCustomSorting == null ? void 0 : columnsWithCustomSorting.map(groupTableColumnDecorator);
   var columnsWithActiveSorting = getColumnsWithActiveSorting(sortStateApi, columns);
   var sortedRowsData = activeColumn ? sortDataSourceRows(sortStateApi, columnsWithActiveSorting, dataSource) : dataSource;
   return /*#__PURE__*/React.createElement("div", {
-    className: "ds-table ds-table-cell-size-".concat(cellSize, " ").concat(roundedHeader ? 'ds-table-rounded' : '')
+    className: "ds-table ds-table-cell-size-" + cellSize + " " + (roundedHeader ? 'ds-table-rounded' : '')
   }, /*#__PURE__*/React.createElement(Table, _extends({}, props, {
     dataSource: sortedRowsData // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
     // @ts-ignore: FIXME: antd table columns type is not compatible with DS
@@ -175,7 +151,7 @@ function GroupTable(props) {
     /* eslint-disable-next-line @typescript-eslint/ban-ts-ignore */
     // @ts-ignore
     ,
-    rowSelection: selection && _objectSpread(_objectSpread({}, selection), {}, {
+    rowSelection: selection && _objectSpread({}, selection, {
       columnWidth: 64
     })
   })));

package/dist/GroupTable/GroupTable.styles.js

@@ -48,8 +48,8 @@ export var SubRow = styled.td.withConfig({
   var theme = _ref2.theme,
       selected = _ref2.selected,
       sorted = _ref2.sorted;
-  if (selected) return "".concat(theme.palette['yellow-050'], ";");
-  if (sorted) return "".concat(theme.palette['blue-050'], ";");
+  if (selected) return theme.palette['yellow-050'] + ";";
+  if (sorted) return theme.palette['blue-050'] + ";";
   return "";
 }, function (props) {
   if (props.selected || props.sorted) return '500';

package/dist/GroupTable/GroupTableBody/GroupTableBody.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 Checkbox from '@synerise/ds-checkbox/dist';
 import Status from '@synerise/ds-status';
@@ -42,12 +30,12 @@ function GroupTableBody(_ref) {
   var selectedRowsNumber = React.useMemo(function () {
     var _selection$selectedRo;
 
-    return (selection === null || selection === void 0 ? void 0 : (_selection$selectedRo = selection.selectedRowKeys) === null || _selection$selectedRo === void 0 ? void 0 : _selection$selectedRo.filter(function (key) {
+    return (selection == null ? void 0 : (_selection$selectedRo = selection.selectedRowKeys) == null ? void 0 : _selection$selectedRo.filter(function (key) {
       return allRowKeys.includes(key);
     }).length) || 0;
   }, [allRowKeys, selection]);
   var activeColumn = React.useMemo(function () {
-    return group.children.length ? columns === null || columns === void 0 ? void 0 : columns.find(function (column) {
+    return group.children.length ? columns == null ? void 0 : columns.find(function (column) {
       return column.dataIndex === group.children[0].props.record.column;
     }) : undefined;
   }, [columns, group]);
@@ -60,7 +48,7 @@ function GroupTableBody(_ref) {
     });
   }, [expanded, expandGroup, hideGroupExpander, group]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.GroupTableRow, {
-    className: "".concat(group.className, " ds-group-row")
+    className: group.className + " ds-group-row"
   }, /*#__PURE__*/React.createElement("td", {
     colSpan: group.children.length + 1
   }, /*#__PURE__*/React.createElement(S.GroupRow, null, /*#__PURE__*/React.createElement(S.GroupRowLeft, null, selection && /*#__PURE__*/React.createElement(S.GroupSelection, null, /*#__PURE__*/React.createElement(Checkbox, {
@@ -69,24 +57,23 @@ function GroupTableBody(_ref) {
     indeterminate: selectedRowsNumber > 0 && selectedRowsNumber < allRowKeys.length,
     onChange: function onChange(event) {
       if (event.target.checked) {
-        var selectedKeys = _toConsumableArray(new Set([].concat(_toConsumableArray(selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys), _toConsumableArray(allRowKeys))));
-
+        var selectedKeys = [].concat(new Set([].concat(selection == null ? void 0 : selection.selectedRowKeys, allRowKeys)));
         selection.onChange(selectedKeys, allItems.filter(function (item) {
           return selectedKeys.indexOf(getRowKey(item)) >= 0;
         }));
       } else {
-        var _selectedKeys = selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys.filter(function (selected) {
+        var _selectedKeys = selection == null ? void 0 : selection.selectedRowKeys.filter(function (selected) {
           return allRowKeys.indexOf(selected) < 0;
         });
 
         selection.onChange(_selectedKeys, allItems.filter(function (item) {
-          return (_selectedKeys === null || _selectedKeys === void 0 ? void 0 : _selectedKeys.indexOf(getRowKey(item))) < 0;
+          return (_selectedKeys == null ? void 0 : _selectedKeys.indexOf(getRowKey(item))) < 0;
         }));
       }
     }
   })), /*#__PURE__*/React.createElement(S.GroupValue, {
     withSelection: Boolean(selection)
-  }, activeColumn !== null && activeColumn !== void 0 && activeColumn.render && (activeGroup === null || activeGroup === void 0 ? void 0 : activeGroup.groupType) === GROUP_BY.value ? activeColumn.render(group.children[0].props.record.value, {}, -1) : /*#__PURE__*/React.createElement(S.GroupValueLabel, null, group.children[0].props.record.value), /*#__PURE__*/React.createElement(Status, {
+  }, activeColumn != null && activeColumn.render && (activeGroup == null ? void 0 : activeGroup.groupType) === GROUP_BY.value ? activeColumn.render(group.children[0].props.record.value, {}, -1) : /*#__PURE__*/React.createElement(S.GroupValueLabel, null, group.children[0].props.record.value), /*#__PURE__*/React.createElement(Status, {
     type: "disabled",
     label: group.children[0].props.record.rows.length
   }))), /*#__PURE__*/React.createElement(S.GroupRowRight, null, addItem && activeGroup && /*#__PURE__*/React.createElement(S.GroupAddItemButton, {
@@ -108,16 +95,16 @@ function GroupTableBody(_ref) {
       checked: selection.selectedRowKeys.indexOf(key) >= 0,
       onChange: function onChange(event) {
         if (event.target.checked) {
-          selection.onChange([].concat(_toConsumableArray(selection.selectedRowKeys), [key]), [].concat(_toConsumableArray(allItems), [rowRecord]));
+          selection.onChange([].concat(selection.selectedRowKeys, [key]), [].concat(allItems, [rowRecord]));
         } else {
-          selection.onChange(selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys.filter(function (item) {
+          selection.onChange(selection == null ? void 0 : selection.selectedRowKeys.filter(function (item) {
             return item !== key;
           }), allItems.filter(function (item) {
             return getRowKey(item) !== key;
           }));
         }
       }
-    })), columns === null || columns === void 0 ? void 0 : columns.map(function (column, index) {
+    })), columns == null ? void 0 : columns.map(function (column, index) {
       return column.dataIndex && /*#__PURE__*/React.createElement(S.SubRow, {
         key: index,
         selected: column.dataIndex === group.children[0].props.record.column,

package/dist/GroupTable/GroupTableHeader/GroupTableHeader.js

@@ -23,7 +23,7 @@ function GroupTableHeader(_ref) {
       } : function () {
         return clickHandle(child);
       },
-      className: "".concat(child.props.className, " ").concat(((_child$props$addition = child.props.additionalProps) === null || _child$props$addition === void 0 ? void 0 : _child$props$addition.className) || '', " ").concat(isColumnActive ? 'ds-table-active-column' : '')
+      className: child.props.className + " " + (((_child$props$addition = child.props.additionalProps) == null ? void 0 : _child$props$addition.className) || '') + " " + (isColumnActive ? 'ds-table-active-column' : '')
     }, child.props.children);
   }));
 }

package/dist/Table.js

@@ -1,23 +1,11 @@
 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 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 _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 "./style/index.css";
@@ -62,15 +50,15 @@ function DSTable(props) {
       disableColumnNamesLineBreak = props.disableColumnNamesLineBreak;
   var tableLocale = useTableLocale(intl, locale);
   var renderHeader = React.useCallback(function () {
-    var size = selection && (selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys) && (selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys.length);
+    var size = selection && (selection == null ? void 0 : selection.selectedRowKeys) && (selection == null ? void 0 : selection.selectedRowKeys.length);
     var data = grouped ? // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
     // @ts-ignore
-    dataSource === null || dataSource === void 0 ? void 0 : dataSource.reduce(function (items, group) {
+    dataSource == null ? void 0 : dataSource.reduce(function (items, group) {
       if (group.rows) {
-        return [].concat(_toConsumableArray(items), _toConsumableArray(group.rows));
+        return [].concat(items, group.rows);
       }
 
-      return _toConsumableArray(items);
+      return [].concat(items);
     }, []) : dataSource;
     return !hideTitleBar && /*#__PURE__*/React.createElement(TableHeader, {
       withBorderTop: headerWithBorderTop,
@@ -94,7 +82,7 @@ function DSTable(props) {
       showTotal: function showTotal(total, range) {
         var _tableLocale$paginati, _tableLocale$paginati2;
 
-        return !hideTitlePart ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, range[0]), "-", /*#__PURE__*/React.createElement("strong", null, range[1]), " of ", /*#__PURE__*/React.createElement("strong", null, total), ' ', grouped ? tableLocale === null || tableLocale === void 0 ? void 0 : (_tableLocale$paginati = tableLocale.pagination) === null || _tableLocale$paginati === void 0 ? void 0 : _tableLocale$paginati.groups : tableLocale === null || tableLocale === void 0 ? void 0 : (_tableLocale$paginati2 = tableLocale.pagination) === null || _tableLocale$paginati2 === void 0 ? void 0 : _tableLocale$paginati2.items) : /*#__PURE__*/React.createElement("div", {
+        return !hideTitlePart ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, range[0]), "-", /*#__PURE__*/React.createElement("strong", null, range[1]), " of ", /*#__PURE__*/React.createElement("strong", null, total), ' ', grouped ? tableLocale == null ? void 0 : (_tableLocale$paginati = tableLocale.pagination) == null ? void 0 : _tableLocale$paginati.groups : tableLocale == null ? void 0 : (_tableLocale$paginati2 = tableLocale.pagination) == null ? void 0 : _tableLocale$paginati2.items) : /*#__PURE__*/React.createElement("div", {
           style: {
             width: '150px'
           }
@@ -129,7 +117,7 @@ function DSTable(props) {
   return /*#__PURE__*/React.createElement(TableLocaleContext.Provider, {
     value: tableLocale
   }, /*#__PURE__*/React.createElement(S.TableWrapper, {
-    className: "ds-table ds-table-cell-size-".concat(cellSize, " ").concat(roundedHeader ? 'ds-table-rounded' : ''),
+    className: "ds-table ds-table-cell-size-" + cellSize + " " + (roundedHeader ? 'ds-table-rounded' : ''),
     hideColumnNames: hideColumnNames,
     disableColumnNamesLineBreak: disableColumnNamesLineBreak
   }, loading && /*#__PURE__*/React.createElement(S.Spinner, {
@@ -137,14 +125,14 @@ function DSTable(props) {
   }, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(SpinnerM, null),
     color: "#6a7580"
-  })), grouped && dataSource !== null && dataSource !== void 0 && dataSource.length ?
+  })), grouped && dataSource != null && dataSource.length ?
   /*#__PURE__*/
   // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
   // @ts-ignore
   React.createElement(GroupTable, _extends({}, props, {
     locale: tableLocale,
     title: renderHeader,
-    pagination: dataSource !== null && dataSource !== void 0 && dataSource.length && pagination ? footerPagination : false
+    pagination: dataSource != null && dataSource.length && pagination ? footerPagination : false
   })) : /*#__PURE__*/React.createElement(DefaultTable, _extends({
     scroll: {
       x: 'auto'
@@ -153,7 +141,7 @@ function DSTable(props) {
   }, props, {
     locale: tableLocale,
     title: renderHeader,
-    pagination: dataSource !== null && dataSource !== void 0 && dataSource.length && pagination ? footerPagination : false
+    pagination: dataSource != null && dataSource.length && pagination ? footerPagination : false
   }))));
 }
 

package/dist/Table.styles.js

@@ -7,7 +7,7 @@ export var Header = styled.div.withConfig({
   displayName: "Tablestyles__Header",
   componentId: "dacfhr-0"
 })(["background:#ffffff;padding:20px 24px;display:flex;justify-content:space-between;border-top:", ";border-bottom:1px solid ", ";"], function (props) {
-  return props.withBorderTop ? "1px solid ".concat(props.theme.palette['grey-200']) : '0';
+  return props.withBorderTop ? "1px solid " + props.theme.palette['grey-200'] : '0';
 }, function (props) {
   return props.theme.palette['grey-200'];
 });
@@ -43,7 +43,7 @@ export var Left = styled.div.withConfig({
 export var Right = styled.div.withConfig({
   displayName: "Tablestyles__Right",
   componentId: "dacfhr-7"
-})(["display:flex;align-items:center;justify-content:flex-start;> *{margin-left:8px;min-width:32px;}"]);
+})(["display:flex;align-items:center;justify-content:flex-start;> *{margin-left:8px;min-width:32px;}&&& .ds-button.btn-search{min-width:unset;}"]);
 export var Icon = styled.div.withConfig({
   displayName: "Tablestyles__Icon",
   componentId: "dacfhr-8"