@synerise/ds-card-tabs 1.2.2 → 1.2.4

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.2.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.2.3...@synerise/ds-card-tabs@1.2.4) (2025-04-16)
+
+
+### Bug Fixes
+
+* add keyId as key into CardTab ([9a1d626](https://github.com/Synerise/synerise-design/commit/9a1d6265496288a71e43163c4299f41200afe450))
+
+
+
+
+
+## [1.2.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.2.2...@synerise/ds-card-tabs@1.2.3) (2025-04-04)
+
+**Note:** Version bump only for package @synerise/ds-card-tabs
+
+
+
+
+
 ## [1.2.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.2.1...@synerise/ds-card-tabs@1.2.2) (2025-04-02)
 
 **Note:** Version bump only for package @synerise/ds-card-tabs

package/dist/CardTab/CardTab.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _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, { useState, useMemo, useCallback } from 'react';
 import Icon from '@synerise/ds-icon';
 import InlineEdit from '@synerise/ds-inline-edit/dist/InlineEdit';

package/dist/CardTab/CardTab.types.d.ts

@@ -48,6 +48,10 @@ export type CardTabProps<IdType extends string | number = number> = {
     itemData?: unknown;
     actionsAsDropdown?: boolean;
     renderSuffix?: (props: CardTabSuffixProps) => ReactNode;
+    /**
+     * @deprecated
+     */
+    keyId?: string;
 };
 export type CardTabSuffixProps = Omit<CardTabProps & {
     handleRemove?: (event?: MouseEvent<HTMLElement>) => void;

package/dist/CardTab/CardTab.types.js

@@ -1,7 +1,7 @@
-export var prefixType;
-(function (prefixType) {
+export var prefixType = /*#__PURE__*/function (prefixType) {
   prefixType[prefixType["TAG"] = 0] = "TAG";
   prefixType[prefixType["ICON"] = 1] = "ICON";
   prefixType[prefixType["DOT"] = 2] = "DOT";
   prefixType[prefixType["HANDLE"] = 3] = "HANDLE";
-})(prefixType || (prefixType = {}));
+  return prefixType;
+}({});

package/dist/CardTab/CardTabPrefix/CardTabPrefix.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _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 from 'react';
 import Icon, { DragHandleM } from '@synerise/ds-icon';
 import * as S from '../CardTab.styles';

package/dist/CardTabs.js

@@ -1,6 +1,6 @@
 var _excluded = ["className", "onChangeOrder", "onAddTab", "maxTabsCount", "children", "addTabLabel"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
+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, { Children, cloneElement, isValidElement } from 'react';
 // import { ReactSortable, MoveEvent } from 'react-sortablejs';
 
@@ -34,12 +34,14 @@ var CardTabs = function CardTabs(_ref) {
     return _extends({}, child.props, {
       color: defaultColorsOrder[i % defaultColorsOrder.length],
       draggable: childrenCount > 1 && (Boolean(onChangeOrder) || child.props.draggable)
-    });
+    }, child.props.keyId ? {
+      key: child.props.keyId
+    } : {});
   });
   var renderChildren = function renderChildren() {
     return /*#__PURE__*/React.createElement(React.Fragment, null, Children.map(children, function (child, i) {
       var props = child.props;
-      return isValidElement(child) && cloneElement(child, _extends({}, props.color ? {} : {
+      return /*#__PURE__*/isValidElement(child) && /*#__PURE__*/cloneElement(child, _extends({}, props.color ? {} : {
         color: defaultColorsOrder[i % defaultColorsOrder.length]
       }, {
         draggable: childrenCount > 1 && (Boolean(onChangeOrder) || props.draggable)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-card-tabs",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "CardTabs UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,15 +34,15 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.1.3",
-    "@synerise/ds-cruds": "^1.0.4",
-    "@synerise/ds-dropdown": "^1.0.4",
-    "@synerise/ds-icon": "^1.3.0",
-    "@synerise/ds-inline-edit": "^1.0.5",
-    "@synerise/ds-menu": "^1.0.4",
+    "@synerise/ds-button": "^1.1.4",
+    "@synerise/ds-cruds": "^1.0.5",
+    "@synerise/ds-dropdown": "^1.0.5",
+    "@synerise/ds-icon": "^1.4.0",
+    "@synerise/ds-inline-edit": "^1.0.6",
+    "@synerise/ds-menu": "^1.0.5",
     "@synerise/ds-sortable": "^1.1.0",
-    "@synerise/ds-tooltip": "^1.1.3",
-    "@synerise/ds-typography": "^1.0.4",
+    "@synerise/ds-tooltip": "^1.1.4",
+    "@synerise/ds-typography": "^1.0.5",
     "@synerise/ds-utils": "^1.0.1"
   },
   "peerDependencies": {
@@ -52,5 +52,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "dc78b03be09e793ec84f1dafc59c5616e77f1196"
+  "gitHead": "6735f9babfeef53122f54ca86cba5f581e8870d9"
 }