@synerise/ds-table 1.6.7 → 1.6.8

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.6.8](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.6.7...@synerise/ds-table@1.6.8) (2025-10-16)
+
+
+### Bug Fixes
+
+* **tags:** adjust tags to table requirements ([fe1aa4d](https://github.com/synerise/synerise-design/commit/fe1aa4d00f8ad95fb191f866b548af72863a8963))
+
+
+
+
+
 ## [1.6.7](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.6.6...@synerise/ds-table@1.6.7) (2025-10-10)
 
 **Note:** Version bump only for package @synerise/ds-table

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

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

package/dist/Cell/TagsGroup/TagsGroup.js

@@ -1,15 +1,34 @@
-var _excluded = ["disabled", "tagsProps"];
+var _excluded = ["disabled", "isError", "isLoading", "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 { useTheme } from '@synerise/ds-core';
+import Icon, { WarningFillM } from '@synerise/ds-icon';
+import Skeleton from '@synerise/ds-skeleton';
 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,
+    isError = _ref.isError,
+    isLoading = _ref.isLoading,
     tagsProps = _ref.tagsProps,
     htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var theme = useTheme();
   var isEmpty = !(tagsProps != null && (_tagsProps$selected = tagsProps.selected) != null && _tagsProps$selected.length);
+  if (isError) {
+    return /*#__PURE__*/React.createElement(Icon, {
+      component: /*#__PURE__*/React.createElement(WarningFillM, null),
+      color: theme.palette['red-600'],
+      size: 24
+    });
+  }
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(S.TagsGroupSkeleton, null, /*#__PURE__*/React.createElement(Skeleton, {
+      size: "M",
+      numberOfSkeletons: 1
+    }));
+  }
   return /*#__PURE__*/React.createElement(S.TagsGroupWrapper, _extends({}, htmlAttributes, {
     isDisabled: disabled,
     isEmpty: isEmpty

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

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

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

@@ -6,4 +6,8 @@ export var TagsGroupWrapper = styled.div.withConfig({
   componentId: "sc-a6dl1s-0"
 })(["min-width:0;", "{margin-bottom:0;}", "{flex-flow:nowrap;}", ""], Container, 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        " + (!props.isEmpty && AddTagButton + " {\n            flex-shrink: 0\n          }") + "\n        " + AddTagButton + ":not(:focus) {\n            visibility: hidden;\n        }\n        tr:hover &, \n        .virtual-table-row:hover & {\n            " + AddTagButton + " {\n                visibility: visible;\n            }\n        }\n    ";
-});
+});
+export var TagsGroupSkeleton = styled.div.withConfig({
+  displayName: "TagsGroupstyles__TagsGroupSkeleton",
+  componentId: "sc-a6dl1s-1"
+})(["display:flex;align-items:center;width:100%;"]);

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

@@ -2,5 +2,7 @@ import { type TagsProps } from '@synerise/ds-tags';
 import { type WithHTMLAttributes } from '@synerise/ds-utils';
 export type TagsGroupProps = WithHTMLAttributes<HTMLDivElement, {
     disabled?: boolean;
+    isLoading?: boolean;
+    isError?: boolean;
     tagsProps?: TagsProps;
 }>;

package/dist/InfiniteScroll/OuterListElement.js

@@ -44,7 +44,6 @@ var OuterListElement = function OuterListElement(containerRef, isSticky) {
         ref: ref,
         onWheel: onWheelHandler,
         "data-testid": "virtual-table-scrollable-window-sticky",
-        "data-popup-container": true,
         style: _extends({}, rest, {
           maxHeight: height
         })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-table",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "description": "Table UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -35,26 +35,26 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^1.1.22",
+    "@synerise/ds-alert": "^1.1.23",
     "@synerise/ds-badge": "^1.0.24",
-    "@synerise/ds-button": "^1.4.14",
-    "@synerise/ds-button-group": "^1.1.21",
+    "@synerise/ds-button": "^1.4.15",
+    "@synerise/ds-button-group": "^1.1.22",
     "@synerise/ds-checkbox": "^1.2.0",
-    "@synerise/ds-dropdown": "^1.0.31",
+    "@synerise/ds-dropdown": "^1.0.32",
     "@synerise/ds-flag": "^1.0.5",
     "@synerise/ds-icon": "^1.7.3",
     "@synerise/ds-input": "^1.4.0",
     "@synerise/ds-input-number": "^1.2.13",
     "@synerise/ds-loader": "^1.0.10",
-    "@synerise/ds-menu": "^1.1.0",
-    "@synerise/ds-modal": "^1.2.14",
-    "@synerise/ds-result": "^1.0.27",
+    "@synerise/ds-menu": "^1.1.1",
+    "@synerise/ds-modal": "^1.2.15",
+    "@synerise/ds-result": "^1.0.28",
     "@synerise/ds-scrollbar": "^1.1.9",
-    "@synerise/ds-search": "^1.3.7",
+    "@synerise/ds-search": "^1.3.8",
     "@synerise/ds-skeleton": "^1.0.24",
-    "@synerise/ds-status": "^1.2.18",
-    "@synerise/ds-tag": "^1.3.2",
-    "@synerise/ds-tags": "^1.4.6",
+    "@synerise/ds-status": "^1.2.19",
+    "@synerise/ds-tag": "^1.3.3",
+    "@synerise/ds-tags": "^1.4.7",
     "@synerise/ds-tooltip": "^1.2.1",
     "@synerise/ds-typography": "^1.0.22",
     "@synerise/ds-utils": "^1.5.0",
@@ -76,5 +76,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "4e09fc37fa21ff2e27655e7bb305b136db0ca199"
+  "gitHead": "dff7f973bc9fb59e3eb88c658add8b6eb5a1b792"
 }