@synerise/ds-tag 1.2.0 → 1.3.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.3.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tag@1.3.0...@synerise/ds-tag@1.3.1) (2025-10-08)
+
+
+### Bug Fixes
+
+* **table:** popup conatiner attr and tags wrapper styles ([5153e44](https://github.com/Synerise/synerise-design/commit/5153e440469e7d81808ef102c70f0a38f2e6596f))
+
+
+
+
+
+# [1.3.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tag@1.2.0...@synerise/ds-tag@1.3.0) (2025-09-25)
+
+
+### Features
+
+* **table:** cell with tags list ([109820e](https://github.com/Synerise/synerise-design/commit/109820ed06f931a178580633277a7643aebe1072))
+
+
+
+
+
 # [1.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tag@1.1.18...@synerise/ds-tag@1.2.0) (2025-09-19)
 
 

package/dist/Tag.js

@@ -8,6 +8,7 @@ import Tooltip from '@synerise/ds-tooltip';
 import * as S from './Tag.styles';
 import { getColorText } from './Tag.styles';
 import { TagShape } from './Tag.types';
+import { useDefaultTexts } from './hooks/useDefaultTexts';
 var Tag = function Tag(_ref) {
   var id = _ref.id,
     name = _ref.name,
@@ -29,6 +30,7 @@ var Tag = function Tag(_ref) {
     tooltipProps = _ref.tooltipProps,
     htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
   var theme = useTheme();
+  var allTexts = useDefaultTexts(texts);
   var isDefaultType = shape && [TagShape.DEFAULT_ROUND, TagShape.DEFAULT_SQUARE].includes(shape);
   var isDefaultRound = shape === TagShape.DEFAULT_ROUND;
   var isDefaultSquare = shape === TagShape.DEFAULT_SQUARE;
@@ -88,7 +90,7 @@ var Tag = function Tag(_ref) {
     src: image,
     alt: ""
   }), !!prefixel && renderPrefixel(), /*#__PURE__*/React.createElement(S.TagName, null, name), !!suffixel && renderSuffixel(), isRemovable && /*#__PURE__*/React.createElement(Tooltip, {
-    title: (texts == null ? void 0 : texts.deleteTooltip) || 'Delete',
+    title: allTexts.deleteTooltip,
     open: isIconHovered
   }, /*#__PURE__*/React.createElement(S.RemoveButton, {
     onClick: onRemoveCall,

package/dist/Tag.styles.js

@@ -108,7 +108,7 @@ export var DefaultPrefixWrapper = styled.div.withConfig({
 export var Tag = styled.div.withConfig({
   displayName: "Tagstyles__Tag",
   componentId: "sc-1xw3den-7"
-})(["position:relative;margin:4px;display:inline-flex;font-weight:500;overflow:hidden;cursor:default;", " ", ";", " ", " ", " .icon1{margin:0 -2px 0 1px;}", ";&:last-of-type{margin-right:0;}", ",", "{margin:", ";}", ",", "{margin:", ";}"], function (props) {
+})(["position:relative;margin:4px;display:inline-flex;font-weight:500;overflow:hidden;cursor:default;", " ", ";", " ", " ", " .icon1{margin:0 -2px 0 1px;}", ";", ",", "{margin:", ";}", ",", "{margin:", ";}"], function (props) {
   return !props.asPill && css(["cursor:pointer;&:hover:before{filter:", ";}"], getFilterColor);
 }, function (props) {
   return insertShapeStyles(props);

package/dist/hooks/useDefaultTexts.d.ts

@@ -0,0 +1,2 @@
+import { type TagTexts } from '../Tag.types';
+export declare const useDefaultTexts: (texts?: Partial<TagTexts>) => TagTexts;

package/dist/hooks/useDefaultTexts.js

@@ -0,0 +1,44 @@
+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 { FormattedMessage, useIntl } from 'react-intl';
+export var useDefaultTexts = function useDefaultTexts(texts) {
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var allTexts = useMemo(function () {
+    return _extends({
+      searchPlaceholder: formatMessage({
+        id: 'DS.TAG.SEARCH-PLACEHOLDER',
+        defaultMessage: 'Search'
+      }),
+      addButtonLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "DS.TAG.ADD-BUTTON-LABEL",
+        defaultMessage: "Add tag"
+      }),
+      manageLinkLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "DS.TAG.MANAGE-LINK-LABEL",
+        defaultMessage: "Manage tags"
+      }),
+      createTagButtonLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "DS.TAG.CREATE-TAG-LABEL",
+        defaultMessage: "Create tag"
+      }),
+      dropdownNoTags: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "DS.TAG.NO-TAGS",
+        defaultMessage: "No data"
+      }),
+      clearTooltip: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "DS.TAG.CLEAR-TOOLTIP",
+        defaultMessage: "Clear"
+      }),
+      deleteTooltip: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "DS.TAG.DELETE-TOOLTIP",
+        defaultMessage: "Delete"
+      }),
+      noResultsLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "DS.TAG.NO-SEARCH-RESULTS",
+        defaultMessage: "No tags found"
+      })
+    }, texts || {});
+  }, [texts, formatMessage]);
+  return allTexts;
+};

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './Tag';
 export { TagShape, type TagProps, type TagTexts } from './Tag.types';
+export { useDefaultTexts } from './hooks/useDefaultTexts';

package/dist/index.js

@@ -1,2 +1,3 @@
 export { default } from './Tag';
-export { TagShape } from './Tag.types';
+export { TagShape } from './Tag.types';
+export { useDefaultTexts } from './hooks/useDefaultTexts';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-tag",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "description": "Tag UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -44,5 +44,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "5029af8713235b315d36bb3c73363f2feca86da0"
+  "gitHead": "b93cc50e96540d3174fcf1c673d424d0ff57c5ef"
 }