@synerise/ds-table 0.41.3 → 0.42.3

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.42.3](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.42.2...@synerise/ds-table@0.42.3) (2021-11-22)
+
+**Note:** Version bump only for package @synerise/ds-table
+
+
+
+
+
+## [0.42.2](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.42.1...@synerise/ds-table@0.42.2) (2021-11-16)
+
+**Note:** Version bump only for package @synerise/ds-table
+
+
+
+
+
+## [0.42.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.41.3...@synerise/ds-table@0.42.1) (2021-11-09)
+
+**Note:** Version bump only for package @synerise/ds-table
+
+
+
+
+
+# [0.42.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.41.3...@synerise/ds-table@0.42.0) (2021-11-09)
+
+**Note:** Version bump only for package @synerise/ds-table
+
+
+
+
+
 ## [0.41.3](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.41.2...@synerise/ds-table@0.41.3) (2021-11-05)
 
 **Note:** Version bump only for package @synerise/ds-table

package/dist/Cell/Action/ActionCell.js

@@ -7,7 +7,7 @@ var ActionCell = function ActionCell(_ref) {
       gapSize = _ref$gapSize === void 0 ? 24 : _ref$gapSize,
       _ref$contentAlign = _ref.contentAlign,
       contentAlign = _ref$contentAlign === void 0 ? 'right' : _ref$contentAlign;
-  return React.createElement(S.ActionCell, {
+  return /*#__PURE__*/React.createElement(S.ActionCell, {
     gapSize: gapSize,
     contentAlign: contentAlign
   }, children);

package/dist/Cell/Action/ActionCell.styles.js

@@ -11,5 +11,5 @@ export var ActionCell = styled.div.withConfig({
 })(["display:flex;align-items:center;justify-content:", ";& > *{margin-right:", ";&:last-child{margin-right:0;}}"], function (props) {
   return align[props.contentAlign];
 }, function (props) {
-  return "".concat(props.gapSize, "px");
+  return props.gapSize + "px";
 });

package/dist/Cell/Action/ActionCell.types.js

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

package/dist/Cell/AvatarLabel/AvatarLabel.js

@@ -14,21 +14,21 @@ var AvatarLabel = function AvatarLabel(_ref) {
       maxWidth = _ref.maxWidth,
       avatarSize = _ref.avatarSize,
       loader = _ref.loader;
-  return React.createElement(S.AvatarLabel, null, icon && React.createElement(S.Icon, null, icon), React.createElement(S.Avatar, {
+  return /*#__PURE__*/React.createElement(S.AvatarLabel, null, icon && /*#__PURE__*/React.createElement(S.Icon, null, icon), /*#__PURE__*/React.createElement(S.Avatar, {
     onClick: avatarAction,
     clickable: Boolean(avatarAction)
-  }, avatar), React.createElement(S.Description, null, React.createElement(S.Title, {
+  }, avatar), /*#__PURE__*/React.createElement(S.Description, null, /*#__PURE__*/React.createElement(S.Title, {
     ellipsis: Boolean(ellipsis),
     maxWidth: maxWidth,
     avatarSize: avatarSize
-  }, title), labels === null || labels === void 0 ? void 0 : labels.map(function (label) {
-    return React.createElement(S.Label, {
+  }, title), labels == null ? void 0 : labels.map(function (label) {
+    return /*#__PURE__*/React.createElement(S.Label, {
       key: uuid(),
       textSize: textSize,
       ellipsis: Boolean(ellipsis),
       maxWidth: maxWidth
     }, label);
-  }), loader && React.createElement(S.Loader, null, loader)));
+  }), loader && /*#__PURE__*/React.createElement(S.Loader, null, loader)));
 };
 
 export default AvatarLabel;

package/dist/Cell/AvatarLabel/AvatarLabel.styles.js

@@ -19,7 +19,7 @@ export var Title = styled.span.withConfig({
 })(["font-size:14px;line-height:20px;font-weight:500;color:", ";", ";"], function (props) {
   return props.theme.palette['grey-700'];
 }, function (props) {
-  return props.ellipsis && css(["text-overflow:ellipsis;overflow:hidden;max-width:", ";"], props.maxWidth ? "".concat(props.maxWidth, "px") : '100%');
+  return props.ellipsis && css(["text-overflow:ellipsis;overflow:hidden;max-width:", ";"], props.maxWidth ? props.maxWidth + "px" : '100%');
 });
 export var Label = styled.span.withConfig({
   displayName: "AvatarLabelstyles__Label",
@@ -29,7 +29,7 @@ export var Label = styled.span.withConfig({
 }, function (props) {
   return props.textSize === 'default' ? '4px' : '0px';
 }, function (props) {
-  return props.ellipsis && css(["text-overflow:ellipsis;overflow:hidden;max-width:", ";"], props.maxWidth ? "".concat(props.maxWidth, "px") : '100%');
+  return props.ellipsis && css(["text-overflow:ellipsis;overflow:hidden;max-width:", ";"], props.maxWidth ? props.maxWidth + "px" : '100%');
 });
 export var Icon = styled.div.withConfig({
   displayName: "AvatarLabelstyles__Icon",

package/dist/Cell/AvatarLabel/AvatarLabel.types.js

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

package/dist/Cell/Copyable/Copyable.styles.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon/dist/Icon.styles'; // eslint-disable-next-line import/prefer-default-export
+import { IconContainer } from '@synerise/ds-icon'; // eslint-disable-next-line import/prefer-default-export
 
 export var Copyable = styled.div.withConfig({
   displayName: "Copyablestyles__Copyable",

package/dist/Cell/Copyable/Copyable.types.js

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

package/dist/Cell/Copyable/CopyableCell.js

@@ -1,19 +1,6 @@
-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 { CopyClipboardM } from '@synerise/ds-icon/dist/icons';
 import * as copy from 'copy-to-clipboard';
-import Icon from '@synerise/ds-icon';
+import Icon, { CopyClipboardM } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
 import * as S from './Copyable.styles';
 
@@ -24,9 +11,8 @@ var CopyableCell = function CopyableCell(_ref) {
       tooltipTimeout = _ref$tooltipTimeout === void 0 ? 2000 : _ref$tooltipTimeout;
 
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      tooltipVisible = _React$useState2[0],
-      setTooltipVisible = _React$useState2[1];
+      tooltipVisible = _React$useState[0],
+      setTooltipVisible = _React$useState[1];
 
   React.useEffect(function () {
     var timer = setTimeout(function () {
@@ -39,13 +25,13 @@ var CopyableCell = function CopyableCell(_ref) {
   var handleCopy = React.useCallback(function () {
     if (copy(value)) setTooltipVisible(true);
   }, [value]);
-  return React.createElement(S.Copyable, null, React.createElement("span", null, value), React.createElement(Tooltip, {
+  return /*#__PURE__*/React.createElement(S.Copyable, null, /*#__PURE__*/React.createElement("span", null, value), /*#__PURE__*/React.createElement(Tooltip, {
     visible: tooltipVisible,
     title: confirmMessage,
     placement: "left"
-  }, React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     onClick: handleCopy,
-    component: React.createElement(CopyClipboardM, null)
+    component: /*#__PURE__*/React.createElement(CopyClipboardM, null)
   })));
 };
 

package/dist/Cell/Editable/EditableCell.js

@@ -1,18 +1,5 @@
-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 { EditNolineS } from '@synerise/ds-icon/dist/icons';
-import Icon from '@synerise/ds-icon';
+import Icon, { EditNolineS } from '@synerise/ds-icon';
 import { Input } from '@synerise/ds-input';
 import * as S from './EditableCell.styles';
 
@@ -22,20 +9,20 @@ var EditableCell = function EditableCell(_ref) {
       placeholder = _ref.placeholder;
 
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      editMode = _React$useState2[0],
-      setEditMode = _React$useState2[1];
+      editMode = _React$useState[0],
+      setEditMode = _React$useState[1];
 
-  var _React$useState3 = React.useState(value || ''),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      editValue = _React$useState4[0],
-      setEditValue = _React$useState4[1];
+  var _React$useState2 = React.useState(value || ''),
+      editValue = _React$useState2[0],
+      setEditValue = _React$useState2[1];
 
   var enterEditMode = React.useCallback(function () {
     setEditMode(true);
   }, [setEditMode]);
   var render = React.useMemo(function () {
-    return editMode ? // eslint-disable-next-line react/jsx-handler-names
+    return editMode ?
+    /*#__PURE__*/
+    // eslint-disable-next-line react/jsx-handler-names
     React.createElement(Input, {
       value: editValue,
       autoFocus: true,
@@ -48,14 +35,14 @@ var EditableCell = function EditableCell(_ref) {
         setEditMode(false);
         onChange(editValue);
       }
-    }) : React.createElement(React.Fragment, null, React.createElement(S.Value, {
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Value, {
       asPlaceholder: !value
-    }, value || placeholder), React.createElement(Icon, {
+    }, value || placeholder), /*#__PURE__*/React.createElement(Icon, {
       onClick: enterEditMode,
-      component: React.createElement(EditNolineS, null)
+      component: /*#__PURE__*/React.createElement(EditNolineS, null)
     }));
   }, [editMode, value, enterEditMode, editValue, setEditValue, onChange, placeholder]);
-  return React.createElement(S.EditableCell, null, render);
+  return /*#__PURE__*/React.createElement(S.EditableCell, null, render);
 };
 
 export default EditableCell;

package/dist/Cell/Editable/EditableCell.styles.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon/dist/Icon.styles';
+import { IconContainer } from '@synerise/ds-icon';
 export var EditableCell = styled.div.withConfig({
   displayName: "EditableCellstyles__EditableCell",
   componentId: "ahr0lx-0"

package/dist/Cell/Editable/EditableCell.types.js

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

package/dist/Cell/FlagLabel/FlagLabelCell.js

@@ -5,10 +5,10 @@ import * as S from './FlagLabelCell.styles';
 var FlagLabelCell = function FlagLabelCell(_ref) {
   var countryCode = _ref.countryCode,
       label = _ref.label;
-  return React.createElement(S.FlagLabel, null, React.createElement(DSFlag, {
+  return /*#__PURE__*/React.createElement(S.FlagLabel, null, /*#__PURE__*/React.createElement(DSFlag, {
     country: countryCode,
     size: 20
-  }), React.createElement("span", null, label));
+  }), /*#__PURE__*/React.createElement("span", null, label));
 };
 
 export default FlagLabelCell;

package/dist/Cell/FlagLabel/FlagLabelCell.types.js

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

package/dist/Cell/IconLabel/IconLabel.js

@@ -5,7 +5,7 @@ import * as S from './IconLabel.styles';
 var IconLabelCell = function IconLabelCell(_ref) {
   var label = _ref.label,
       icon = _ref.icon;
-  return React.createElement(S.IconLabelCell, null, React.createElement(Icon, icon), React.createElement("span", null, label));
+  return /*#__PURE__*/React.createElement(S.IconLabelCell, null, /*#__PURE__*/React.createElement(Icon, icon), /*#__PURE__*/React.createElement("span", null, label));
 };
 
 export default IconLabelCell;

package/dist/Cell/IconLabel/IconLabel.styles.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon/dist/Icon.styles'; // eslint-disable-next-line import/prefer-default-export
+import { IconContainer } from '@synerise/ds-icon'; // eslint-disable-next-line import/prefer-default-export
 
 export var IconLabelCell = styled.span.withConfig({
   displayName: "IconLabelstyles__IconLabelCell",

package/dist/Cell/IconLabel/IconLabel.types.d.ts

@@ -1,4 +1,4 @@
-import { IconProps } from '@synerise/ds-icon/dist/Icon.types';
+import { IconProps } from '@synerise/ds-icon';
 export interface Props {
     label: string;
     icon: IconProps;

package/dist/Cell/IconLabel/IconLabel.types.js

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

package/dist/Cell/IconTooltipCell/IconTooltipCell.js

@@ -13,9 +13,9 @@ var IconTooltipCell = function IconTooltipCell(_ref) {
       tooltip = _ref$tooltip === void 0 ? {} : _ref$tooltip,
       _ref$tooltipIcon = _ref.tooltipIcon,
       tooltipIcon = _ref$tooltipIcon === void 0 ? {} : _ref$tooltipIcon;
-  return React.createElement(S.IconTooltipCell, null, !!icon && React.createElement(Icon, _extends({
+  return /*#__PURE__*/React.createElement(S.IconTooltipCell, null, !!icon && /*#__PURE__*/React.createElement(Icon, _extends({
     className: "main-icon"
-  }, icon)), !!label && React.createElement(S.Label, null, label), tooltipIcon && React.createElement(Tooltip, tooltip, React.createElement(Icon, _extends({
+  }, icon)), !!label && /*#__PURE__*/React.createElement(S.Label, null, label), tooltipIcon && /*#__PURE__*/React.createElement(Tooltip, tooltip, /*#__PURE__*/React.createElement(Icon, _extends({
     className: "tooltip-icon"
   }, tooltipIcon))));
 };

package/dist/Cell/IconTooltipCell/IconTooltipCell.types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconProps } from '@synerise/ds-icon/dist/Icon.types';
+import { IconProps } from '@synerise/ds-icon';
 import TooltipExtendedProps from '@synerise/ds-tooltip/dist/Tooltip.types';
 export interface Props {
     label: string | React.ReactNode;

package/dist/Cell/IconTooltipCell/IconTooltipCell.types.js

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

package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.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 './LabelsWithShowMore.styles';
@@ -24,9 +12,8 @@ var LabelsWithShowMore = function LabelsWithShowMore(_ref) {
       loading = _ref.loading;
 
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      modalVisible = _React$useState2[0],
-      setModalVisible = _React$useState2[1];
+      modalVisible = _React$useState[0],
+      setModalVisible = _React$useState[1];
 
   var diff = React.useMemo(function () {
     return items.length - numberOfVisibleItems;
@@ -36,13 +23,13 @@ var LabelsWithShowMore = function LabelsWithShowMore(_ref) {
       return item[labelKey];
     }).join(', ');
   }, [items, labelKey, numberOfVisibleItems]);
-  return React.createElement(S.CellWrapper, null, React.createElement(S.Labels, null, labels), diff > 0 && React.createElement(Tooltip, {
-    title: "".concat(texts.tooltip)
-  }, React.createElement(S.MoreInfo, {
+  return /*#__PURE__*/React.createElement(S.CellWrapper, null, /*#__PURE__*/React.createElement(S.Labels, null, labels), diff > 0 && /*#__PURE__*/React.createElement(Tooltip, {
+    title: "" + texts.tooltip
+  }, /*#__PURE__*/React.createElement(S.MoreInfo, {
     onClick: function onClick() {
       return setModalVisible(true);
     }
-  }, "+", diff)), React.createElement(DetailsModal, {
+  }, "+", diff)), /*#__PURE__*/React.createElement(DetailsModal, {
     visible: modalVisible,
     hide: function hide() {
       return setModalVisible(false);

package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.types.js

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

package/dist/Cell/LabelsWithShowMore/Modal/Modal.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 Modal from '@synerise/ds-modal';
 import SearchInput from '@synerise/ds-search/dist/Elements/SearchInput/SearchInput';
@@ -25,9 +13,8 @@ var DetailsModal = function DetailsModal(_ref) {
       loading = _ref.loading;
 
   var _React$useState = React.useState(''),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      searchQuery = _React$useState2[0],
-      setSearchQuery = _React$useState2[1];
+      searchQuery = _React$useState[0],
+      setSearchQuery = _React$useState[1];
 
   var columns = React.useMemo(function () {
     return [{
@@ -41,7 +28,7 @@ var DetailsModal = function DetailsModal(_ref) {
       return item[labelKey].toLowerCase().includes(searchQuery.toLowerCase());
     }) : items;
   }, [items, labelKey, searchQuery]);
-  return React.createElement(Modal, {
+  return /*#__PURE__*/React.createElement(Modal, {
     size: "small",
     visible: visible,
     title: texts.modalTitle,
@@ -51,7 +38,7 @@ var DetailsModal = function DetailsModal(_ref) {
       padding: 0
     },
     footer: null
-  }, React.createElement(VirtualTable, {
+  }, /*#__PURE__*/React.createElement(VirtualTable, {
     scroll: {
       y: 500,
       x: 0
@@ -59,12 +46,12 @@ var DetailsModal = function DetailsModal(_ref) {
     cellHeight: 64,
     initialWidth: 500,
     dataSource: filteredItems,
-    title: "".concat(filteredItems.length, " ").concat(texts.records),
+    title: filteredItems.length + " " + texts.records,
     columns: columns,
     loading: loading,
     showHeader: false,
     rowKey: "key",
-    searchComponent: React.createElement(SearchInput, {
+    searchComponent: /*#__PURE__*/React.createElement(SearchInput, {
       clearTooltip: texts.searchClear,
       placeholder: texts.searchPlaceholder,
       onChange: function onChange(value) {

package/dist/Cell/LabelsWithShowMore/Modal/Modal.types.js

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

package/dist/Cell/Star/StarCell.js

@@ -1,7 +1,6 @@
 import * as React from 'react';
-import { StarFillM, StarM } from '@synerise/ds-icon/dist/icons';
 import { withTheme } from 'styled-components';
-import Icon from '@synerise/ds-icon';
+import Icon, { StarFillM, StarM } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
 import * as S from './StarCell.styles';
 
@@ -12,20 +11,20 @@ var StartCell = function StartCell(_ref) {
       theme = _ref.theme,
       starTooltip = _ref.starTooltip;
   var icon = React.useMemo(function () {
-    return active ? React.createElement(Icon, {
-      component: React.createElement(StarFillM, null),
+    return active ? /*#__PURE__*/React.createElement(Icon, {
+      component: /*#__PURE__*/React.createElement(StarFillM, null),
       color: theme.palette['yellow-600']
-    }) : React.createElement(Icon, {
-      component: React.createElement(StarM, null),
+    }) : /*#__PURE__*/React.createElement(Icon, {
+      component: /*#__PURE__*/React.createElement(StarM, null),
       color: theme.palette['grey-300']
     });
   }, [active, theme.palette]);
-  return React.createElement(S.StarCell, null, React.createElement(Tooltip, {
+  return /*#__PURE__*/React.createElement(S.StarCell, null, /*#__PURE__*/React.createElement(Tooltip, {
     align: {
       offset: [0, 8]
     },
     title: starTooltip
-  }, React.createElement(S.StarredIcon, {
+  }, /*#__PURE__*/React.createElement(S.StarredIcon, {
     active: active,
     component: icon,
     onClick: onClick

package/dist/Cell/Star/StarCell.styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconProps } from '@synerise/ds-icon/dist/Icon.types';
+import { IconProps } from '@synerise/ds-icon';
 export declare const StarCell: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StarredIcon: import("styled-components").StyledComponent<import("react").FC<IconProps>, any, {
     color?: string | undefined;

package/dist/Cell/Star/StarCell.styles.js

@@ -8,7 +8,7 @@ export var StarredIcon = styled(Icon).withConfig({
   displayName: "StarCellstyles__StarredIcon",
   componentId: "sc-1tyl01w-1"
 })(["margin-right:16px;", " &:hover{svg{fill:", ";}}"], function (props) {
-  return !!props.active && "&.icon.icon1.ds-icon svg {\n  fill: ".concat(props.theme.palette['yellow-600'], ";\n  }");
+  return !!props.active && "&.icon.icon1.ds-icon svg {\n  fill: " + props.theme.palette['yellow-600'] + ";\n  }";
 }, function (props) {
   return props.active ? props.theme.palette['yellow-600'] : props.onClick && props.theme.palette['blue-600'];
 });

package/dist/Cell/Star/StarCell.types.js

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

package/dist/Cell/StatusLabel/StatusLabel.js

@@ -5,9 +5,9 @@ import * as S from './StatusLabel.styles';
 var StatusLabelCell = function StatusLabelCell(_ref) {
   var status = _ref.status,
       label = _ref.label;
-  return React.createElement(S.StatusLabel, null, React.createElement(Badge, {
+  return /*#__PURE__*/React.createElement(S.StatusLabel, null, /*#__PURE__*/React.createElement(Badge, {
     status: status
-  }), React.createElement(S.Label, null, label));
+  }), /*#__PURE__*/React.createElement(S.Label, null, label));
 };
 
 export default StatusLabelCell;

package/dist/Cell/StatusLabel/StatusLabel.types.js

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

package/dist/Cell/TagIcon/TagIcon.js

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

package/dist/Cell/TagIcon/TagIcon.types.js

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

package/dist/ColumnSortMenu/SortIcons.js

@@ -1,13 +1,12 @@
 import * as React from 'react';
 import { withTheme } from 'styled-components';
-import Icon from '@synerise/ds-icon';
-import { CheckS, SortAscendingM, SortDescendingM, ArrangeM, SortAzM, SortZaM } from '@synerise/ds-icon/dist/icons';
+import Icon, { CheckS, SortAscendingM, SortDescendingM, ArrangeM, SortAzM, SortZaM } from '@synerise/ds-icon';
 
 var CheckIconBase = function CheckIconBase(_ref) {
   var isActive = _ref.isActive,
       theme = _ref.theme;
-  return isActive ? React.createElement(Icon, {
-    component: React.createElement(CheckS, null),
+  return isActive ? /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(CheckS, null),
     color: theme.palette['green-500']
   }) : null;
 };
@@ -19,21 +18,21 @@ var DefaultSortIconBase = function DefaultSortIconBase(_ref2) {
       theme = _ref2.theme;
 
   if (sortOrder === 'ascend') {
-    return React.createElement(Icon, {
-      component: React.createElement(SortAscendingM, null),
+    return /*#__PURE__*/React.createElement(Icon, {
+      component: /*#__PURE__*/React.createElement(SortAscendingM, null),
       color: theme.palette['gray-600']
     });
   }
 
   if (sortOrder === 'descend') {
-    return React.createElement(Icon, {
-      component: React.createElement(SortDescendingM, null),
+    return /*#__PURE__*/React.createElement(Icon, {
+      component: /*#__PURE__*/React.createElement(SortDescendingM, null),
       color: theme.palette['gray-600']
     });
   }
 
-  return React.createElement(Icon, {
-    component: React.createElement(ArrangeM, null),
+  return /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(ArrangeM, null),
     color: theme.palette['gray-600']
   });
 };
@@ -45,21 +44,21 @@ var StringSortIconBase = function StringSortIconBase(_ref3) {
       theme = _ref3.theme;
 
   if (sortOrder === 'ascend') {
-    return React.createElement(Icon, {
-      component: React.createElement(SortAzM, null),
+    return /*#__PURE__*/React.createElement(Icon, {
+      component: /*#__PURE__*/React.createElement(SortAzM, null),
       color: theme.palette['gray-600']
     });
   }
 
   if (sortOrder === 'descend') {
-    return React.createElement(Icon, {
-      component: React.createElement(SortZaM, null),
+    return /*#__PURE__*/React.createElement(Icon, {
+      component: /*#__PURE__*/React.createElement(SortZaM, null),
       color: theme.palette['gray-600']
     });
   }
 
-  return React.createElement(Icon, {
-    component: React.createElement(ArrangeM, null),
+  return /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(ArrangeM, null),
     color: theme.palette['gray-600']
   });
 };