@synerise/ds-table 0.56.8 → 0.57.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.57.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.57.0...@synerise/ds-table@0.57.1) (2024-09-18)
+
+**Note:** Version bump only for package @synerise/ds-table
+
+
+
+
+
+# [0.57.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.56.8...@synerise/ds-table@0.57.0) (2024-09-17)
+
+
+### Features
+
+* **storybook7:** table stories ([e90a78b](https://github.com/synerise/synerise-design/commit/e90a78bc5673f1869e0cd9ffd98c9f1f82bf148e))
+
+
+
+
+
 ## [0.56.8](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.56.7...@synerise/ds-table@0.56.8) (2024-09-13)
 
 

package/dist/Cell/Copyable/CopyableCell.js

@@ -3,7 +3,7 @@ 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 * as copy from 'copy-to-clipboard';
+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';

package/dist/Cell/LabelsWithShowMore/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { DataSourceType, ModalProps } from './Modal.types';
 declare const DetailsModal: React.FC<ModalProps<DataSourceType>>;
 export default DetailsModal;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+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';

package/dist/Cell/LabelsWithShowMore/Modal/Modal.types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ShowMoreTexts } from '../LabelsWithShowMore.types';
 export type DataSourceType = object & {
     key: React.ReactText;

package/dist/Cell/StatusLabel/StatusLabel.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusLabelProps } from './StatusLabel.types';
+import type { StatusLabelProps } from './StatusLabel.types';
 declare const StatusLabelCell: ({ status, label, customColor, ...htmlAttributes }: StatusLabelProps) => React.JSX.Element;
 export default StatusLabelCell;

package/dist/ColumnSortMenu/SortIcons.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ColumnSortOrder } from './useSortState';
 export declare const CheckIcon: React.ForwardRefExoticComponent<{
     isActive: boolean;

package/dist/ColumnSortMenu/SortIcons.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { withTheme } from 'styled-components';
 import Icon, { CheckS, SortAscendingM, SortDescendingM, ArrangeM, SortAzM, SortZaM } from '@synerise/ds-icon';
 

package/dist/ColumnSortMenu/TitleWithSort.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ColumnTitleProps } from 'antd/lib/table/interface';
 import { DSColumnType } from '../Table.types';
 import { SortStateAPI } from './useSortState';

package/dist/ColumnSortMenu/TitleWithSort.js

@@ -4,7 +4,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 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 * as React from 'react';
+import React from 'react';
 import createReplaceButtonsPortal from './replaceSortButtons';
 export var TitleWithSort = function TitleWithSort(_ref) {
   var column = _ref.column,

package/dist/ColumnSortMenu/columnWithSortButtons.js

@@ -4,7 +4,7 @@ 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; }
 
-import * as React from 'react';
+import React from 'react';
 import { TitleWithSort } from './TitleWithSort';
 import { CommonRenderer, StringRenderer } from './SortRenderer';
 

package/dist/ColumnSortMenu/replaceSortButtons.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import React from 'react';
 declare const createReplaceButtonsPortal: <T extends Element>(columnTitleElement: T | null, newButtonsNode: React.ReactNode) => () => React.ReactPortal | null;
 export default createReplaceButtonsPortal;

package/dist/ColumnSortMenu/useSortState.js

@@ -4,7 +4,7 @@ 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; }
 
-import * as React from 'react';
+import React from 'react';
 import { groupBy, merge } from 'lodash';
 export var toSortOrder = function toSortOrder(value) {
   if (value === 'descend' || value === 'ascend') {

package/dist/FilterTrigger/FilterTrigger.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Props } from './FilterTrigger.types';
 declare const _default: React.NamedExoticComponent<Props>;
 export default _default;

package/dist/FilterTrigger/FilterTrigger.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Icon, { Close3S, FolderM } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
 import { useOnClickOutside } from '@synerise/ds-utils';

package/dist/FilterTrigger/FilterTrigger.types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface Props {
     name: string;
     selected?: {

package/dist/GroupTable/GroupTable.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { DSTableProps } from '../Table.types';
 import '../style/index.less';
 import { GroupType } from './GroupTable.types';

package/dist/GroupTable/GroupTable.js

@@ -10,7 +10,7 @@ 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; }
 
-import * as React from 'react';
+import React from 'react';
 import { flow } from 'lodash';
 import Table from 'antd/lib/table';
 import { columnsToSortState, useSortState } from '../ColumnSortMenu/useSortState';

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

@@ -1,5 +1,5 @@
 import { ColumnsType } from 'antd/lib/table';
-import * as React from 'react';
+import React from 'react';
 import { GroupType as GroupByType } from '@synerise/ds-column-manager/dist/ColumnManager.types';
 export type SortOrderType = 'ascend' | 'descend' | boolean;
 export type GroupColumnsType<T> = ColumnsType<T> & {

package/dist/GroupTable/GroupTableBody/GroupTableBody.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Checkbox from '@synerise/ds-checkbox/dist';
 import Status from '@synerise/ds-status';
 import Button from '@synerise/ds-button';

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { RowSelection } from '../../Table.types';
 import { GroupColumnsType, GroupType } from '../GroupTable.types';
 export interface Props<T extends unknown> {

package/dist/GroupTable/GroupTableHeader/GroupTableHeader.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 function GroupTableHeader(_ref) {
   var header = _ref.header,

package/dist/InfiniteScroll/BackToTopButton.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ButtonProps } from '@synerise/ds-button';
 export declare const BackToTopButton: (props: ButtonProps & {
     isSticky?: boolean;

package/dist/InfiniteScroll/BackToTopButton.js

@@ -1,6 +1,6 @@
 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); }
 
-import * as React from 'react';
+import React from 'react';
 import Icon, { ArrowUpCircleM } from '@synerise/ds-icon';
 import * as S from './BackToTopButton.styles';
 export var BackToTopButton = function BackToTopButton(props) {

package/dist/ItemsMenu/ItemsMenu.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Props } from './ItemsMenu.types';
 declare const ItemsMenu: React.FC<Props>;
 export default ItemsMenu;

package/dist/ItemsMenu/ItemsMenu.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import * as S from './ItemsMenu.styles';
 
 var ItemsMenu = function ItemsMenu(_ref) {

package/dist/ItemsMenu/ItemsMenu.types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface Props {
     children: React.ReactChildren | Element | Element[] | JSX.Element | JSX.Element[];
 }

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { TableProps } from 'rc-table/lib/Table';
 import { DSTableProps, RowSelection } from '../Table.types';
 export type RowSelectionProps<T> = {

package/dist/Table.js

@@ -7,13 +7,13 @@ 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; }
 
 import React, { useMemo } from 'react';
+import { useIntl } from 'react-intl';
 import '@synerise/ds-core/dist/js/style';
-import "./style/index.css";
 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';
 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';
@@ -26,7 +26,7 @@ export var SELECTION_INVERT = 'SELECTION_INVERT';
 var ITEM_RENDER_TYPE = {
   prev: 'prev',
   next: 'next'
-}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+};
 
 function DSTable(props) {
   var intl = useIntl();

package/dist/Table.types.d.ts

@@ -2,6 +2,7 @@ import { ReactNode, ReactText, Ref } from 'react';
 import { ColumnType, TableProps } from 'antd/lib/table';
 import { TableLocale, TableRowSelection } from 'antd/lib/table/interface';
 import { TableSkeletonProps } from 'TableSkeleton/TableSkeleton.types';
+import { LiteralStringUnion } from '@synerise/ds-utils';
 import DSTable from './Table';
 import { GroupType } from './GroupTable/GroupTable.types';
 import { RowStar } from './hooks/useRowStar';
@@ -104,7 +105,7 @@ export type DSTableProps<T extends any & GroupType<T>> = AntTableProps<T> & {
     headerWithBorderTop?: boolean;
     itemsMenu?: string | ReactNode;
     search?: string;
-    cellSize?: string | 'medium' | 'small';
+    cellSize?: LiteralStringUnion<'medium' | 'small'>;
     roundedHeader?: boolean;
     selection?: RowSelection<T>;
     rowStar?: RowStar<T>;

package/dist/TableHeader/TableHeader.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Props } from './TableHeader.types';
 declare const TableHeader: React.FC<Props>;
 export default TableHeader;

package/dist/TableHeader/TableHeader.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Tooltip from '@synerise/ds-tooltip';
 import { useDataFormat } from '@synerise/ds-data-format';
 import * as S from '../Table.styles';

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { TableLimitProps } from './TableLimit.types';
 export declare function TableLimit<T extends {
     key: React.ReactText;

package/dist/TableHeader/TableLimit/TableLimit.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Alert from '@synerise/ds-alert';
 import { useDataFormat } from '@synerise/ds-data-format';
 import * as S from './TableLimit.styles';

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Locale, RowSelection } from '../../Table.types';
 export interface TableLimitProps<T extends {
     key: React.ReactText;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { RowSelection, Locale } from '../Table.types';
 export interface Props<T extends {
     key: React.ReactText;

package/dist/TreeTable/TreeTable.d.ts

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

package/dist/TreeTable/TreeTable.js

@@ -1,6 +1,6 @@
 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); }
 
-import * as React from 'react';
+import React from 'react';
 import '@synerise/ds-core/dist/js/style';
 import classNames from 'classnames';
 import Button from '@synerise/ds-button';

package/dist/VirtualTable/VirtualTable.d.ts

@@ -11,7 +11,7 @@ declare const _default: <T extends object & RowType<T> & {
     headerWithBorderTop?: boolean | undefined;
     itemsMenu?: React.ReactNode;
     search?: string | undefined;
-    cellSize?: string | undefined;
+    cellSize?: import("@synerise/ds-utils").LiteralStringUnion<"small" | "medium"> | undefined;
     roundedHeader?: boolean | undefined;
     selection?: RowSelection<T> | undefined;
     rowStar?: import("../hooks/useRowStar").RowStar<T> | undefined;

package/dist/hooks/useRowKey/useRowKey.js

@@ -1,4 +1,4 @@
-import * as React from 'react'; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+import React from 'react'; // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 // eslint-disable-next-line import/prefer-default-export
 export var useRowKey = function useRowKey(rowKey) {

package/dist/hooks/useRowStar/useRowStar.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Button from '@synerise/ds-button';
 import Tooltip from '@synerise/ds-tooltip';
 var STAR_COL_WIDTH_SINGLE = 64;

package/dist/hooks/useRowStar/useRowStar.types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ColumnType } from 'antd/lib/table';
 import { DSTableProps, DSColumnType } from '../../Table.types';
 export interface RowStar<T> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-table",
-  "version": "0.56.8",
+  "version": "0.57.1",
   "description": "Table UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -33,35 +33,35 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^0.8.28",
-    "@synerise/ds-badge": "^0.8.9",
-    "@synerise/ds-button": "^0.21.10",
-    "@synerise/ds-button-group": "^0.7.14",
-    "@synerise/ds-checkbox": "^0.12.7",
-    "@synerise/ds-column-manager": "^0.11.72",
-    "@synerise/ds-data-format": "^0.5.2",
-    "@synerise/ds-dropdown": "^0.18.14",
-    "@synerise/ds-flag": "^0.5.1",
-    "@synerise/ds-icon": "^0.65.5",
-    "@synerise/ds-input": "^0.24.4",
-    "@synerise/ds-loader": "^0.3.14",
-    "@synerise/ds-menu": "^0.19.14",
-    "@synerise/ds-modal": "^0.17.41",
-    "@synerise/ds-pagination": "^0.7.62",
-    "@synerise/ds-result": "^0.7.4",
-    "@synerise/ds-scrollbar": "^0.11.10",
-    "@synerise/ds-search": "^0.9.10",
-    "@synerise/ds-select": "^0.16.16",
-    "@synerise/ds-skeleton": "^0.6.8",
-    "@synerise/ds-status": "^0.6.22",
-    "@synerise/ds-tags": "^0.10.7",
-    "@synerise/ds-tooltip": "^0.14.40",
-    "@synerise/ds-typography": "^0.15.1",
-    "@synerise/ds-utils": "^0.29.2",
+    "@synerise/ds-alert": "^0.8.29",
+    "@synerise/ds-badge": "^0.8.10",
+    "@synerise/ds-button": "^0.21.11",
+    "@synerise/ds-button-group": "^0.7.15",
+    "@synerise/ds-checkbox": "^0.12.8",
+    "@synerise/ds-column-manager": "^0.12.1",
+    "@synerise/ds-data-format": "^0.5.3",
+    "@synerise/ds-dropdown": "^0.18.15",
+    "@synerise/ds-flag": "^0.5.2",
+    "@synerise/ds-icon": "^0.65.6",
+    "@synerise/ds-input": "^0.24.5",
+    "@synerise/ds-loader": "^0.3.15",
+    "@synerise/ds-menu": "^0.19.15",
+    "@synerise/ds-modal": "^0.17.42",
+    "@synerise/ds-pagination": "^0.7.63",
+    "@synerise/ds-result": "^0.7.5",
+    "@synerise/ds-scrollbar": "^0.11.11",
+    "@synerise/ds-search": "^0.9.11",
+    "@synerise/ds-select": "^0.16.17",
+    "@synerise/ds-skeleton": "^0.6.9",
+    "@synerise/ds-status": "^0.6.24",
+    "@synerise/ds-tags": "^0.10.9",
+    "@synerise/ds-tooltip": "^0.14.41",
+    "@synerise/ds-typography": "^0.15.2",
+    "@synerise/ds-utils": "^0.29.3",
     "@types/react-window": "^1.8.5",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
-    "lodash": "^4.17.19",
+    "lodash": "^4.17.21",
     "ramda": "0.27.0",
     "rc-resize-observer": "^0.2.1",
     "rc-table": "7.10.4",
@@ -77,5 +77,5 @@
     "react-dom": "^16.14.0",
     "styled-components": "5.0.1"
   },
-  "gitHead": "6f3231e4a9e0720ffee61b748488cecd590da6e6"
+  "gitHead": "a2c7baeed8b391294c9a24866cd4c9dfd4646fa9"
 }