@synerise/ds-table 1.3.1 → 1.4.0

package/dist/GroupTable/GroupTable.js

@@ -1,14 +1,14 @@
 var _excluded = ["rows"];
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { flow } from 'lodash';
 import Table from 'antd/lib/table';
-import { columnsToSortState, useSortState } from '../ColumnSortMenu/useSortState';
+import { flow } from 'lodash';
+import React from 'react';
 import { columnWithSortButtons } from '../ColumnSortMenu/columnWithSortButtons';
-import GroupTableBody from './GroupTableBody/GroupTableBody';
-import "../style/index.css";
 import { getColumnsWithActiveSorting, sortDataSourceRows } from '../ColumnSortMenu/groupedColumnsSort';
+import { columnsToSortState, useSortState } from '../ColumnSortMenu/useSortState';
+import "../style/index.css";
+import GroupTableBody from './GroupTableBody/GroupTableBody';
 var addActiveColumnClass = function addActiveColumnClass(activeColumn) {
   return function (column) {
     return column.key === activeColumn ? _extends({}, column, {
@@ -36,8 +36,6 @@ var addSortClassByState = function addSortClassByState(sortStateApi) {
     }) : column;
   };
 };
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function GroupTable(props) {
   var selection = props.selection,
     rowKey = props.rowKey,
@@ -104,9 +102,7 @@ function GroupTable(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "ds-table ds-table-cell-size-" + cellSize + " " + (roundedHeader ? 'ds-table-rounded' : '')
   }, /*#__PURE__*/React.createElement(Table, _extends({}, props, {
-    dataSource: sortedRowsData
-    // @ts-ignore: FIXME: antd table columns type is not compatible with DS
-    ,
+    dataSource: sortedRowsData,
     columns: decoratedColumns,
     components: {
       body: {
@@ -120,7 +116,7 @@ function GroupTable(props) {
             allItems: allItems,
             expanded: expandedGroups.indexOf(record['data-row-key']) >= 0,
             expandGroup: toggleExpand
-            // @ts-ignore: FIXME: Type 'DSColumnType<T>[]' is not assignable to type 'GroupColumnsType<T>[]'.
+            // @ts-expect-error: FIXME: Type 'DSColumnType<T>[]' is not assignable to type 'GroupColumnsType<T>[]'.
             ,
             columns: columnsWithCustomSorting,
             addItem: addItem,
@@ -130,7 +126,7 @@ function GroupTable(props) {
         }
       }
     }
-    // @ts-ignore
+    // @ts-expect-error  Type 'undefined' is not assignable to type 'INTERNAL_SELECTION_ITEM'.
     ,
     rowSelection: selection && _extends({}, selection, {
       columnWidth: 64

package/dist/GroupTable/GroupTable.styles.js

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
-import { StatusTag } from '@synerise/ds-status/dist/Status.styles';
 import Button from '@synerise/ds-button';
 import { CheckboxWrapper } from '@synerise/ds-checkbox/dist/Checkbox.styles';
+import { StatusTag } from '@synerise/ds-status/dist/Status.styles';
 export var GroupAddItemButton = styled(Button).withConfig({
   displayName: "GroupTablestyles__GroupAddItemButton",
   componentId: "sc-1whlllx-0"
@@ -48,11 +48,17 @@ export var SubRow = styled.td.withConfig({
   var theme = _ref2.theme,
     selected = _ref2.selected,
     sorted = _ref2.sorted;
-  if (selected) return theme.palette['yellow-050'] + ";";
-  if (sorted) return theme.palette['blue-050'] + ";";
+  if (selected) {
+    return theme.palette['yellow-050'] + ";";
+  }
+  if (sorted) {
+    return theme.palette['blue-050'] + ";";
+  }
   return "";
 }, function (props) {
-  if (props.selected || props.sorted) return '500';
+  if (props.selected || props.sorted) {
+    return '500';
+  }
   return 'initial';
 }, function (props) {
   return props.theme.palette['grey-600'];

package/dist/GroupTable/GroupTableBody/GroupTableBody.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { Props } from './GroupTableBody.types';
-declare function GroupTableBody<T extends unknown>({ group, columns, rowKey, selection, allItems, expanded, expandGroup, addItem, activeGroup, hideGroupExpander, }: Props<T>): JSX.Element;
+import { type Props } from './GroupTableBody.types';
+declare function GroupTableBody<T>({ group, columns, rowKey, selection, allItems, expanded, expandGroup, addItem, activeGroup, hideGroupExpander, }: Props<T>): JSX.Element;
 export default GroupTableBody;

package/dist/GroupTable/GroupTableBody/GroupTableBody.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import Checkbox from '@synerise/ds-checkbox';
-import Status from '@synerise/ds-status';
 import Button from '@synerise/ds-button';
+import Checkbox from '@synerise/ds-checkbox';
 import Icon, { AddS } from '@synerise/ds-icon';
+import Status from '@synerise/ds-status';
+import { useRowKey } from '../../hooks/useRowKey';
 import * as S from '../GroupTable.styles';
 import { GROUP_BY } from '../GroupTable.types';
-import { useRowKey } from '../../hooks/useRowKey';
 function GroupTableBody(_ref) {
   var group = _ref.group,
     columns = _ref.columns,
@@ -53,7 +53,7 @@ function GroupTableBody(_ref) {
     indeterminate: selectedRowsNumber > 0 && selectedRowsNumber < allRowKeys.length,
     onChange: function onChange(event) {
       if (event.target.checked) {
-        var selectedKeys = Array.from(new Set([].concat(selection == null ? void 0 : selection.selectedRowKeys, allRowKeys)));
+        var selectedKeys = Array.from(new Set([].concat((selection == null ? void 0 : selection.selectedRowKeys) || [], allRowKeys)));
         selection.onChange(selectedKeys, allItems.filter(function (item) {
           return selectedKeys.indexOf(getRowKey(item)) >= 0;
         }));

package/dist/GroupTable/GroupTableBody/GroupTableBody.types.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { RowSelection } from '../../Table.types';
-import { GroupColumnsType, GroupType } from '../GroupTable.types';
-export interface Props<T extends unknown> {
+import type React from 'react';
+import { type RowSelection } from '../../Table.types';
+import { type GroupColumnsType, type GroupType } from '../GroupTable.types';
+export interface Props<T> {
     group: any;
     rowKey: string | Function | undefined;
     selection?: RowSelection<T>;

package/dist/GroupTable/GroupTableHeader/GroupTableHeader.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { Props } from './GroupTableHeader.types';
-declare function GroupTableHeader<T extends unknown>({ header, activeColumnKey, sortColumn }: Props<T>): JSX.Element;
+import { type Props } from './GroupTableHeader.types';
+declare function GroupTableHeader<T>({ header, activeColumnKey, sortColumn, }: Props<T>): JSX.Element;
 export default GroupTableHeader;

package/dist/GroupTable/GroupTableHeader/GroupTableHeader.types.d.ts

@@ -1,4 +1,4 @@
-export interface Props<T extends unknown> {
+export interface Props<T> {
     header: any;
     activeColumnKey?: string;
     sortColumn: (column: T) => void;

package/dist/InfiniteScroll/BackToTopButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ButtonProps } from '@synerise/ds-button';
+import { type ButtonProps } from '@synerise/ds-button';
 export declare const BackToTopButton: (props: ButtonProps & {
     isSticky?: boolean;
 }) => React.ReactElement;

package/dist/InfiniteScroll/ErrorItem.js

@@ -2,8 +2,8 @@ import React from 'react';
 import Alert from '@synerise/ds-alert';
 import Button from '@synerise/ds-button';
 import Icon, { RefreshM } from '@synerise/ds-icon';
-import * as S from './ErrorItem.styles';
 import { useTableLocaleContext } from '../utils/locale';
+import * as S from './ErrorItem.styles';
 export var ErrorItem = function ErrorItem(_ref) {
   var onRetryClick = _ref.onRetryClick;
   var tableLocale = useTableLocaleContext();

package/dist/InfiniteScroll/InfiniteLoaderItem.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { LoaderItemProps } from './InfiniteLoaderItem.types';
+import { type LoaderItemProps } from './InfiniteLoaderItem.types';
 declare const InfiniteLoaderItem: ({ infiniteScroll, position }: LoaderItemProps) => React.JSX.Element;
 export default InfiniteLoaderItem;

package/dist/InfiniteScroll/InfiniteLoaderItem.js

@@ -1,8 +1,8 @@
 import React, { useEffect } from 'react';
-import { infiniteScrollPropsToState } from './utils';
 import { ErrorItem } from './ErrorItem';
 import { LoadingItem } from './LoadingItem';
 import { NoMoreItem } from './NoMoreItem';
+import { infiniteScrollPropsToState } from './utils';
 var InfiniteLoaderItem = function InfiniteLoaderItem(_ref) {
   var infiniteScroll = _ref.infiniteScroll,
     position = _ref.position;
@@ -17,7 +17,7 @@ var InfiniteLoaderItem = function InfiniteLoaderItem(_ref) {
   } : undefined;
 
   // @ts-expect-error TS7030: Not all code paths return a value
-  // eslint-disable-next-line consistent-return
+
   useEffect(function () {
     if (!isLoading && hasMore) {
       if ((!position || position === 'BOTTOM') && typeof onScrollEndReach === 'function') {

package/dist/InfiniteScroll/InfiniteLoaderItem.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { type ReactElement } from 'react';
 export type LoaderItemPosition = 'TOP' | 'BOTTOM';
 export type InfiniteScrollState = {
     hasError: boolean;

package/dist/InfiniteScroll/OuterListElement.d.ts

@@ -1,3 +1,3 @@
-import React, { MutableRefObject } from 'react';
+import React, { type MutableRefObject } from 'react';
 declare const OuterListElement: (containerRef: MutableRefObject<HTMLDivElement | null | undefined>, isSticky: boolean) => React.ForwardRefExoticComponent<React.HTMLAttributes<Element> & React.RefAttributes<HTMLDivElement>>;
 export default OuterListElement;

package/dist/InfiniteScroll/OuterListElement.js

@@ -1,7 +1,7 @@
 var _excluded = ["height"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useCallback, useState, forwardRef, useEffect } from 'react';
+import React, { forwardRef, useCallback, useEffect, useState } from 'react';
 import Scrollbar from '@synerise/ds-scrollbar';
 var OuterListElement = function OuterListElement(containerRef, isSticky) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {

package/dist/InfiniteScroll/utils.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { InfiniteScrollProps, InfiniteScrollState } from './InfiniteLoaderItem.types';
+import { type InfiniteScrollProps, type InfiniteScrollState } from './InfiniteLoaderItem.types';
 export declare const infiniteScrollPropsToState: ({ hasError, hasMore, isLoading, }: InfiniteScrollProps & InfiniteScrollState) => InfiniteScrollState;
 declare const _default: {
     infiniteScrollPropsToState: ({ hasError, hasMore, isLoading, }: InfiniteScrollState & {

package/dist/ItemsMenu/ItemsMenu.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { Props } from './ItemsMenu.types';
+import { type Props } from './ItemsMenu.types';
 declare const ItemsMenu: ({ children }: Props) => React.JSX.Element;
 export default ItemsMenu;

package/dist/ItemsMenu/ItemsMenu.styles.js

@@ -1,6 +1,4 @@
 import styled from 'styled-components';
-
-// eslint-disable-next-line import/prefer-default-export
 export var ItemsMenu = styled.div.withConfig({
   displayName: "ItemsMenustyles__ItemsMenu",
   componentId: "sc-zmeifj-0"

package/dist/RowSelection/RowSelectionColumn.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { RowSelectionProps } from './RowSelectionColumn.types';
-import { RowType } from '../Table.types';
+import { type RowType } from '../Table.types';
+import { type RowSelectionProps } from './RowSelectionColumn.types';
 export declare function RowSelectionColumn<T extends object & RowType<T>>({ rowKey, record, limit, independentSelectionExpandedRows, selectedRowKeys, selectedRecords, tableLocale, onChange, checkRowSelectionStatus, childrenColumnName, }: RowSelectionProps<T>): React.JSX.Element | null;

package/dist/RowSelection/RowSelectionColumn.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useMemo } from 'react';
-import Tooltip from '@synerise/ds-tooltip';
 import Button from '@synerise/ds-button';
+import Tooltip from '@synerise/ds-tooltip';
 import { useRowKey } from '../hooks/useRowKey';
 import { getRecordSelectionStatus, isRecordSelectable } from '../utils';
 export function RowSelectionColumn(_ref) {

package/dist/RowSelection/RowSelectionColumn.types.d.ts

@@ -1,6 +1,6 @@
+import { type TableProps } from 'rc-table/lib/Table';
 import type { Key } from 'react';
-import { TableProps } from 'rc-table/lib/Table';
-import { DSTableProps, RowSelection } from '../Table.types';
+import { type DSTableProps, type RowSelection } from '../Table.types';
 export type RowSelectionProps<T> = {
     rowKey: TableProps<T>['rowKey'];
     independentSelectionExpandedRows?: boolean;

package/dist/Table.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import '@synerise/ds-core/dist/js/style';
+import { type DSTableProps } from './Table.types';
 import './style/index.less';
-import { DSTableProps } from './Table.types';
 declare const DSTable: {
     <T extends object>(props: DSTableProps<T>): React.JSX.Element;
     SELECTION_ALL: string;

package/dist/Table.js

@@ -1,18 +1,18 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useCallback, useMemo } from 'react';
 import { useIntl } from 'react-intl';
+import Button from '@synerise/ds-button';
 import '@synerise/ds-core/dist/js/style';
+import { useDataFormat } from '@synerise/ds-data-format';
 import Icon, { AngleLeftS, AngleRightS } from '@synerise/ds-icon';
-import Button from '@synerise/ds-button';
 import Skeleton from '@synerise/ds-skeleton';
-import { useDataFormat } from '@synerise/ds-data-format';
-import "./style/index.css";
-import * as S from './Table.styles';
-import TableHeader from './TableHeader/TableHeader';
 import DefaultTable from './DefaultTable/DefaultTable';
 import GroupTable from './GroupTable/GroupTable';
-import { useTableLocale, TableLocaleContext, getChildrenColumnName, getSkeletonProps, isGrouped } from './utils';
-import { SELECTION_INVERT, SELECTION_ALL, ITEM_RENDER_TYPE } from './constants/Table.constants';
+import * as S from './Table.styles';
+import TableHeader from './TableHeader/TableHeader';
+import { ITEM_RENDER_TYPE, SELECTION_ALL, SELECTION_INVERT } from './constants/Table.constants';
+import "./style/index.css";
+import { TableLocaleContext, getChildrenColumnName, getSkeletonProps, isGrouped, useTableLocale } from './utils';
 var DSTable = function DSTable(props) {
   var intl = useIntl();
   var title = props.title,
@@ -134,7 +134,7 @@ var DSTable = function DSTable(props) {
     disableColumnNamesLineBreak: disableColumnNamesLineBreak
   }, !loading && grouped && dataSource != null && dataSource.length ?
   /*#__PURE__*/
-  // @ts-ignore
+  // @ts-expect-error type 'T' does not satisfy the constraint 'GroupType<T>'.
   React.createElement(GroupTable, _extends({}, props, {
     locale: tableLocale,
     title: renderHeader,

package/dist/Table.styles.d.ts

@@ -5,7 +5,7 @@ export declare const Header: import("styled-components").StyledComponent<"div",
 }, never>;
 export declare const Size: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TitlePartEllipsis: import("styled-components").StyledComponent<({ size, className, children, ellipsis }: {
+export declare const TitlePartEllipsis: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
     size?: import("@synerise/ds-typography").TextSize | undefined;
     ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps | undefined;
     children?: import("react").ReactNode;
@@ -31,7 +31,7 @@ export declare const TableWrapper: import("styled-components").StyledComponent<"
     hideColumnNames?: boolean | undefined;
     disableColumnNamesLineBreak?: boolean | undefined;
 }, never>;
-export declare const Skeleton: import("styled-components").StyledComponent<({ size, numberOfSkeletons, width, height, className }: import("@synerise/ds-skeleton").SkeletonProps) => import("react").JSX.Element, any, {
+export declare const Skeleton: import("styled-components").StyledComponent<({ size, numberOfSkeletons, width, height, className, }: import("@synerise/ds-skeleton").SkeletonProps) => import("react").JSX.Element, any, {
     skeletonWidth?: string | undefined;
 }, never>;
 export declare const TableSkeletonCell: import("styled-components").StyledComponent<"div", any, {

package/dist/Table.styles.js

@@ -1,9 +1,9 @@
 import styled, { keyframes } from 'styled-components';
-import { macro, Text } 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';
+import Menu from '@synerise/ds-menu';
 import DSSkeleton from '@synerise/ds-skeleton';
+import { Text, macro } from '@synerise/ds-typography';
 export var Header = styled.div.withConfig({
   displayName: "Tablestyles__Header",
   componentId: "sc-dacfhr-0"
@@ -92,7 +92,7 @@ export var Spinner = styled.div.withConfig({
 export var TableWrapper = styled.div.withConfig({
   displayName: "Tablestyles__TableWrapper",
   componentId: "sc-dacfhr-15"
-})(["table{.ant-table-thead{", ";}}.ant-table-wrapper .ant-table{z-index:1;}.ant-table .ant-table-cell.ant-table-selection-column,.ant-table .ant-table-cell.ds-table-star-column{padding:0 8px 0 24px;& > button{display:inline-block;}}.ant-table .ant-table-cell.ant-table-selection-column + .ant-table-cell.ds-table-star-column{padding-left:0;}.ant-table .ant-table-thead th{transition:background 0.3s,border-color 0.3s;background-color:", ";border-bottom-color:", ";&.ant-table-column-has-sorters{cursor:default;}&.ant-table-column-has-sorters:hover{background-color:", ";border-bottom:2px solid ", ";> *{margin-bottom:-1px;}}> *{display:flex;width:100%;}[class^='ant-table-column-sorters']{width:100%;}&.ant-table-column-sort{background-color:", ";border-bottom:2px solid ", ";&:hover{background-color:", ";border-bottom:2px solid ", ";}& > [class^='ant-table-column-sorters']{overflow:hidden;}> *{margin-bottom:-1px;}}&.ant-table-cell-ellipsis.ant-table-column-has-sorters{overflow:visible;}&:not(.ds-table-column-sort){.ds-table-column-sorter{margin-left:8px;}}&.ds-table-active-column{background-color:", ";border-bottom:2px solid ", ";cursor:default;&:hover{background-color:", ";border-bottom:2px solid ", ";}.ant-table-column-sorter{display:none;}> *{margin-bottom:-1px;}}}.ant-table tr.ant-table-row:not(:hover) td.ant-table-column-sort{background-color:", ";}.ant-table .ant-table-column-sorter{margin-left:8px;max-width:32px;min-width:32px;}.ant-table-cell .ds-sort-dropdown-button{opacity:0;}.ant-table-cell:hover .ds-sort-dropdown-button,.ant-table-cell.ant-table-column-sort .ds-sort-dropdown-button{opacity:1;}.ant-table-wrapper.virtual-table.virtual-table-infinite-scroll .ant-table .ant-table-header{box-shadow:0 4px 12px 0 rgba(35,41,54,0.04);}.virtual-table:not(.with-sticky-header) .ant-table-container{overflow:auto hidden;}.virtual-table .virtual-table-row:not(:hover) .virtual-table-cell.ant-table-column-sort{background-color:", ";}& .ant-table .ant-table-cell-scrollbar{box-shadow:none;}& .ant-table th.ant-table-cell{white-space:", ";}&&& .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before{position:relative;}"], function (props) {
+})(["table{.ant-table-thead{", ";}}.ant-table-wrapper .ant-table{z-index:1;}.ant-table .ant-table-cell.ant-table-selection-column,.ant-table .ant-table-cell.ds-table-star-column{padding:0 8px 0 24px;& > button{display:inline-block;}}.ant-table .ant-table-cell.ant-table-selection-column + .ant-table-cell.ds-table-star-column{padding-left:0;}.ant-table .ant-table-thead th{transition:background 0.3s,border-color 0.3s;background-color:", ";border-bottom-color:", ";&.ant-table-column-has-sorters{cursor:default;}&.ant-table-column-has-sorters:hover{background-color:", ";border-bottom:2px solid ", ";> *{margin-bottom:-1px;}}> *{display:flex;width:100%;}[class^='ant-table-column-sorters']{width:100%;}&.ant-table-column-sort{background-color:", ";border-bottom:2px solid ", ";&:hover{background-color:", ";border-bottom:2px solid ", ";}& > [class^='ant-table-column-sorters']{overflow:hidden;}> *{margin-bottom:-1px;}}&.ant-table-cell-ellipsis.ant-table-column-has-sorters{overflow:visible;}&:not(.ds-table-column-sort){.ds-table-column-sorter{margin-left:8px;}}&.ds-table-active-column{background-color:", ";border-bottom:2px solid ", ";cursor:default;&:hover{background-color:", ";border-bottom:2px solid ", ";}.ant-table-column-sorter{display:none;}> *{margin-bottom:-1px;}}}.ant-table tr.ant-table-row:not(:hover) td.ant-table-column-sort{background-color:", ";}.ant-table .ant-table-column-sorter{margin-left:8px;max-width:32px;min-width:32px;}.ant-table-cell .ds-sort-dropdown-button{opacity:0;}.ant-table-cell:hover .ds-sort-dropdown-button,.ant-table-cell.ant-table-column-sort .ds-sort-dropdown-button{opacity:1;}.ant-table-wrapper.virtual-table.virtual-table-infinite-scroll .ant-table .ant-table-header{box-shadow:0 4px 12px 0 rgba(35,41,54,0.04);}.virtual-table:not(.with-sticky-header) .ant-table-container{overflow:auto hidden;}.virtual-table .virtual-table-row:not(:hover) .virtual-table-cell.ant-table-column-sort{background-color:", ";}& .ant-table .ant-table-cell-scrollbar{box-shadow:none;}& .ant-table th.ant-table-cell{white-space:", ";}&&& .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not( .ant-table-row-expand-icon-cell ):not([colspan])::before{position:relative;}"], function (props) {
   return props.hideColumnNames ? 'display: none' : '';
 }, function (_ref3) {
   var theme = _ref3.theme;
@@ -149,7 +149,7 @@ export var TableSkeletonCell = styled.div.withConfig({
   displayName: "Tablestyles__TableSkeletonCell",
   componentId: "sc-dacfhr-17"
 })(["display:flex;height:", ";width:", ";align-items:center;justify-content:flex-start;"], function (props) {
-  return props.height + "px" || 'auto';
+  return props.height ? props.height + "px" : 'auto';
 }, function (props) {
   return "" + props.width || '50%';
 });

package/dist/Table.types.d.ts

@@ -1,12 +1,12 @@
-import type { Key, ReactNode, Ref } from 'react';
 import type { ColumnType, TableProps } from 'antd/lib/table';
 import type { TableLocale, TableRowSelection } from 'antd/lib/table/interface';
+import type { Key, ReactNode, Ref } from 'react';
 import type { LiteralStringUnion } from '@synerise/ds-utils';
-import type DSTable from './Table';
-import type { GroupType } from './GroupTable/GroupTable.types';
-import type { RowStar } from './hooks/useRowStar';
 import type { SortRender } from './ColumnSortMenu/TitleWithSort';
 import type { ColumnSortOrder, ColumnsSortState } from './ColumnSortMenu/useSortState';
+import type { GroupType } from './GroupTable/GroupTable.types';
+import type DSTable from './Table';
+import type { RowStar } from './hooks/useRowStar';
 export type AntTableProps<T> = Omit<TableProps<T>, 'title' | 'subTitle' | 'onSearch' | 'itemsMenu' | 'search' | 'locale' | 'columns' | 'loading'>;
 export type Selection = {
     key: string;

package/dist/TableHeader/TableHeader.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { Props } from './TableHeader.types';
+import { type Props } from './TableHeader.types';
 declare const TableHeader: <T extends object>({ title, filters, searchComponent, filterComponent, selectedRows, itemsMenu, selection, dataSource, dataSourceFull, dataSourceTotalCount, isCounterLoading, rowKey, withBorderTop, headerButton, locale, renderSelectionTitle, hideTitlePart, childrenColumnName, isLoading, }: Props<T>) => React.JSX.Element;
 export default TableHeader;

package/dist/TableHeader/TableHeader.js

@@ -1,10 +1,10 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useMemo } from 'react';
 import { useDataFormat } from '@synerise/ds-data-format';
-import * as S from '../Table.styles';
 import FilterTrigger from '../FilterTrigger/FilterTrigger';
-import TableSelection from './TableSelection';
+import * as S from '../Table.styles';
 import { TableLimit } from './TableLimit';
+import TableSelection from './TableSelection';
 var TableHeader = function TableHeader(_ref) {
   var title = _ref.title,
     filters = _ref.filters,
@@ -62,7 +62,7 @@ var TableHeader = function TableHeader(_ref) {
       selection: selection,
       locale: locale,
       childrenColumnName: childrenColumnName
-    }), renderSelectionTitle ? /*#__PURE__*/React.createElement(React.Fragment, null, renderSelectionTitle(selection, filters)) : /*#__PURE__*/React.createElement(S.TitleContainer, null, /*#__PURE__*/React.createElement(S.TitlePart, null, /*#__PURE__*/React.createElement("strong", null, formatValue(selectedRows)), " ", /*#__PURE__*/React.createElement("span", null, locale.selected))), itemsMenu) : /*#__PURE__*/React.createElement(S.Left, {
+    }), renderSelectionTitle ? /*#__PURE__*/React.createElement(React.Fragment, null, renderSelectionTitle(selection, filters)) : /*#__PURE__*/React.createElement(S.TitleContainer, null, /*#__PURE__*/React.createElement(S.TitlePart, null, /*#__PURE__*/React.createElement("strong", null, formatValue(selectedRows)), ' ', /*#__PURE__*/React.createElement("span", null, locale.selected))), itemsMenu) : /*#__PURE__*/React.createElement(S.Left, {
       "data-testid": "ds-table-title"
     }, selection && !isLoading && !hideSelectAll && /*#__PURE__*/React.createElement(TableSelection, {
       rowKey: rowKey,
@@ -102,8 +102,7 @@ var TableHeader = function TableHeader(_ref) {
       name: filter.key,
       iconComponent: filter.icon,
       tooltips: filter.tooltips,
-      openedLabel: filter.openedLabel
-      /* eslint-disable-next-line react/jsx-handler-names */,
+      openedLabel: filter.openedLabel,
       handleClear: filter.handleClear,
       show: filter.show,
       showList: filter.showList,

package/dist/TableHeader/TableHeader.types.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { Filter, Locale, RowSelection } from '../Table.types';
+import { type ReactNode } from 'react';
+import { type Filter, type Locale, type RowSelection } from '../Table.types';
 export type Props<T extends object> = {
     title?: ReactNode | (() => ReactNode);
     filters?: Filter[];

package/dist/TableHeader/TableLimit/TableLimit.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableLimitProps } from './TableLimit.types';
+import { type TableLimitProps } from './TableLimit.types';
 export declare function TableLimit<T extends {
     children?: T[];
 }>({ total, locale, itemsMenu, selection, isCounterLoading, }: TableLimitProps<T>): React.JSX.Element;

package/dist/TableHeader/TableLimit/TableLimit.js

@@ -1,8 +1,8 @@
 import React, { useMemo } from 'react';
 import Alert from '@synerise/ds-alert';
 import { useDataFormat } from '@synerise/ds-data-format';
-import * as S from './TableLimit.styles';
 import { Skeleton } from '../../Table.styles';
+import * as S from './TableLimit.styles';
 export function TableLimit(_ref) {
   var total = _ref.total,
     locale = _ref.locale,
@@ -24,7 +24,7 @@ export function TableLimit(_ref) {
   }, [locale, selectedRows, limit]);
   var selected = useMemo(function () {
     var _locale$pagination;
-    return selectedRows > 0 ? /*#__PURE__*/React.createElement(S.Title, null, /*#__PURE__*/React.createElement("strong", null, formatValue(selectedRows) + " / " + formatValue(limit)), " ", locale.selected) : /*#__PURE__*/React.createElement(S.Title, null, isCounterLoading ? /*#__PURE__*/React.createElement(Skeleton, {
+    return selectedRows > 0 ? /*#__PURE__*/React.createElement(S.Title, null, /*#__PURE__*/React.createElement("strong", null, formatValue(selectedRows) + " / " + formatValue(limit)), ' ', locale.selected) : /*#__PURE__*/React.createElement(S.Title, null, isCounterLoading ? /*#__PURE__*/React.createElement(Skeleton, {
       numberOfSkeletons: 1,
       size: "S",
       skeletonWidth: "100px"

package/dist/TableHeader/TableLimit/TableLimit.types.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { RequiredProps } from '@synerise/ds-utils';
-import { Locale, RowSelection } from '../../Table.types';
+import { type Locale, type RowSelection } from '../../Table.types';
 export type TableLimitProps<T extends object> = {
     selection: RequiredProps<RowSelection<T>, 'limit'>;
     total: number;

package/dist/TableHeader/TableSelection.js

@@ -1,14 +1,14 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useCallback, useMemo } from 'react';
-import Dropdown from '@synerise/ds-dropdown';
 import Button from '@synerise/ds-button';
-import Tooltip from '@synerise/ds-tooltip';
+import Dropdown from '@synerise/ds-dropdown';
 import Icon, { OptionVerticalM } from '@synerise/ds-icon';
+import Tooltip from '@synerise/ds-tooltip';
 import * as S from '../Table.styles';
 import { SELECTION_ALL, SELECTION_INVERT } from '../constants/Table.constants';
-import { isRecordSelectable } from '../utils';
-import { useRowKey } from '../hooks/useRowKey';
 import { useBulkSelectionCount } from '../hooks/useBulkSelection';
+import { useRowKey } from '../hooks/useRowKey';
+import { isRecordSelectable } from '../utils';
 var TableSelection = function TableSelection(_ref) {
   var dataSource = _ref.dataSource,
     dataSourceFull = _ref.dataSourceFull,
@@ -121,7 +121,9 @@ var TableSelection = function TableSelection(_ref) {
         if (!selectableChildren || selection.independentSelectionExpandedRows) {
           var key = getRowKey(record);
           var isSelectable = isRecordSelectable(record, checkRowSelectionStatus);
-          if (!isSelectable) return;
+          if (!isSelectable) {
+            return;
+          }
           if (selectedRowKeys.includes(key)) {
             keys.splice(keys.indexOf(key), 1);
           } else {

package/dist/TableHeader/TableSelection.types.d.ts

@@ -1,4 +1,4 @@
-import type { RowSelection, Locale } from '../Table.types';
+import type { Locale, RowSelection } from '../Table.types';
 export type TableSelectionProps<T extends object> = {
     selection?: RowSelection<T>;
     dataSource: readonly T[];

package/dist/TreeTable/TreeTable.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import '@synerise/ds-core/dist/js/style';
-import { DSTableProps } from '../Table.types';
+import { type DSTableProps } from '../Table.types';
 declare function TreeTable<T extends object = any>(props: DSTableProps<T>): React.ReactElement;
 export default TreeTable;

package/dist/TreeTable/TreeTable.js

@@ -1,11 +1,11 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import '@synerise/ds-core/dist/js/style';
 import classNames from 'classnames';
+import React from 'react';
+import { v4 as uuid } from 'uuid';
 import Button from '@synerise/ds-button';
-import Icon, { ChildRowLeftDownM } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
-import { v4 as uuid } from 'uuid';
+import '@synerise/ds-core/dist/js/style';
+import Icon, { ChildRowLeftDownM } from '@synerise/ds-icon';
 import DSTable from '../Table';
 import * as S from './TreeTable.styles';
 var INDENT_SIZE = 42;

package/dist/TreeTable/TreeTable.styles.js

@@ -1,7 +1,9 @@
 import styled from 'styled-components';
 var LEVELS = ['yellow', 'green', 'cyan', 'violet', 'orange', 'purple', 'blue', 'grey'];
 var getColor = function getColor(active, level) {
-  if (level === LEVELS.indexOf('cyan') && active) return '500';
+  if (level === LEVELS.indexOf('cyan') && active) {
+    return '500';
+  }
   return active ? '600' : '200';
 };
 export var Indents = styled.div.withConfig({

package/dist/VirtualTable/VirtualTable.d.ts

@@ -1,6 +1,6 @@
-import type { Ref, ReactElement } from 'react';
+import { type ReactElement, type Ref } from 'react';
 import type { RowType } from '../Table.types';
-import type { VirtualTableRef, VirtualTableProps } from './VirtualTable.types';
+import type { VirtualTableProps, VirtualTableRef } from './VirtualTable.types';
 import { EXPANDED_ROW_PROPERTY } from './constants';
 type VirtualTableType = <T extends object & RowType<T> & {
     [EXPANDED_ROW_PROPERTY]?: boolean;