@synerise/ds-tags 0.9.2 → 0.9.3

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.
 
+## [0.9.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tags@0.9.2...@synerise/ds-tags@0.9.3) (2024-07-02)
+
+
+### Bug Fixes
+
+* **tags:** fixed spreading html attributes ([29a37bc](https://github.com/Synerise/synerise-design/commit/29a37bca2cbf1f55dae75029f5e5b4cf3afd6afb))
+
+
+
+
+
 ## [0.9.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tags@0.9.1...@synerise/ds-tags@0.9.2) (2024-06-27)
 
 **Note:** Version bump only for package @synerise/ds-tags

package/dist/Tag/Tag.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TagProps, TagShape } from './Tag.types';
 declare const Tag: {
-    ({ id, name, className, disabled, removable, image, shape, color, textColor, onRemove, onClick, onMouseLeave, onMouseOver, prefixel, suffixel, texts, asPill, }: TagProps): React.JSX.Element;
+    ({ id, name, className, disabled, removable, image, shape, color, textColor, onRemove, onClick, prefixel, suffixel, texts, asPill, ...htmlAttributes }: TagProps): React.JSX.Element;
     defaultProps: {
         shape: TagShape;
     };

package/dist/Tag/Tag.js

@@ -1,3 +1,9 @@
+var _excluded = ["id", "name", "className", "disabled", "removable", "image", "shape", "color", "textColor", "onRemove", "onClick", "prefixel", "suffixel", "texts", "asPill"];
+
+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); }
+
+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 } from 'react';
 import Icon, { CloseS } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
@@ -18,12 +24,12 @@ var Tag = function Tag(_ref) {
       textColor = _ref.textColor,
       onRemove = _ref.onRemove,
       onClick = _ref.onClick,
-      onMouseLeave = _ref.onMouseLeave,
-      onMouseOver = _ref.onMouseOver,
       prefixel = _ref.prefixel,
       suffixel = _ref.suffixel,
       texts = _ref.texts,
-      asPill = _ref.asPill;
+      asPill = _ref.asPill,
+      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   var isDefaultType = shape && [TagShape.DEFAULT_ROUND, TagShape.DEFAULT_SQUARE].includes(shape);
   var isDefaultRound = shape === TagShape.DEFAULT_ROUND;
   var isDefaultSquare = shape === TagShape.DEFAULT_SQUARE;
@@ -62,16 +68,16 @@ var Tag = function Tag(_ref) {
   var handleMouseOver = function handleMouseOver(event) {
     setIsIconHovered(true); // eslint-disable-next-line no-unused-expressions
 
-    onMouseOver == null || onMouseOver(event);
+    htmlAttributes.onMouseOver == null || htmlAttributes.onMouseOver(event);
   };
 
   var handleMouseLeave = function handleMouseLeave(event) {
-    setIsIconHovered(true); // eslint-disable-next-line no-unused-expressions
+    setIsIconHovered(false); // eslint-disable-next-line no-unused-expressions
 
-    onMouseLeave == null || onMouseLeave(event);
+    htmlAttributes.onMouseLeave == null || htmlAttributes.onMouseLeave(event);
   };
 
-  return /*#__PURE__*/React.createElement(S.Tag, {
+  return /*#__PURE__*/React.createElement(S.Tag, _extends({
     className: "ds-tag " + (className != null ? className : ''),
     isStatusShape: isStatusShape,
     shape: shape,
@@ -87,7 +93,7 @@ var Tag = function Tag(_ref) {
     hasImage: !!image,
     iconHover: isIconHovered,
     asPill: asPill
-  }, /*#__PURE__*/React.createElement(S.Content, {
+  }, htmlAttributes), /*#__PURE__*/React.createElement(S.Content, {
     iconHover: isIconHovered
   }, image && isDefaultType && /*#__PURE__*/React.createElement("img", {
     src: image,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-tags",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "Tags UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,11 +34,11 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@synerise/ds-button": "^0.21.1",
-    "@synerise/ds-dropdown": "^0.18.2",
+    "@synerise/ds-dropdown": "^0.18.3",
     "@synerise/ds-icon": "^0.63.0",
     "@synerise/ds-result": "^0.6.58",
     "@synerise/ds-scrollbar": "^0.11.2",
-    "@synerise/ds-search-bar": "^0.6.77",
+    "@synerise/ds-search-bar": "^0.6.78",
     "@synerise/ds-tooltip": "^0.14.31"
   },
   "peerDependencies": {
@@ -50,5 +50,5 @@
     "@synerise/ds-utils": "^0.27.0",
     "@testing-library/react": "10.0.1"
   },
-  "gitHead": "587eb113074985ae21e4f0c25ec33c3e3e2e072b"
+  "gitHead": "0692552b018dc9c8042f18c773f88890c9ad3270"
 }