@synerise/ds-card-tabs 0.17.8 → 0.18.0

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.
 
+# [0.18.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.17.9...@synerise/ds-card-tabs@0.18.0) (2025-01-29)
+
+
+### Features
+
+* antd@4.24 react@18 ([d97a667](https://github.com/Synerise/synerise-design/commit/d97a667b1f33aed3177e1851de3b6f60be2d46a6))
+
+
+
+
+
+## [0.17.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.17.8...@synerise/ds-card-tabs@0.17.9) (2025-01-21)
+
+**Note:** Version bump only for package @synerise/ds-card-tabs
+
+
+
+
+
 ## [0.17.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.17.7...@synerise/ds-card-tabs@0.17.8) (2025-01-15)
 
 **Note:** Version bump only for package @synerise/ds-card-tabs

package/dist/CardTab/CardTab.js

@@ -1,8 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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); }
 import React, { useState, useMemo, useCallback } from 'react';
 import Icon from '@synerise/ds-icon';
 import InlineEdit from '@synerise/ds-inline-edit/dist/InlineEdit';
@@ -45,7 +41,7 @@ var CardTab = function CardTab(props) {
     editedName = _useState2[0],
     setEditedName = _useState2[1];
   var getTexts = useMemo(function () {
-    return _objectSpread({
+    return _extends({
       changeNameTooltip: intl.formatMessage({
         id: 'DS.CARD-TAB.RENAME',
         defaultMessage: 'Rename'
@@ -125,7 +121,7 @@ var CardTab = function CardTab(props) {
   var showCardActions = useCallback(function () {
     return (!!onChangeName || !!onDuplicateTab || !!onRemoveTab || !!onPreviewTab) && !suffixIcon && !renderSuffix;
   }, [onChangeName, onDuplicateTab, onRemoveTab, onPreviewTab, suffixIcon, renderSuffix]);
-  var suffixProps = _objectSpread({}, props, {
+  var suffixProps = _extends({}, props, {
     handleRemove: handleRemove,
     handleDuplicate: handleDuplicate,
     handleEditName: handleEditName,

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

@@ -1,6 +1,6 @@
-import { ReactNode, MouseEvent } from 'react';
-import { IntlShape } from 'react-intl';
-import { DefaultColor } from '@synerise/ds-core';
+import type { ReactNode, MouseEvent, KeyboardEvent } from 'react';
+import type { IntlShape } from 'react-intl';
+import type { DefaultColor } from '@synerise/ds-core';
 export declare enum prefixType {
     TAG = 0,
     ICON = 1,
@@ -8,6 +8,7 @@ export declare enum prefixType {
     HANDLE = 3
 }
 export type Color = 'red' | 'green' | 'grey' | 'yellow' | 'blue' | 'pink' | 'mars' | 'orange' | 'fern' | 'cyan' | 'purple' | 'violet';
+export type ListItemEventType = MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>;
 export type CardTabTexts = {
     changeNameTooltip?: ReactNode;
     previewTooltip?: ReactNode;

package/dist/CardTab/CardTabDropdown/CardTabDropdown.js

@@ -3,7 +3,6 @@ import Dropdown from '@synerise/ds-dropdown';
 import { useOnClickOutside } from '@synerise/ds-utils';
 import Icon, { OptionVerticalM, EditM, DuplicateM, TrashM } from '@synerise/ds-icon';
 import Menu from '@synerise/ds-menu';
-import { theme } from '@synerise/ds-core';
 import * as S from '../CardTab.styles';
 var CardTabDropdown = function CardTabDropdown(_ref) {
   var editNameHandler = _ref.editNameHandler,
@@ -78,8 +77,7 @@ var CardTabDropdown = function CardTabDropdown(_ref) {
       setOpen(!open);
     },
     "data-testid": "ds-card-tabs-contextmenu",
-    component: /*#__PURE__*/React.createElement(OptionVerticalM, null),
-    color: theme.palette['grey-600']
+    component: /*#__PURE__*/React.createElement(OptionVerticalM, null)
   })));
 };
 export default CardTabDropdown;

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

@@ -1,8 +1,7 @@
-import { MouseEvent } from 'react';
-import { CardTabTexts } from '../CardTab.types';
-export interface CardTabDropdownProps {
-    editNameHandler?: (event?: MouseEvent<HTMLElement>) => void;
-    duplicateHandler?: (event?: MouseEvent<HTMLElement>) => void;
-    removeHandler?: (event?: MouseEvent<HTMLElement>) => void;
+import type { CardTabTexts, ListItemEventType } from '../CardTab.types';
+export type CardTabDropdownProps = {
+    editNameHandler?: (event: ListItemEventType) => void;
+    duplicateHandler?: (event: ListItemEventType) => void;
+    removeHandler?: (event: ListItemEventType) => void;
     texts: CardTabTexts;
-}
+};

package/dist/CardTab/CardTabPrefix/CardTabPrefix.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import Icon, { DragHandleM } from '@synerise/ds-icon';
-import { theme } from '@synerise/ds-core';
 import * as S from '../CardTab.styles';
 import { prefixType } from '../CardTab.types';
 var CardTabPrefix = function CardTabPrefix(_ref) {
@@ -16,8 +15,7 @@ var CardTabPrefix = function CardTabPrefix(_ref) {
     draggable: draggable,
     "data-testid": "card-tab-tag"
   }, tag), prefix === prefixType.ICON && prefixIcon && /*#__PURE__*/React.createElement(S.CardIconPrefix, null, /*#__PURE__*/React.createElement(Icon, {
-    component: prefixIcon,
-    color: theme.palette['grey-600']
+    component: prefixIcon
   })), prefix === prefixType.DOT && colorDot && /*#__PURE__*/React.createElement(S.CardDotPrefix, {
     "data-testid": "card-dot-tag"
   }, colorDot), (prefix === prefixType.HANDLE || draggable) && /*#__PURE__*/React.createElement(S.CardDragPrefix, {

package/dist/CardTabs.js

@@ -1,9 +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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React, { Children, cloneElement, isValidElement } from 'react';
 import { ReactSortable } from 'react-sortablejs';
 import Button from '@synerise/ds-button';
@@ -48,7 +43,7 @@ var CardTabs = function CardTabs(_ref) {
   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, _objectSpread({}, props.color ? {} : {
+      return isValidElement(child) && cloneElement(child, _extends({}, props.color ? {} : {
         color: defaultColorsOrder[i % defaultColorsOrder.length]
       }, {
         draggable: childrenCount > 1 && (Boolean(onChangeOrder) || props.draggable)

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-card-tabs",
-  "version": "0.17.8",
+  "version": "0.18.0",
   "description": "CardTabs UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,24 +34,24 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.22.2",
-    "@synerise/ds-cruds": "^0.5.34",
-    "@synerise/ds-dropdown": "^0.18.30",
-    "@synerise/ds-icon": "^0.69.1",
-    "@synerise/ds-inline-edit": "^0.9.7",
-    "@synerise/ds-menu": "^0.20.11",
-    "@synerise/ds-tooltip": "^0.14.54",
-    "@synerise/ds-typography": "^0.16.11",
-    "@synerise/ds-utils": "^0.31.2",
+    "@synerise/ds-button": "^0.23.0",
+    "@synerise/ds-cruds": "^0.6.0",
+    "@synerise/ds-dropdown": "^0.19.0",
+    "@synerise/ds-icon": "^0.71.0",
+    "@synerise/ds-inline-edit": "^0.10.0",
+    "@synerise/ds-menu": "^0.21.0",
+    "@synerise/ds-tooltip": "^0.15.0",
+    "@synerise/ds-typography": "^0.17.0",
+    "@synerise/ds-utils": "^0.32.0",
     "react-sortablejs": "^6.0.0",
     "sortablejs": "1.15.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
-    "antd": "4.7.0",
-    "react": ">=16.9.0 <= 17.0.2",
+    "antd": "4.24.16",
+    "react": ">=16.9.0 <= 18.3.1",
     "react-intl": ">=3.12.0 <= 6.8",
-    "styled-components": "5.0.1"
+    "styled-components": "^5.3.3"
   },
-  "gitHead": "f591d14d24d6a14aab76edcb60f04aaadec8336d"
+  "gitHead": "fbde34e126b492edaf148e469ab96247a891d6df"
 }