@synerise/ds-table 0.41.3 → 0.42.3

package/dist/InfiniteScroll/InfiniteLoaderItem.js

@@ -1,15 +1,14 @@
 import * as React from 'react';
 import Alert from '@synerise/ds-alert';
 import Button from '@synerise/ds-button';
-import Icon from '@synerise/ds-icon';
-import { RefreshM } from '@synerise/ds-icon/dist/icons';
+import Icon, { RefreshM } from '@synerise/ds-icon';
 import Loader from '@synerise/ds-loader';
 import { TableLocaleContext } from '../utils/locale';
 import { infiniteScrollPropsToState } from './utils';
 
 var LoadingItem = function LoadingItem() {
-  return React.createElement(TableLocaleContext.Consumer, null, function (tableLocale) {
-    return React.createElement(Loader, {
+  return /*#__PURE__*/React.createElement(TableLocaleContext.Consumer, null, function (tableLocale) {
+    return /*#__PURE__*/React.createElement(Loader, {
       size: "M",
       label: tableLocale.infiniteScrollLoading
     });
@@ -17,8 +16,8 @@ var LoadingItem = function LoadingItem() {
 };
 
 var NoMoreItem = function NoMoreItem() {
-  return React.createElement(TableLocaleContext.Consumer, null, function (tableLocale) {
-    return React.createElement(Alert.InlineAlert, {
+  return /*#__PURE__*/React.createElement(TableLocaleContext.Consumer, null, function (tableLocale) {
+    return /*#__PURE__*/React.createElement(Alert.InlineAlert, {
       type: "info",
       message: tableLocale.infiniteScrollNoMoreData
     });
@@ -27,20 +26,20 @@ var NoMoreItem = function NoMoreItem() {
 
 var ErrorItem = function ErrorItem(_ref) {
   var onRetryClick = _ref.onRetryClick;
-  return React.createElement(TableLocaleContext.Consumer, null, function (tableLocale) {
-    return React.createElement("div", {
+  return /*#__PURE__*/React.createElement(TableLocaleContext.Consumer, null, function (tableLocale) {
+    return /*#__PURE__*/React.createElement("div", {
       style: {
         display: 'flex'
       }
-    }, React.createElement(Alert.InlineAlert, {
+    }, /*#__PURE__*/React.createElement(Alert.InlineAlert, {
       type: "alert",
       message: tableLocale.infiniteScrollError
-    }), onRetryClick && React.createElement(Button, {
+    }), onRetryClick && /*#__PURE__*/React.createElement(Button, {
       onClick: onRetryClick,
       type: "ghost",
       mode: "icon-label",
-      icon: React.createElement(Icon, {
-        component: React.createElement(RefreshM, null)
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        component: /*#__PURE__*/React.createElement(RefreshM, null)
       }),
       style: {
         marginLeft: 8
@@ -61,7 +60,7 @@ var InfiniteLoaderItem = function InfiniteLoaderItem(_ref2) {
     return render(infiniteScrollPropsToState(infiniteScroll));
   }
 
-  return React.createElement(React.Fragment, null, isLoading && React.createElement(LoadingItem, null), !isLoading && !hasMore && React.createElement(NoMoreItem, null), !isLoading && hasError && React.createElement(ErrorItem, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isLoading && /*#__PURE__*/React.createElement(LoadingItem, null), !isLoading && !hasMore && /*#__PURE__*/React.createElement(NoMoreItem, null), !isLoading && hasError && /*#__PURE__*/React.createElement(ErrorItem, {
     onRetryClick: onRetryButtonClick
   }));
 };

package/dist/ItemsMenu/ItemsMenu.js

@@ -3,7 +3,7 @@ import * as S from './ItemsMenu.styles';
 
 var ItemsMenu = function ItemsMenu(_ref) {
   var children = _ref.children;
-  return React.createElement(S.ItemsMenu, null, children);
+  return /*#__PURE__*/React.createElement(S.ItemsMenu, null, children);
 };
 
 export default ItemsMenu;

package/dist/ItemsMenu/ItemsMenu.types.js

@@ -0,0 +1 @@
+export {};

package/dist/Table.js

@@ -6,24 +6,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) 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";
-import Icon from '@synerise/ds-icon';
-import SpinnerM from '@synerise/ds-icon/dist/icons/SpinnerM';
-import { AngleLeftS, AngleRightS } from '@synerise/ds-icon/dist/icons';
+import Icon, { AngleLeftS, AngleRightS, SpinnerM } from '@synerise/ds-icon';
 import Button from '@synerise/ds-button';
 import { useIntl } from 'react-intl';
 import Skeleton from '@synerise/ds-skeleton';
@@ -64,17 +50,17 @@ 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 && React.createElement(TableHeader, {
+    return !hideTitleBar && /*#__PURE__*/React.createElement(TableHeader, {
       withBorderTop: headerWithBorderTop,
       selectedRows: size,
       title: title,
@@ -96,31 +82,31 @@ function DSTable(props) {
       showTotal: function showTotal(total, range) {
         var _tableLocale$paginati, _tableLocale$paginati2;
 
-        return !hideTitlePart ? React.createElement("span", null, React.createElement("strong", null, range[0]), "-", React.createElement("strong", null, range[1]), " of ", 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) : 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'
           }
-        }, React.createElement(Skeleton, {
+        }, /*#__PURE__*/React.createElement(Skeleton, {
           size: "M"
         }));
       },
       columnWidth: 72,
       itemRender: function itemRender(page, type, originalElement) {
         if (type === ITEM_RENDER_TYPE.prev) {
-          return React.createElement(Button, {
+          return /*#__PURE__*/React.createElement(Button, {
             mode: "single-icon",
             type: "ghost"
-          }, React.createElement(Icon, {
-            component: React.createElement(AngleLeftS, null)
+          }, /*#__PURE__*/React.createElement(Icon, {
+            component: /*#__PURE__*/React.createElement(AngleLeftS, null)
           }));
         }
 
         if (type === ITEM_RENDER_TYPE.next) {
-          return React.createElement(Button, {
+          return /*#__PURE__*/React.createElement(Button, {
             mode: "single-icon",
             type: "ghost"
-          }, React.createElement(Icon, {
-            component: React.createElement(AngleRightS, null)
+          }, /*#__PURE__*/React.createElement(Icon, {
+            component: /*#__PURE__*/React.createElement(AngleRightS, null)
           }));
         }
 
@@ -128,24 +114,26 @@ function DSTable(props) {
       }
     }, pagination);
   }, [pagination, grouped, tableLocale, hideTitlePart]);
-  return React.createElement(TableLocaleContext.Provider, {
+  return /*#__PURE__*/React.createElement(TableLocaleContext.Provider, {
     value: tableLocale
-  }, React.createElement(S.TableWrapper, {
-    className: "ds-table ds-table-cell-size-".concat(cellSize, " ").concat(roundedHeader ? 'ds-table-rounded' : ''),
+  }, /*#__PURE__*/React.createElement(S.TableWrapper, {
+    className: "ds-table ds-table-cell-size-" + cellSize + " " + (roundedHeader ? 'ds-table-rounded' : ''),
     hideColumnNames: hideColumnNames,
     disableColumnNamesLineBreak: disableColumnNamesLineBreak
-  }, loading && React.createElement(S.Spinner, {
+  }, loading && /*#__PURE__*/React.createElement(S.Spinner, {
     className: "spinner"
-  }, React.createElement(Icon, {
-    component: React.createElement(SpinnerM, null),
+  }, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(SpinnerM, null),
     color: "#6a7580"
-  })), grouped && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) ? // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+  })), 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 ? void 0 : dataSource.length) && pagination ? footerPagination : false
-  })) : React.createElement(DefaultTable, _extends({
+    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 ? void 0 : dataSource.length) && pagination ? footerPagination : false
+    pagination: dataSource != null && dataSource.length && pagination ? footerPagination : false
   }))));
 }
 

package/dist/Table.styles.js

@@ -2,12 +2,12 @@ import styled, { keyframes } from 'styled-components';
 import { macro } from '@synerise/ds-typography';
 import { CheckboxWrapper } from '@synerise/ds-checkbox/dist/Checkbox.styles';
 import Menu from '@synerise/ds-menu';
-import { IconContainer } from '@synerise/ds-icon/dist/Icon.styles';
+import { IconContainer } from '@synerise/ds-icon';
 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'];
 });

package/dist/Table.types.js

@@ -0,0 +1 @@
+export {};

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(n); 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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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,41 +40,41 @@ var TableHeader = function TableHeader(_ref) {
     }
   }, [titleRef, isTitleTruncated, title]);
   var renderLeftSide = React.useMemo(function () {
-    if (selection === null || selection === void 0 ? void 0 : selection.limit) return React.createElement(TableLimit, {
+    if (selection != null && selection.limit) return /*#__PURE__*/React.createElement(TableLimit, {
       total: dataSource.length,
       selection: selection,
       itemsMenu: itemsMenu,
       locale: locale
     });
-    return selectedRows && selectedRows > 0 ? React.createElement(S.Left, {
+    return selectedRows && selectedRows > 0 ? /*#__PURE__*/React.createElement(S.Left, {
       "data-testid": "ds-table-selection"
-    }, selection && React.createElement(TableSelection, {
+    }, selection && /*#__PURE__*/React.createElement(TableSelection, {
       rowKey: rowKey,
       dataSource: dataSource,
       selection: selection,
       locale: locale
-    }), renderSelectionTitle ? renderSelectionTitle(selection, filters) : React.createElement(S.TitleContainer, null, React.createElement(S.TitlePart, null, React.createElement("strong", null, selectedRows), " ", React.createElement("span", null, locale.selected))), itemsMenu) : React.createElement(S.Left, {
+    }), renderSelectionTitle ? renderSelectionTitle(selection, filters) : /*#__PURE__*/React.createElement(S.TitleContainer, null, /*#__PURE__*/React.createElement(S.TitlePart, null, /*#__PURE__*/React.createElement("strong", null, selectedRows), " ", /*#__PURE__*/React.createElement("span", null, locale.selected))), itemsMenu) : /*#__PURE__*/React.createElement(S.Left, {
       "data-testid": "ds-table-title"
-    }, selection && React.createElement(TableSelection, {
+    }, selection && /*#__PURE__*/React.createElement(TableSelection, {
       rowKey: rowKey,
       dataSource: dataSource,
       selection: selection,
       locale: locale
-    }), React.createElement(S.TitleContainer, null, title && React.createElement(React.Fragment, null, React.createElement(S.TitlePartEllipsis, null, isTitleTruncated ? React.createElement(Tooltip, {
+    }), /*#__PURE__*/React.createElement(S.TitleContainer, null, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.TitlePartEllipsis, null, isTitleTruncated ? /*#__PURE__*/React.createElement(Tooltip, {
       type: "largeSimple",
       description: title,
       offset: "small",
       autoAdjustOverflow: true
-    }, React.createElement("strong", {
+    }, /*#__PURE__*/React.createElement("strong", {
       ref: titleRef
-    }, title)) : React.createElement("strong", {
+    }, title)) : /*#__PURE__*/React.createElement("strong", {
       ref: titleRef
-    }, title)), !hideTitlePart && React.createElement(S.TitleSeparator, null)), !hideTitlePart && React.createElement(S.TitlePart, null, React.createElement("strong", null, dataSource.length), " ", React.createElement("span", null, locale.pagination.items))));
+    }, title)), !hideTitlePart && /*#__PURE__*/React.createElement(S.TitleSeparator, null)), !hideTitlePart && /*#__PURE__*/React.createElement(S.TitlePart, null, /*#__PURE__*/React.createElement("strong", null, dataSource.length), " ", /*#__PURE__*/React.createElement("span", null, locale.pagination.items))));
   }, [dataSource, titleRef, filters, isTitleTruncated, itemsMenu, locale, renderSelectionTitle, rowKey, selectedRows, selection, title, hideTitlePart]);
-  return React.createElement(S.Header, {
+  return /*#__PURE__*/React.createElement(S.Header, {
     withBorderTop: withBorderTop
-  }, renderLeftSide, React.createElement(S.Right, null, headerButton, filters === null || filters === void 0 ? void 0 : filters.map(function (filter) {
-    return React.createElement(FilterTrigger, {
+  }, 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,
       iconComponent: filter.icon,

package/dist/TableHeader/TableHeader.types.js

@@ -0,0 +1 @@
+export {};

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 && React.createElement(S.Alert, null, 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 ? React.createElement(S.Title, null, React.createElement("strong", null, selectedRows), " ", locale.selected, " / ", "".concat(total, " ").concat((_locale$pagination = locale.pagination) === null || _locale$pagination === void 0 ? void 0 : _locale$pagination.items)) : React.createElement(S.Title, null, 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 React.createElement(S.TableLimit, null, selected, limitReachedInfo, selectedRows > 0 && React.createElement(S.ItemsMenu, null, itemsMenu));
+  return /*#__PURE__*/React.createElement(S.TableLimit, null, selected, limitReachedInfo, selectedRows > 0 && /*#__PURE__*/React.createElement(S.ItemsMenu, null, itemsMenu));
 }

package/dist/TableHeader/TableLimit/TableLimit.types.js

@@ -0,0 +1 @@
+export {};

package/dist/TableHeader/TableSelection.js

@@ -1,22 +1,9 @@
-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(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) 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';
 import Button from '@synerise/ds-button';
-import Icon from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
-import { OptionVerticalM } from '@synerise/ds-icon/dist/icons';
+import Icon, { OptionVerticalM } from '@synerise/ds-icon';
 import * as S from '../Table.styles';
 import { SELECTION_ALL, SELECTION_INVERT } from '../Table';
 
@@ -38,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);
@@ -62,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) {
@@ -83,13 +70,13 @@ 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 ? void 0 : selection.selectedRowKeys) ? React.createElement(S.Selection, {
+  return selection != null && selection.selectedRowKeys ? /*#__PURE__*/React.createElement(S.Selection, {
     "data-popup-container": true
-  }, React.createElement(Tooltip, {
-    title: locale === null || locale === void 0 ? void 0 : locale.selectAllTooltip
-  }, React.createElement(Button.Checkbox, {
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: locale == null ? void 0 : locale.selectAllTooltip
+  }, /*#__PURE__*/React.createElement(Button.Checkbox, {
     disabled: isEmpty,
     checked: allSelected,
     onChange: function onChange(isChecked) {
@@ -99,24 +86,24 @@ 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) && 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: 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:
           {
-            return !allSelected ? React.createElement(Menu.Item, {
+            return !allSelected ? /*#__PURE__*/React.createElement(Menu.Item, {
               onClick: selectAll
-            }, "Select all") : React.createElement(Menu.Item, {
+            }, "Select all") : /*#__PURE__*/React.createElement(Menu.Item, {
               onClick: unselectAll
             }, "Unselect all");
           }
 
         case SELECTION_INVERT:
           {
-            return React.createElement(Menu.Item, {
+            return /*#__PURE__*/React.createElement(Menu.Item, {
               onClick: selectInvert
             }, "Invert selection");
           }
@@ -124,7 +111,9 @@ function TableSelection(_ref) {
         default:
           {
             var sel = selectionMenuElement;
-            return (// eslint-disable-next-line react/jsx-handler-names
+            return (
+              /*#__PURE__*/
+              // eslint-disable-next-line react/jsx-handler-names
               React.createElement(Menu.Item, {
                 key: sel.key,
                 onClick: sel.onClick
@@ -133,13 +122,13 @@ function TableSelection(_ref) {
           }
       }
     }))
-  }, React.createElement(Tooltip, {
-    title: locale === null || locale === void 0 ? void 0 : locale.selectionOptionsTooltip
-  }, React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: locale == null ? void 0 : locale.selectionOptionsTooltip
+  }, /*#__PURE__*/React.createElement(Button, {
     mode: "single-icon",
     type: "ghost"
-  }, React.createElement(Icon, {
-    component: React.createElement(OptionVerticalM, null)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(OptionVerticalM, null)
   }))))) : null;
 }
 

package/dist/TableHeader/TableSelection.types.js

@@ -0,0 +1 @@
+export {};

package/dist/TreeTable/TreeTable.js

@@ -1,23 +1,10 @@
 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(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) 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';
 import Button from '@synerise/ds-button';
-import Icon from '@synerise/ds-icon';
-import { ChildRowLeftDownM } from '@synerise/ds-icon/dist/icons';
+import Icon, { ChildRowLeftDownM } from '@synerise/ds-icon';
 import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
 import { v4 as uuid } from 'uuid';
 import DSTable from '../Table';
@@ -29,43 +16,41 @@ function TreeTable(props) {
       selection = props.selection; // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
   var RenderRow = React.useCallback(function (row) {
-    return React.createElement(S.TreeTableRow, {
-      className: "".concat(row.className, " ds-table-row")
+    return /*#__PURE__*/React.createElement(S.TreeTableRow, {
+      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 React.createElement("td", {
+      return /*#__PURE__*/React.createElement("td", {
         className: cell.className
       }, cell.children);
     }
 
     var maxIndent = parseInt(indentLevel, 10);
-
-    var indents = _toConsumableArray(new Array(maxIndent)).map(function (indentElement, index) {
-      return React.createElement(S.Indent, {
+    var indents = [].concat(new Array(maxIndent)).map(function (indentElement, index) {
+      return /*#__PURE__*/React.createElement(S.Indent, {
         key: uuid(),
         width: INDENT_SIZE,
         level: index,
         active: index + 1 === maxIndent
       });
     });
-
-    return React.createElement(S.TreeTableCell, {
-      className: "".concat(cell.className, " ds-table-cell")
-    }, React.createElement(S.Indents, {
+    return /*#__PURE__*/React.createElement(S.TreeTableCell, {
+      className: cell.className + " ds-table-cell"
+    }, /*#__PURE__*/React.createElement(S.Indents, {
       width: indents.length * INDENT_SIZE,
       withSelection: Boolean(selection)
     }, indents), cell.children);
   }, [selection]);
-  return React.createElement(DSTable, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(DSTable, _extends({}, props, {
     indentSize: INDENT_SIZE,
     components: {
       body: {
@@ -81,13 +66,13 @@ function TreeTable(props) {
           expanded = expandIconProps.expanded,
           onExpand = expandIconProps.onExpand,
           record = expandIconProps.record;
-      return expandable ? React.createElement(S.RowExpander, null, React.createElement(Button.Expander, {
+      return expandable ? /*#__PURE__*/React.createElement(S.RowExpander, null, /*#__PURE__*/React.createElement(Button.Expander, {
         expanded: expanded,
         onClick: function onClick(e) {
           return onExpand(record, e);
         }
-      })) : React.createElement(S.RowExpander, null, React.createElement(Icon, {
-        component: React.createElement(ChildRowLeftDownM, null),
+      })) : /*#__PURE__*/React.createElement(S.RowExpander, null, /*#__PURE__*/React.createElement(Icon, {
+        component: /*#__PURE__*/React.createElement(ChildRowLeftDownM, null),
         color: theme.palette['grey-400']
       }));
     },

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",