@synerise/ds-table 1.5.12 → 1.6.0

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.
 
+# [1.6.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.5.13...@synerise/ds-table@1.6.0) (2025-09-25)
+
+
+### Features
+
+* **table:** cell with tags list ([109820e](https://github.com/synerise/synerise-design/commit/109820ed06f931a178580633277a7643aebe1072))
+
+
+
+
+
+## [1.5.13](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.5.12...@synerise/ds-table@1.5.13) (2025-09-24)
+
+**Note:** Version bump only for package @synerise/ds-table
+
+
+
+
+
 ## [1.5.12](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.5.11...@synerise/ds-table@1.5.12) (2025-09-23)
 
 **Note:** Version bump only for package @synerise/ds-table

package/dist/Cell/TagsGroup/TagsGroup.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type TagsGroupProps } from './TagsGroup.types';
+export declare const TagsGroupCell: ({ disabled, tagsProps, ...htmlAttributes }: TagsGroupProps) => React.JSX.Element;

package/dist/Cell/TagsGroup/TagsGroup.js

@@ -0,0 +1,24 @@
+var _excluded = ["disabled", "tagsProps"];
+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 from 'react';
+import Tags from '@synerise/ds-tags';
+import * as S from './TagsGroup.styles';
+export var TagsGroupCell = function TagsGroupCell(_ref) {
+  var _tagsProps$selected;
+  var disabled = _ref.disabled,
+    tagsProps = _ref.tagsProps,
+    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var isEmpty = !(tagsProps != null && (_tagsProps$selected = tagsProps.selected) != null && _tagsProps$selected.length);
+  return /*#__PURE__*/React.createElement(S.TagsGroupWrapper, _extends({}, htmlAttributes, {
+    isDisabled: disabled,
+    isEmpty: isEmpty
+  }), /*#__PURE__*/React.createElement(Tags, _extends({
+    maxVisibleTags: 1,
+    disabled: disabled,
+    addButtonType: isEmpty ? 'icon-label' : 'single-icon'
+  }, tagsProps, {
+    addable: (tagsProps == null ? void 0 : tagsProps.addable) && !disabled,
+    removable: (tagsProps == null ? void 0 : tagsProps.removable) && !disabled
+  })));
+};

package/dist/Cell/TagsGroup/TagsGroup.spec.d.ts

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

package/dist/Cell/TagsGroup/TagsGroup.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const TagsGroupWrapper: import("styled-components").StyledComponent<"div", any, {
+    isDisabled?: boolean;
+    isEmpty?: boolean;
+}, never>;

package/dist/Cell/TagsGroup/TagsGroup.styles.js

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+import { SelectedTags, TagsWrapper } from '@synerise/ds-tags/dist/Tags.styles';
+import { AddTagButton } from '@synerise/ds-tags/dist/components/AddTags/AddTags.styles';
+export var TagsGroupWrapper = styled.div.withConfig({
+  displayName: "TagsGroupstyles__TagsGroupWrapper",
+  componentId: "sc-a6dl1s-0"
+})(["", "{margin-bottom:0;}", "{flex-flow:nowrap;}", ""], TagsWrapper, SelectedTags, function (props) {
+  return props.isDisabled ? "\n        opacity: 0.4;\n        pointer-events: none;\n    " : "\n        " + AddTagButton + AddTagButton + AddTagButton + " svg {\n            transition: none;\n        }\n        " + AddTagButton + " {\n            visibility: hidden;\n        }\n        tr:hover &, \n        .virtual-table-row:hover & {\n            " + AddTagButton + " {\n                visibility: visible;\n            }\n        }\n    ";
+});

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

@@ -0,0 +1,6 @@
+import { type TagsProps } from '@synerise/ds-tags';
+import { type WithHTMLAttributes } from '@synerise/ds-utils';
+export type TagsGroupProps = WithHTMLAttributes<HTMLDivElement, {
+    disabled?: boolean;
+    tagsProps?: TagsProps;
+}>;

package/dist/Cell/TagsGroup/TagsGroup.types.js

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

package/dist/Cell/index.d.ts

@@ -9,4 +9,5 @@ import LabelsWithShowMore from './LabelsWithShowMore/LabelsWithShowMore';
 import StarCell from './Star/StarCell';
 import StatusLabelCell from './StatusLabel/StatusLabel';
 import TagIconCell from './TagIcon/TagIcon';
-export { IconLabelCell, IconTooltipCell, StatusLabelCell, AvatarLabelCell, TagIconCell, EditableCell, CopyableCell, ActionCell, FlagLabelCell, StarCell, LabelsWithShowMore, };
+import { TagsGroupCell } from './TagsGroup/TagsGroup';
+export { IconLabelCell, IconTooltipCell, StatusLabelCell, AvatarLabelCell, TagIconCell, EditableCell, CopyableCell, ActionCell, FlagLabelCell, StarCell, LabelsWithShowMore, TagsGroupCell, };

package/dist/Cell/index.js

@@ -9,4 +9,5 @@ import LabelsWithShowMore from './LabelsWithShowMore/LabelsWithShowMore';
 import StarCell from './Star/StarCell';
 import StatusLabelCell from './StatusLabel/StatusLabel';
 import TagIconCell from './TagIcon/TagIcon';
-export { IconLabelCell, IconTooltipCell, StatusLabelCell, AvatarLabelCell, TagIconCell, EditableCell, CopyableCell, ActionCell, FlagLabelCell, StarCell, LabelsWithShowMore };
+import { TagsGroupCell } from './TagsGroup/TagsGroup';
+export { IconLabelCell, IconTooltipCell, StatusLabelCell, AvatarLabelCell, TagIconCell, EditableCell, CopyableCell, ActionCell, FlagLabelCell, StarCell, LabelsWithShowMore, TagsGroupCell };

package/dist/Table.types.d.ts

@@ -160,24 +160,24 @@ export type DSTableProps<T extends any & GroupType<T>> = AntTableProps<T> & {
     };
 };
 export type ColumnSortOrder = 'descend' | 'ascend' | null;
-export interface ColumnsSortState {
+export type ColumnsSortState = {
     [key: string]: {
         sortOrder: ColumnSortOrder;
         multiple: number | false;
     };
-}
-export interface SortStateAPI {
+};
+export type SortStateAPI = {
     columnsSortState: ColumnsSortState;
     getColumnSortOrder: (key: string) => ColumnSortOrder;
     setColumnSortOrder: (key: string, sort: ColumnSortOrder) => void;
     updateColumnsData: (columns: ColumnsSortState) => void;
-}
+};
 export type SortButtonsRenderer<T> = (sortStateApi: SortStateAPI, column: DSColumnType<T>) => React.ReactElement;
 export type SortRender<T> = 'default' | 'string' | SortButtonsRenderer<T>;
-export interface TitleWithSortOwnProps<T> {
+export type TitleWithSortOwnProps<T> = {
     column: DSColumnType<T>;
     sortRender: React.ReactElement;
     titleProps: ColumnTitleProps<T>;
-}
+};
 export type TitleWithSortProps<T> = TitleWithSortOwnProps<T> & React.ComponentPropsWithoutRef<'span'>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-table",
-  "version": "1.5.12",
+  "version": "1.6.0",
   "description": "Table UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -35,27 +35,25 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^1.1.19",
-    "@synerise/ds-badge": "^1.0.22",
-    "@synerise/ds-button": "^1.4.11",
-    "@synerise/ds-button-group": "^1.1.15",
-    "@synerise/ds-checkbox": "^1.1.8",
-    "@synerise/ds-column-manager": "^1.2.15",
-    "@synerise/ds-dropdown": "^1.0.24",
-    "@synerise/ds-flag": "^1.0.4",
+    "@synerise/ds-alert": "^1.1.20",
+    "@synerise/ds-badge": "^1.0.23",
+    "@synerise/ds-button": "^1.4.12",
+    "@synerise/ds-button-group": "^1.1.16",
+    "@synerise/ds-checkbox": "^1.1.9",
+    "@synerise/ds-dropdown": "^1.0.25",
+    "@synerise/ds-flag": "^1.0.5",
     "@synerise/ds-icon": "^1.7.2",
-    "@synerise/ds-input": "^1.3.11",
-    "@synerise/ds-loader": "^1.0.9",
-    "@synerise/ds-menu": "^1.0.23",
-    "@synerise/ds-modal": "^1.2.11",
-    "@synerise/ds-pagination": "^1.0.26",
-    "@synerise/ds-result": "^1.0.24",
+    "@synerise/ds-input": "^1.3.12",
+    "@synerise/ds-loader": "^1.0.10",
+    "@synerise/ds-menu": "^1.0.24",
+    "@synerise/ds-modal": "^1.2.12",
+    "@synerise/ds-result": "^1.0.25",
     "@synerise/ds-scrollbar": "^1.1.8",
-    "@synerise/ds-search": "^1.3.2",
-    "@synerise/ds-select": "^1.1.19",
-    "@synerise/ds-skeleton": "^1.0.22",
-    "@synerise/ds-status": "^1.2.15",
-    "@synerise/ds-tag": "^1.2.0",
+    "@synerise/ds-search": "^1.3.3",
+    "@synerise/ds-skeleton": "^1.0.23",
+    "@synerise/ds-status": "^1.2.16",
+    "@synerise/ds-tag": "^1.3.0",
+    "@synerise/ds-tags": "^1.4.0",
     "@synerise/ds-tooltip": "^1.2.0",
     "@synerise/ds-typography": "^1.0.21",
     "@synerise/ds-utils": "^1.4.2",
@@ -77,5 +75,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "4f56489ade5b08524578821d0c51c963002ff48c"
+  "gitHead": "6a2e6e20a480aafe5d67748d04fbe3d4ce91a544"
 }