@synerise/ds-table 0.60.2 → 0.60.3

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.60.3](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.60.2...@synerise/ds-table@0.60.3) (2024-11-22)
+
+**Note:** Version bump only for package @synerise/ds-table
+
+
+
+
+
 ## [0.60.2](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.60.1...@synerise/ds-table@0.60.2) (2024-11-21)
 
 

package/dist/Cell/Action/ActionCell.js

@@ -1,25 +1,19 @@
 var _excluded = ["children", "gapSize", "contentAlign"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import * as S from './ActionCell.styles';
 var DEFAULT_GAP_SIZE = 24;
-
 var ActionCell = function ActionCell(_ref) {
   var children = _ref.children,
-      _ref$gapSize = _ref.gapSize,
-      gapSize = _ref$gapSize === void 0 ? DEFAULT_GAP_SIZE : _ref$gapSize,
-      _ref$contentAlign = _ref.contentAlign,
-      contentAlign = _ref$contentAlign === void 0 ? 'right' : _ref$contentAlign,
-      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    _ref$gapSize = _ref.gapSize,
+    gapSize = _ref$gapSize === void 0 ? DEFAULT_GAP_SIZE : _ref$gapSize,
+    _ref$contentAlign = _ref.contentAlign,
+    contentAlign = _ref$contentAlign === void 0 ? 'right' : _ref$contentAlign,
+    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(S.ActionCell, _extends({
     gapSize: gapSize,
     contentAlign: contentAlign
   }, htmlAttributes), children);
 };
-
 export default React.memo(ActionCell);

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

@@ -3,8 +3,9 @@ var align = {
   left: 'flex-start',
   right: 'flex-end',
   center: 'center'
-}; // eslint-disable-next-line import/prefer-default-export
+};
 
+// eslint-disable-next-line import/prefer-default-export
 export var ActionCell = styled.div.withConfig({
   displayName: "ActionCellstyles__ActionCell",
   componentId: "d77fu5-0"

package/dist/Cell/AvatarLabel/AvatarLabel.js

@@ -1,32 +1,26 @@
 var _excluded = ["avatar", "avatarAction", "avatarLink", "title", "labels", "icon", "ellipsis", "maxWidth", "avatarSize", "loader"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import { v4 as uuid } from 'uuid';
 import * as S from './AvatarLabel.styles';
-
 var AvatarLabel = function AvatarLabel(_ref) {
   var avatar = _ref.avatar,
-      avatarAction = _ref.avatarAction,
-      avatarLink = _ref.avatarLink,
-      title = _ref.title,
-      labels = _ref.labels,
-      icon = _ref.icon,
-      ellipsis = _ref.ellipsis,
-      maxWidth = _ref.maxWidth,
-      avatarSize = _ref.avatarSize,
-      loader = _ref.loader,
-      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    avatarAction = _ref.avatarAction,
+    avatarLink = _ref.avatarLink,
+    title = _ref.title,
+    labels = _ref.labels,
+    icon = _ref.icon,
+    ellipsis = _ref.ellipsis,
+    maxWidth = _ref.maxWidth,
+    avatarSize = _ref.avatarSize,
+    loader = _ref.loader,
+    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
   var titleEllipsisProps = ellipsis ? {
     ellipsis: {
       tooltip: title
     }
   } : {};
-
   var handleLinkClick = function handleLinkClick(event) {
     if (event.metaKey || event.ctrlKey) {
       event.stopPropagation();
@@ -34,7 +28,6 @@ var AvatarLabel = function AvatarLabel(_ref) {
       event.preventDefault();
     }
   };
-
   var cellContent = /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(S.Icon, null, icon), /*#__PURE__*/React.createElement(S.Avatar, {
     clickable: Boolean(avatarAction)
   }, avatar), /*#__PURE__*/React.createElement(S.Description, null, /*#__PURE__*/React.createElement(S.Title, _extends({}, titleEllipsisProps, {
@@ -56,5 +49,4 @@ var AvatarLabel = function AvatarLabel(_ref) {
     onClick: handleLinkClick
   }, cellContent) : cellContent);
 };
-
 export default AvatarLabel;

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

@@ -1,6 +1,7 @@
 import styled from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon'; // 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",
   componentId: "bj73sz-0"

package/dist/Cell/Copyable/CopyableCell.js

@@ -1,25 +1,20 @@
 var _excluded = ["value", "confirmMessage", "tooltipTimeout"];
-
 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; }
-
 import React, { useState, useCallback, useEffect } from 'react';
 import copy from 'copy-to-clipboard';
 import Icon, { CopyClipboardM } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
 import * as S from './Copyable.styles';
 var DEFAULT_TIMEOUT = 2000;
-
 var CopyableCell = function CopyableCell(_ref) {
   var value = _ref.value,
-      confirmMessage = _ref.confirmMessage,
-      _ref$tooltipTimeout = _ref.tooltipTimeout,
-      tooltipTimeout = _ref$tooltipTimeout === void 0 ? DEFAULT_TIMEOUT : _ref$tooltipTimeout,
-      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    confirmMessage = _ref.confirmMessage,
+    _ref$tooltipTimeout = _ref.tooltipTimeout,
+    tooltipTimeout = _ref$tooltipTimeout === void 0 ? DEFAULT_TIMEOUT : _ref$tooltipTimeout,
+    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = useState(false),
-      tooltipVisible = _useState[0],
-      setTooltipVisible = _useState[1];
-
+    tooltipVisible = _useState[0],
+    setTooltipVisible = _useState[1];
   useEffect(function () {
     var timer = setTimeout(function () {
       setTooltipVisible(false);
@@ -40,5 +35,4 @@ var CopyableCell = function CopyableCell(_ref) {
     component: /*#__PURE__*/React.createElement(CopyClipboardM, null)
   })));
 };
-
 export default CopyableCell;

package/dist/Cell/Editable/EditableCell.js

@@ -1,26 +1,20 @@
 var _excluded = ["value", "onChange", "placeholder"];
-
 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; }
-
 import React, { useMemo, useCallback, useState } from 'react';
 import Icon, { EditNolineS } from '@synerise/ds-icon';
 import { Input } from '@synerise/ds-input';
 import * as S from './EditableCell.styles';
-
 var EditableCell = function EditableCell(_ref) {
   var value = _ref.value,
-      onChange = _ref.onChange,
-      placeholder = _ref.placeholder,
-      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    onChange = _ref.onChange,
+    placeholder = _ref.placeholder,
+    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = useState(false),
-      editMode = _useState[0],
-      setEditMode = _useState[1];
-
+    editMode = _useState[0],
+    setEditMode = _useState[1];
   var _useState2 = useState(value || ''),
-      editValue = _useState2[0],
-      setEditValue = _useState2[1];
-
+    editValue = _useState2[0],
+    setEditValue = _useState2[1];
   var enterEditMode = useCallback(function () {
     setEditMode(true);
   }, [setEditMode]);
@@ -49,5 +43,4 @@ var EditableCell = function EditableCell(_ref) {
   }, [editMode, value, enterEditMode, editValue, setEditValue, onChange, placeholder]);
   return /*#__PURE__*/React.createElement(S.EditableCell, htmlAttributes, render);
 };
-
 export default EditableCell;

package/dist/Cell/FlagLabel/FlagLabelCell.js

@@ -1,20 +1,15 @@
 var _excluded = ["countryCode", "label"];
-
 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; }
-
 import React from 'react';
 import DSFlag from '@synerise/ds-flag';
 import * as S from './FlagLabelCell.styles';
-
 var FlagLabelCell = function FlagLabelCell(_ref) {
   var countryCode = _ref.countryCode,
-      label = _ref.label,
-      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    label = _ref.label,
+    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(S.FlagLabel, htmlAttributes, /*#__PURE__*/React.createElement(DSFlag, {
     country: countryCode,
     size: 20
   }), /*#__PURE__*/React.createElement("span", null, label));
 };
-
 export default FlagLabelCell;

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

@@ -1,5 +1,6 @@
-import styled from 'styled-components'; // eslint-disable-next-line import/prefer-default-export
+import styled from 'styled-components';
 
+// eslint-disable-next-line import/prefer-default-export
 export var FlagLabel = styled.div.withConfig({
   displayName: "FlagLabelCellstyles__FlagLabel",
   componentId: "hckhy-0"

package/dist/Cell/IconLabel/IconLabel.js

@@ -1,17 +1,12 @@
 var _excluded = ["label", "icon"];
-
 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; }
-
 import React from 'react';
 import Icon from '@synerise/ds-icon';
 import * as S from './IconLabel.styles';
-
 var IconLabelCell = function IconLabelCell(_ref) {
   var label = _ref.label,
-      icon = _ref.icon,
-      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    icon = _ref.icon,
+    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(S.IconLabelCell, htmlAttributes, /*#__PURE__*/React.createElement(Icon, icon), /*#__PURE__*/React.createElement("span", null, label));
 };
-
 export default IconLabelCell;

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

@@ -1,6 +1,7 @@
 import styled from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon'; // 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",
   componentId: "sc-1y3fuli-0"

package/dist/Cell/IconTooltipCell/IconTooltipCell.js

@@ -1,29 +1,23 @@
 var _excluded = ["label", "icon", "tooltip", "tooltipIcon"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import Icon from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
 import * as S from './IconTooltipCell.styles';
-
 var IconTooltipCell = function IconTooltipCell(_ref) {
   var label = _ref.label,
-      _ref$icon = _ref.icon,
-      icon = _ref$icon === void 0 ? {} : _ref$icon,
-      _ref$tooltip = _ref.tooltip,
-      tooltip = _ref$tooltip === void 0 ? {} : _ref$tooltip,
-      _ref$tooltipIcon = _ref.tooltipIcon,
-      tooltipIcon = _ref$tooltipIcon === void 0 ? {} : _ref$tooltipIcon,
-      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? {} : _ref$icon,
+    _ref$tooltip = _ref.tooltip,
+    tooltip = _ref$tooltip === void 0 ? {} : _ref$tooltip,
+    _ref$tooltipIcon = _ref.tooltipIcon,
+    tooltipIcon = _ref$tooltipIcon === void 0 ? {} : _ref$tooltipIcon,
+    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(S.IconTooltipCell, htmlAttributes, !!icon && /*#__PURE__*/React.createElement(Icon, _extends({
     className: "main-icon"
   }, icon)), !!label && /*#__PURE__*/React.createElement(S.Label, null, label), tooltipIcon && /*#__PURE__*/React.createElement(Tooltip, tooltip, /*#__PURE__*/React.createElement(Icon, _extends({
     className: "tooltip-icon"
   }, tooltipIcon))));
 };
-
 export default IconTooltipCell;

package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.js

@@ -1,25 +1,20 @@
 var _excluded = ["items", "numberOfVisibleItems", "renderItem", "labelKey", "texts", "loading"];
-
 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; }
-
 import React, { useState, useMemo } from 'react';
 import Tooltip from '@synerise/ds-tooltip';
 import * as S from './LabelsWithShowMore.styles';
 import DetailsModal from './Modal/Modal';
-
 var LabelsWithShowMore = function LabelsWithShowMore(_ref) {
   var items = _ref.items,
-      numberOfVisibleItems = _ref.numberOfVisibleItems,
-      renderItem = _ref.renderItem,
-      labelKey = _ref.labelKey,
-      texts = _ref.texts,
-      loading = _ref.loading,
-      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    numberOfVisibleItems = _ref.numberOfVisibleItems,
+    renderItem = _ref.renderItem,
+    labelKey = _ref.labelKey,
+    texts = _ref.texts,
+    loading = _ref.loading,
+    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = useState(false),
-      modalVisible = _useState[0],
-      setModalVisible = _useState[1];
-
+    modalVisible = _useState[0],
+    setModalVisible = _useState[1];
   var diff = useMemo(function () {
     return items.length - numberOfVisibleItems;
   }, [items, numberOfVisibleItems]);
@@ -46,5 +41,4 @@ var LabelsWithShowMore = function LabelsWithShowMore(_ref) {
     loading: loading
   }));
 };
-
 export default LabelsWithShowMore;

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

@@ -2,20 +2,17 @@ import React from 'react';
 import Modal from '@synerise/ds-modal';
 import SearchInput from '@synerise/ds-search/dist/Elements/SearchInput/SearchInput';
 import VirtualTable from '../../../VirtualTable/VirtualTable';
-
 var DetailsModal = function DetailsModal(_ref) {
   var visible = _ref.visible,
-      hide = _ref.hide,
-      items = _ref.items,
-      texts = _ref.texts,
-      renderItem = _ref.renderItem,
-      labelKey = _ref.labelKey,
-      loading = _ref.loading;
-
+    hide = _ref.hide,
+    items = _ref.items,
+    texts = _ref.texts,
+    renderItem = _ref.renderItem,
+    labelKey = _ref.labelKey,
+    loading = _ref.loading;
   var _React$useState = React.useState(''),
-      searchQuery = _React$useState[0],
-      setSearchQuery = _React$useState[1];
-
+    searchQuery = _React$useState[0],
+    setSearchQuery = _React$useState[1];
   var columns = React.useMemo(function () {
     return [{
       dataIndex: labelKey,
@@ -66,5 +63,4 @@ var DetailsModal = function DetailsModal(_ref) {
     hideColumnNames: true
   }));
 };
-
 export default DetailsModal;

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

@@ -8,12 +8,14 @@ declare const _default: React.ForwardRefExoticComponent<{
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
@@ -35,7 +37,6 @@ declare const _default: React.ForwardRefExoticComponent<{
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -46,12 +47,12 @@ declare const _default: React.ForwardRefExoticComponent<{
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
+    unselectable?: "off" | "on" | undefined;
     inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
     "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-colcount"?: number | undefined;

package/dist/Cell/Star/StarCell.js

@@ -1,21 +1,17 @@
 var _excluded = ["children", "active", "onClick", "theme", "starTooltip"];
-
 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; }
-
 import React, { useMemo } from 'react';
 import { withTheme } from 'styled-components';
 import Icon, { StarFillM, StarM } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
 import * as S from './StarCell.styles';
-
 var StarCell = function StarCell(_ref) {
   var children = _ref.children,
-      active = _ref.active,
-      onClick = _ref.onClick,
-      theme = _ref.theme,
-      starTooltip = _ref.starTooltip,
-      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    active = _ref.active,
+    onClick = _ref.onClick,
+    theme = _ref.theme,
+    starTooltip = _ref.starTooltip,
+    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
   var icon = useMemo(function () {
     return active ? /*#__PURE__*/React.createElement(Icon, {
       component: /*#__PURE__*/React.createElement(StarFillM, null),
@@ -36,5 +32,4 @@ var StarCell = function StarCell(_ref) {
     onClick: onClick
   })), children);
 };
-
 export default withTheme(StarCell);

package/dist/Cell/StatusLabel/StatusLabel.js

@@ -1,21 +1,16 @@
 var _excluded = ["status", "label", "customColor"];
-
 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; }
-
 import React from 'react';
 import Badge from '@synerise/ds-badge';
 import * as S from './StatusLabel.styles';
-
 var StatusLabelCell = function StatusLabelCell(_ref) {
   var status = _ref.status,
-      label = _ref.label,
-      customColor = _ref.customColor,
-      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    label = _ref.label,
+    customColor = _ref.customColor,
+    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(S.StatusLabel, htmlAttributes, /*#__PURE__*/React.createElement(Badge, {
     customColor: customColor,
     status: status
   }), /*#__PURE__*/React.createElement(S.Label, null, label));
 };
-
 export default StatusLabelCell;

package/dist/Cell/TagIcon/TagIcon.js

@@ -1,15 +1,10 @@
 var _excluded = ["children"];
-
 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; }
-
 import React from 'react';
 import * as S from './TagIcon.styles';
-
 var TagIconCell = function TagIconCell(_ref) {
   var children = _ref.children,
-      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(S.TagIcon, htmlAttributes, " ", children, " ");
 };
-
 export default TagIconCell;

package/dist/Cell/TagIcon/TagIcon.styles.js

@@ -1,6 +1,7 @@
 import styled from 'styled-components';
-import { Tag } from '@synerise/ds-tags/dist/Tag/Tag.styles'; // eslint-disable-next-line import/prefer-default-export
+import { Tag } from '@synerise/ds-tags/dist/Tag/Tag.styles';
 
+// eslint-disable-next-line import/prefer-default-export
 export var TagIcon = styled.div.withConfig({
   displayName: "TagIconstyles__TagIcon",
   componentId: "o88sq0-0"

package/dist/ColumnSortMenu/SortIcons.js

@@ -1,66 +1,54 @@
 import React from 'react';
 import { withTheme } from 'styled-components';
 import Icon, { CheckS, SortAscendingM, SortDescendingM, ArrangeM, SortAzM, SortZaM } from '@synerise/ds-icon';
-
 var CheckIconBase = function CheckIconBase(_ref) {
   var isActive = _ref.isActive,
-      theme = _ref.theme;
+    theme = _ref.theme;
   return isActive ? /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(CheckS, null),
     color: theme.palette['green-500']
   }) : null;
 };
-
 export var CheckIcon = withTheme(CheckIconBase);
-
 var DefaultSortIconBase = function DefaultSortIconBase(_ref2) {
   var sortOrder = _ref2.sortOrder,
-      theme = _ref2.theme;
-
+    theme = _ref2.theme;
   if (sortOrder === 'ascend') {
     return /*#__PURE__*/React.createElement(Icon, {
       component: /*#__PURE__*/React.createElement(SortAscendingM, null),
       color: theme.palette['gray-600']
     });
   }
-
   if (sortOrder === 'descend') {
     return /*#__PURE__*/React.createElement(Icon, {
       component: /*#__PURE__*/React.createElement(SortDescendingM, null),
       color: theme.palette['gray-600']
     });
   }
-
   return /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(ArrangeM, null),
     color: theme.palette['gray-600']
   });
 };
-
 export var DefaultSortIcon = withTheme(DefaultSortIconBase);
-
 var StringSortIconBase = function StringSortIconBase(_ref3) {
   var sortOrder = _ref3.sortOrder,
-      theme = _ref3.theme;
-
+    theme = _ref3.theme;
   if (sortOrder === 'ascend') {
     return /*#__PURE__*/React.createElement(Icon, {
       component: /*#__PURE__*/React.createElement(SortAzM, null),
       color: theme.palette['gray-600']
     });
   }
-
   if (sortOrder === 'descend') {
     return /*#__PURE__*/React.createElement(Icon, {
       component: /*#__PURE__*/React.createElement(SortZaM, null),
       color: theme.palette['gray-600']
     });
   }
-
   return /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(ArrangeM, null),
     color: theme.palette['gray-600']
   });
 };
-
 export var StringSortIcon = withTheme(StringSortIconBase);

package/dist/ColumnSortMenu/SortRenderer.js

@@ -7,24 +7,20 @@ import { useTableLocaleContext } from '../utils/locale';
 import * as S from './SortRender.styles';
 import { toSortOrder } from './useSortState';
 import { CheckIcon, DefaultSortIcon, StringSortIcon } from './SortIcons';
-
 var handleButtonClick = function handleButtonClick(event) {
   event.stopPropagation();
 };
-
 export var CommonRenderer = function CommonRenderer(_ref) {
   var column = _ref.column,
-      sortStateApi = _ref.sortStateApi;
+    sortStateApi = _ref.sortStateApi;
   var getColumnSortOrder = sortStateApi.getColumnSortOrder,
-      setColumnSortOrder = sortStateApi.setColumnSortOrder;
+    setColumnSortOrder = sortStateApi.setColumnSortOrder;
   var columnKey = String(column.key);
   var columnSortOrder = column.key ? getColumnSortOrder(columnKey) : null;
   var onSortOrderChange = partial(setColumnSortOrder, columnKey);
-
   var _useState = useState(false),
-      isDropdownVisible = _useState[0],
-      setIsDropdownVisible = _useState[1];
-
+    isDropdownVisible = _useState[0],
+    setIsDropdownVisible = _useState[1];
   var locale = useTableLocaleContext();
   return /*#__PURE__*/React.createElement(Dropdown, {
     onVisibleChange: function onVisibleChange(isVisible) {
@@ -80,17 +76,15 @@ export var CommonRenderer = function CommonRenderer(_ref) {
 };
 export var StringRenderer = function StringRenderer(_ref3) {
   var column = _ref3.column,
-      sortStateApi = _ref3.sortStateApi;
+    sortStateApi = _ref3.sortStateApi;
   var getColumnSortOrder = sortStateApi.getColumnSortOrder,
-      setColumnSortOrder = sortStateApi.setColumnSortOrder;
+    setColumnSortOrder = sortStateApi.setColumnSortOrder;
   var columnKey = String(column.key);
   var columnSortOrder = column.key ? getColumnSortOrder(columnKey) : null;
   var onSortOrderChange = partial(setColumnSortOrder, columnKey);
-
   var _useState2 = useState(false),
-      isDropdownVisible = _useState2[0],
-      setIsDropdownVisible = _useState2[1];
-
+    isDropdownVisible = _useState2[0],
+    setIsDropdownVisible = _useState2[1];
   var locale = useTableLocaleContext();
   return /*#__PURE__*/React.createElement(Dropdown, {
     onVisibleChange: function onVisibleChange(isVisible) {