@synerise/ds-tags 1.4.6 → 1.4.8

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.4.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tags@1.4.7...@synerise/ds-tags@1.4.8) (2025-10-22)
+
+
+### Bug Fixes
+
+* **tags:** add tags component fixes ([02ff302](https://github.com/Synerise/synerise-design/commit/02ff30284dc035293ff0a11a101a00658102115b))
+
+
+
+
+
+## [1.4.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tags@1.4.6...@synerise/ds-tags@1.4.7) (2025-10-16)
+
+
+### Bug Fixes
+
+* **tags:** adjust tags to table requirements ([fe1aa4d](https://github.com/Synerise/synerise-design/commit/fe1aa4d00f8ad95fb191f866b548af72863a8963))
+
+
+
+
+
 ## [1.4.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tags@1.4.5...@synerise/ds-tags@1.4.6) (2025-10-10)
 
 **Note:** Version bump only for package @synerise/ds-tags

package/dist/Tags.js

@@ -82,8 +82,7 @@ var Tags = function Tags(_ref) {
     tagShape: tagShape,
     removable: removable,
     onRemove: removable ? onRemove : undefined,
-    disabled: disabled,
-    asPill: asPill
+    disabled: disabled
   }), addable && /*#__PURE__*/React.createElement(AddTags, {
     data: data,
     selected: selected,

package/dist/components/AddTags/AddTags.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import { type TagTexts } from '@synerise/ds-tag';
 import { type TagsProps } from '../../Tags.types';
-type AddTagsProps = Pick<TagsProps, 'creatable' | 'data' | 'selected' | 'overlayPlacement' | 'overlayStyle' | 'dropdownFooter' | 'maxHeight' | 'tagShape' | 'onSelectedChange' | 'onCreate' | 'addButtonType'> & {
+export type AddTagsProps = Pick<TagsProps, 'creatable' | 'data' | 'selected' | 'overlayPlacement' | 'overlayStyle' | 'dropdownFooter' | 'maxHeight' | 'tagShape' | 'onSelectedChange' | 'onCreate' | 'addButtonType'> & {
     texts: TagTexts;
 };
 export declare const AddTags: ({ creatable, data, selected, overlayPlacement, overlayStyle, texts, tagShape, maxHeight, dropdownFooter, onSelectedChange, onCreate, addButtonType, }: AddTagsProps) => React.JSX.Element;
-export {};

package/dist/components/AddTags/AddTags.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { useTheme } from '@synerise/ds-core';
 import Icon, { Add3M, SearchM } from '@synerise/ds-icon';
 import Result from '@synerise/ds-result';
@@ -19,6 +19,7 @@ export var AddTags = function AddTags(_ref) {
     onCreate = _ref.onCreate,
     addButtonType = _ref.addButtonType;
   var theme = useTheme();
+  var searchRef = useRef(null);
   var _useState = useState(''),
     searchQuery = _useState[0],
     setSearchQuery = _useState[1];
@@ -55,6 +56,14 @@ export var AddTags = function AddTags(_ref) {
   var isCreatable = creatable && !isExactMatchFound && searchQuery;
   var isSeparated = !emptyPool;
   var noTagsContentLabel = !!(notSelectedList != null && notSelectedList.length) && !!searchQuery ? texts == null ? void 0 : texts.noResultsLabel : texts == null ? void 0 : texts.dropdownNoTags;
+  useEffect(function () {
+    if (isTagAddDropdownOpen) {
+      setTimeout(function () {
+        var _searchRef$current;
+        return (_searchRef$current = searchRef.current) == null ? void 0 : _searchRef$current.focus();
+      }, 0);
+    }
+  }, [isTagAddDropdownOpen]);
   return /*#__PURE__*/React.createElement(TagsDropdown, {
     tags: selectablePool,
     trigger: ['click'],
@@ -82,6 +91,9 @@ export var AddTags = function AddTags(_ref) {
       description: noTagsContentLabel || 'No results'
     }),
     dropdownHeader: /*#__PURE__*/React.createElement(SearchBar, {
+      handleInputRef: function handleInputRef(ref) {
+        return searchRef.current = ref.current;
+      },
       value: searchQuery,
       onSearchChange: setSearchQuery,
       placeholder: texts.searchPlaceholder || '',

package/dist/components/LimitedTags/LimitedTags.d.ts

@@ -6,8 +6,7 @@ type LimitedTagsProps = {
     maxVisibleTags?: number;
     removable?: boolean;
     disabled?: boolean;
-    asPill?: boolean;
     onRemove?: (tagKey: string | number) => void;
 };
-export declare const LimitedTags: ({ tagShape, selected, maxVisibleTags, asPill, removable, disabled, onRemove, }: LimitedTagsProps) => React.JSX.Element;
+export declare const LimitedTags: ({ tagShape, selected, maxVisibleTags, removable, disabled, onRemove, }: LimitedTagsProps) => React.JSX.Element;
 export {};

package/dist/components/LimitedTags/LimitedTags.js

@@ -6,7 +6,6 @@ export var LimitedTags = function LimitedTags(_ref) {
   var tagShape = _ref.tagShape,
     selected = _ref.selected,
     maxVisibleTags = _ref.maxVisibleTags,
-    asPill = _ref.asPill,
     removable = _ref.removable,
     disabled = _ref.disabled,
     onRemove = _ref.onRemove;
@@ -19,7 +18,7 @@ export var LimitedTags = function LimitedTags(_ref) {
     removable: removable,
     onRemove: removable ? onRemove : undefined,
     disabled: disabled,
-    asPill: asPill,
+    asPill: true,
     overlayStyle: {
       zIndex: parseInt(theme.variables['zindex-dropdown'], 10) + 1
     }

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { default } from './Tags';
 export * as TagsStyles from './Tags.styles';
 export type { TagsProps, ActionTaken, ExtendedTagProps } from './Tags.types';
+export { AddTags, type AddTagsProps } from './components/AddTags/AddTags';
 /**
  * @deprecated import directly from @synerise/ds-tag
  */

package/dist/index.js

@@ -1,6 +1,8 @@
 export { default } from './Tags';
 import * as _TagsStyles from './Tags.styles';
 export { _TagsStyles as TagsStyles };
+export { AddTags } from './components/AddTags/AddTags';
+
 /**
  * @deprecated import directly from @synerise/ds-tag
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-tags",
-  "version": "1.4.6",
+  "version": "1.4.8",
   "description": "Tags UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,14 +35,14 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.4.14",
-    "@synerise/ds-dropdown": "^1.0.31",
+    "@synerise/ds-button": "^1.4.16",
+    "@synerise/ds-dropdown": "^1.0.33",
     "@synerise/ds-icon": "^1.7.3",
-    "@synerise/ds-information-card": "^1.2.0",
-    "@synerise/ds-result": "^1.0.27",
+    "@synerise/ds-information-card": "^1.2.2",
+    "@synerise/ds-result": "^1.0.29",
     "@synerise/ds-scrollbar": "^1.1.9",
-    "@synerise/ds-search-bar": "^1.3.16",
-    "@synerise/ds-tag": "^1.3.2",
+    "@synerise/ds-search-bar": "^1.3.18",
+    "@synerise/ds-tag": "^1.3.3",
     "@synerise/ds-tooltip": "^1.2.1"
   },
   "peerDependencies": {
@@ -50,5 +50,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "4e09fc37fa21ff2e27655e7bb305b136db0ca199"
+  "gitHead": "a40fca2cc78eda64afa96d18dc4d177538a22404"
 }