@synerise/ds-card-tabs 0.15.9 → 0.16.0

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.16.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.15.9...@synerise/ds-card-tabs@0.16.0) (2024-03-09)
+
+
+### Features
+
+* **card-tabs:** add preview option to cruds and card-tabs ([f7cb671](https://github.com/Synerise/synerise-design/commit/f7cb671da0cf0a6429e958c8575d91a4fc9020eb))
+
+
+
+
+
 ## [0.15.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.15.8...@synerise/ds-card-tabs@0.15.9) (2024-03-05)
 
 **Note:** Version bump only for package @synerise/ds-card-tabs

package/README.md

@@ -95,6 +95,7 @@ import CardTabs from '@synerise/ds-card-tabs'
 | invalidName    | Flag of tabs with invalid name                                                  | boolean                                                                                                |`false`   |
 | draggable      | Shows drag handler on the left side of tab                                      | boolean                                                                                                |`false`   |
 | onSelectTab    | Callback fired when user clicks on the tab                                      | (id: number) => void                                                                                   | -        |
+| onPreviewTab   | Callback fired when user clicks on the preview tab icon                         | (id: number) => void                                                                                   | -        |
 | onRemoveTab    | Callback fired when user clicks on the remove tab icon                          | (id: number) => void                                                                                   | -        |
 | onDuplicateTab | Callback fired when user clicks on the duplicate tab icon                       | (id: number) => void                                                                                   | -        |
 | onChangeName   | Callback fired when the edit name input blur                                    | (id: number, newName: string)                                                                          | -        |
@@ -111,6 +112,7 @@ import CardTabs from '@synerise/ds-card-tabs'
 | ----------------- | ----------------- | ------------------------ | ----------- |
 | changeNameTooltip | Rename tooltip    | string / React.ReactNode | 'Rename'    |
 | duplicateTooltip  | Duplicate tooltip | string / React.ReactNode | 'Duplicate' |
+| previewTooltip    | Remove tooltip    | string / React.ReactNode | 'Remove'    |
 | removeTooltip     | Remove tooltip    | string / React.ReactNode | 'Remove'    |
 | changeNameMenuItem | Rename menu label    | string / React.ReactNode | 'Rename'    |
 | duplicateMenuItem  | Duplicate menu label | string / React.ReactNode | 'Duplicate' |

package/dist/CardTab/CardTab.js

@@ -33,6 +33,7 @@ var CardTab = function CardTab(props) {
       onSelectTab = props.onSelectTab,
       onDuplicateTab = props.onDuplicateTab,
       onRemoveTab = props.onRemoveTab,
+      onPreviewTab = props.onPreviewTab,
       texts = props.texts,
       _props$color = props.color,
       color = _props$color === void 0 ? 'yellow' : _props$color,
@@ -123,13 +124,18 @@ var CardTab = function CardTab(props) {
       onRemoveTab && onRemoveTab(id);
     };
   }, [id, onRemoveTab]);
+
+  var handlePreview = onPreviewTab && function () {
+    return onPreviewTab(id);
+  };
+
   var handleSelect = useCallback(function (event) {
     !!event && event.stopPropagation();
     !edited && onSelectTab && onSelectTab(id);
   }, [edited, id, onSelectTab]);
   var showCardActions = useCallback(function () {
-    return (!!onChangeName || !!onDuplicateTab || !!onRemoveTab) && !suffixIcon && !renderSuffix;
-  }, [onChangeName, onDuplicateTab, onRemoveTab, suffixIcon, renderSuffix]);
+    return (!!onChangeName || !!onDuplicateTab || !!onRemoveTab || !!onPreviewTab) && !suffixIcon && !renderSuffix;
+  }, [onChangeName, onDuplicateTab, onRemoveTab, onPreviewTab, suffixIcon, renderSuffix]);
 
   var suffixProps = _objectSpread({}, props, {
     handleRemove: handleRemove,
@@ -166,6 +172,7 @@ var CardTab = function CardTab(props) {
         onChangeName: onChangeName ? handleEditName : undefined,
         onDuplicateTab: handleDuplicate,
         onRemoveTab: handleRemove,
+        onPreviewTab: handlePreview,
         texts: getTexts
       });
     }

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

@@ -9,12 +9,13 @@ export declare enum prefixType {
 }
 export type Color = 'red' | 'green' | 'grey' | 'yellow' | 'blue' | 'pink' | 'mars' | 'orange' | 'fern' | 'cyan' | 'purple' | 'violet';
 export type CardTabTexts = {
-    changeNameTooltip?: string | ReactNode;
-    removeTooltip?: string | ReactNode;
-    duplicateTooltip?: string | ReactNode;
-    changeNameMenuItem?: string | ReactNode;
-    removeMenuItem?: string | ReactNode;
-    duplicateMenuItem?: string | ReactNode;
+    changeNameTooltip?: ReactNode;
+    previewTooltip?: ReactNode;
+    removeTooltip?: ReactNode;
+    duplicateTooltip?: ReactNode;
+    changeNameMenuItem?: ReactNode;
+    removeMenuItem?: ReactNode;
+    duplicateMenuItem?: ReactNode;
 };
 export type CardTabProps = {
     intl: IntlShape;
@@ -36,6 +37,7 @@ export type CardTabProps = {
     onChangeName?: (id: number, name: string) => void;
     onDuplicateTab?: (id: number) => void;
     onRemoveTab?: (id: number) => void;
+    onPreviewTab?: (id: number) => void;
     texts?: CardTabTexts;
     itemData?: unknown;
     actionsAsDropdown?: boolean;

package/dist/CardTab/CardTabActions/CardTabActions.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
-import { Props } from './CardTabActions.types';
-declare const CardTabActions: FC<Props>;
+import type { CardTabActionsProps } from './CardTabActions.types';
+declare const CardTabActions: ({ onChangeName, enterEditNameMode, onDuplicateTab, onRemoveTab, onPreviewTab, texts, }: CardTabActionsProps) => JSX.Element;
 export default CardTabActions;

package/dist/CardTab/CardTabActions/CardTabActions.js

@@ -7,6 +7,7 @@ var CardTabActions = function CardTabActions(_ref) {
       enterEditNameMode = _ref.enterEditNameMode,
       onDuplicateTab = _ref.onDuplicateTab,
       onRemoveTab = _ref.onRemoveTab,
+      onPreviewTab = _ref.onPreviewTab,
       texts = _ref.texts;
   return /*#__PURE__*/React.createElement(S.CardTabSuffix, {
     "data-testid": "card-tab-suffix",
@@ -17,7 +18,9 @@ var CardTabActions = function CardTabActions(_ref) {
     onDuplicate: onDuplicateTab,
     duplicateTooltip: texts == null ? void 0 : texts.duplicateTooltip,
     onRemove: onRemoveTab,
-    removeTooltip: texts == null ? void 0 : texts.removeTooltip
+    removeTooltip: texts == null ? void 0 : texts.removeTooltip,
+    onPreview: onPreviewTab,
+    previewTooltip: texts == null ? void 0 : texts.previewTooltip
   }));
 };
 

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

@@ -1,10 +1,11 @@
 import { MouseEvent } from 'react';
 import { CardTabTexts } from '../CardTab.types';
-export interface Props {
+export type CardTabActionsProps = {
     onChangeName?: (event?: MouseEvent<HTMLElement>) => void;
     /** @deprecated */
     enterEditNameMode?: (event?: MouseEvent<HTMLElement>) => void;
     onDuplicateTab?: (event?: MouseEvent<HTMLElement>) => void;
     onRemoveTab?: (event?: MouseEvent<HTMLElement>) => void;
+    onPreviewTab?: () => void;
     texts?: CardTabTexts;
-}
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-card-tabs",
-  "version": "0.15.9",
+  "version": "0.16.0",
   "description": "CardTabs UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,7 +34,7 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@synerise/ds-button": "^0.19.3",
-    "@synerise/ds-cruds": "^0.4.7",
+    "@synerise/ds-cruds": "^0.5.0",
     "@synerise/ds-dropdown": "^0.17.99",
     "@synerise/ds-icon": "^0.60.3",
     "@synerise/ds-inline-edit": "^0.6.99",
@@ -57,5 +57,5 @@
     "@testing-library/react": "10.0.1",
     "@testing-library/user-event": "^10.3.1"
   },
-  "gitHead": "6b8da853a2bb4e993d89e9b0b3041216f0c9c976"
+  "gitHead": "a495036c17725dadd16ee6618d9ea254bbf57b80"
 }