@synerise/ds-card-tabs 0.13.69 → 0.14.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.14.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.13.70...@synerise/ds-card-tabs@0.14.0) (2023-10-06)
+
+
+### Features
+
+* **slider:** add possibility to block allocation handler ([7c8f33c](https://github.com/Synerise/synerise-design/commit/7c8f33c7b2ca2616a53f94370161030e350d16e4))
+
+
+
+
+
+## [0.13.70](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.13.69...@synerise/ds-card-tabs@0.13.70) (2023-10-02)
+
+**Note:** Version bump only for package @synerise/ds-card-tabs
+
+
+
+
+
 ## [0.13.69](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.13.68...@synerise/ds-card-tabs@0.13.69) (2023-09-26)
 
 **Note:** Version bump only for package @synerise/ds-card-tabs

package/dist/CardTab/CardTab.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import React from 'react';
 import { CardTabProps } from './CardTab.types';
-declare const _default: React.ForwardRefExoticComponent<Pick<CardTabProps, "name" | "color" | "id" | "draggable" | "prefix" | "disabled" | "active" | "invalid" | "greyBackground" | "itemData" | "onChangeName" | "onDuplicateTab" | "onRemoveTab" | "onSelectTab" | "tag" | "colorDot" | "prefixIcon" | "suffixIcon" | "invalidName" | "texts" | "actionsAsDropdown" | "renderSuffix"> & {
-    forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
+declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omit<CardTabProps, "intl"> & {
+    forwardedRef?: React.Ref<any> | undefined;
 } & React.RefAttributes<any>> & {
     WrappedComponent: React.ComponentType<CardTabProps>;
 };

package/dist/CardTab/CardTab.js

@@ -4,8 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import * as React from 'react';
-import { useState, useMemo, useCallback } from 'react';
+import React, { useState, useMemo, useCallback } from 'react';
 import Icon from '@synerise/ds-icon';
 import InlineEdit from '@synerise/ds-inline-edit/dist/InlineEdit';
 import { injectIntl } from 'react-intl';
@@ -49,10 +48,6 @@ var CardTab = function CardTab(props) {
       editedName = _useState2[0],
       setEditedName = _useState2[1];
 
-  var _useState3 = useState(false),
-      pressed = _useState3[0],
-      setPressed = _useState3[1];
-
   var getTexts = useMemo(function () {
     return _objectSpread({
       changeNameTooltip: intl.formatMessage({
@@ -143,7 +138,7 @@ var CardTab = function CardTab(props) {
     texts: getTexts
   });
 
-  var cardSuffix = useMemo(function () {
+  var cardSuffix = function () {
     var showActionsDropdownMenu = actionsAsDropdown && (onChangeName || handleDuplicate || handleRemove);
 
     if (showActionsDropdownMenu) {
@@ -176,9 +171,9 @@ var CardTab = function CardTab(props) {
     }
 
     return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }, [renderSuffix, suffixProps, actionsAsDropdown, suffixIcon, showCardActions, onChangeName, handleEditName, handleDuplicate, handleRemove, getTexts]);
+  }();
+
   return /*#__PURE__*/React.createElement(S.CardTabContainer, {
-    className: "" + (pressed ? 'pressed' : ''),
     edited: edited,
     active: Boolean(active),
     invalid: Boolean(invalid || invalidName),
@@ -186,18 +181,6 @@ var CardTab = function CardTab(props) {
     draggable: draggable,
     color: color,
     onClick: handleSelect,
-    onMouseDown: function onMouseDown() {
-      return setPressed(true);
-    },
-    onMouseLeave: !draggable ? function () {
-      return setPressed(false);
-    } : undefined,
-    onMouseUp: function onMouseUp() {
-      return setPressed(false);
-    },
-    onDragEnd: function onDragEnd() {
-      return setPressed(false);
-    },
     greyBackground: !!greyBackground,
     "data-id": id,
     "data-testid": "card-tab-container",

package/dist/CardTab/CardTab.styles.d.ts

@@ -1,4 +1,4 @@
-declare type CardTabContainerProps = {
+type CardTabContainerProps = {
     active: boolean;
     invalid: boolean;
     greyBackground: boolean;

package/dist/CardTab/CardTab.styles.js

@@ -59,7 +59,7 @@ export var CardIconPrefix = styled.div.withConfig({
 export var CardTabContainer = styled.div.withConfig({
   displayName: "CardTabstyles__CardTabContainer",
   componentId: "sc-1n86s98-10"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px;width:180px;@media (max-width:588px){max-width:145px;}height:48px;user-select:none;background-color:", ";box-shadow:", ";border-radius:3px;border-width:", ";border-color:", ";border-style:solid;pointer-events:", ";", "{background-color:", ";color:", ";}", "{background-color:", ";}", "{height:", ";width:", ";border-width:", ";border-color:", ";border-style:solid;}", "{svg{color:", ";fill:", " !important;}}", "{svg{color:", " !important;fill:", " !important;}.remove{svg{color:", " !important;fill:", " !important;}}}&:hover{cursor:pointer;box-shadow:", ";background-color:", ";", "{display:", ";}", "{display:", ";}", "{color:", ";}", "{background-color:", ";color:", ";display:", ";}", "{svg{color:", ";fill:", ";}}", "{display:", ";svg{color:", ";fill:", " !important;}}", "{display:", ";}", "{display:", ";svg{color:", ";fill:", ";}}.ds-card-tabs__suffix-icon{svg{color:", ";fill:", " !important;}}}&.pressed{background-color:", ";}", "{input{color:", ";padding:0 !important;background-image:linear-gradient( to right,", " 0%,", " 33%,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 100% ) !important;}}", "{color:", ";opacity:", ";}.ds-card-tabs__suffix-icon{svg{color:", ";fill:", ";}opacity:", ";}", "{opacity:", ";.ds-card-tabs__handle-icon{svg{color:", ";fill:", ";}}svg{color:", ";fill:", ";}", "{opacity:", ";}}"], function (_ref3) {
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px;width:180px;@media (max-width:588px){max-width:145px;}height:48px;user-select:none;background-color:", ";box-shadow:", ";border-radius:3px;border-width:", ";border-color:", ";border-style:solid;pointer-events:", ";", "{background-color:", ";color:", ";}", "{background-color:", ";}", "{height:", ";width:", ";border-width:", ";border-color:", ";border-style:solid;}", "{svg{color:", ";fill:", " !important;}}", "{svg{color:", " !important;fill:", " !important;}.remove{svg{color:", " !important;fill:", " !important;}}}&:hover{cursor:pointer;box-shadow:", ";background-color:", ";", "{display:", ";}", "{display:", ";}", "{color:", ";}", "{background-color:", ";color:", ";display:", ";}", "{svg{color:", ";fill:", ";}}", "{display:", ";svg{color:", ";fill:", " !important;}}", "{display:", ";}", "{display:", ";svg{color:", ";fill:", ";}}.ds-card-tabs__suffix-icon{svg{color:", ";fill:", " !important;}}}&:active{background-color:", ";}", "{input{color:", ";padding:0 !important;background-image:linear-gradient( to right,", " 0%,", " 33%,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 100% ) !important;}}", "{color:", ";opacity:", ";}.ds-card-tabs__suffix-icon{svg{color:", ";fill:", ";}opacity:", ";}", "{opacity:", ";.ds-card-tabs__handle-icon{svg{color:", ";fill:", ";}}svg{color:", ";fill:", ";}", "{opacity:", ";}}"], function (_ref3) {
   var theme = _ref3.theme,
       active = _ref3.active,
       invalid = _ref3.invalid,

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

@@ -7,8 +7,8 @@ export declare enum prefixType {
     DOT = 2,
     HANDLE = 3
 }
-export declare type Color = 'red' | 'green' | 'grey' | 'yellow' | 'blue' | 'pink' | 'mars' | 'orange' | 'fern' | 'cyan' | 'purple' | 'violet';
-export declare type CardTabTexts = {
+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;
@@ -41,7 +41,7 @@ export interface CardTabProps {
     actionsAsDropdown?: boolean;
     renderSuffix?: (props: CardTabSuffixProps) => ReactNode;
 }
-export declare type CardTabSuffixProps = Omit<CardTabProps & {
+export type CardTabSuffixProps = Omit<CardTabProps & {
     handleRemove?: (event?: MouseEvent<HTMLElement>) => void;
     handleDuplicate?: (event?: MouseEvent<HTMLElement>) => void;
     handleEditName?: (event?: MouseEvent<HTMLElement>) => void;

package/dist/CardTabs.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import { CardTabsProps } from './CardTabs.types';
-declare const CardTabs: FC<CardTabsProps>;
+declare const CardTabs: ({ className, onChangeOrder, onAddTab, maxTabsCount, children, addTabLabel }: CardTabsProps) => JSX.Element;
 export default CardTabs;

package/dist/CardTabs.types.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { CardTabProps } from './CardTab/CardTab.types';
-export declare type CardTabsProps = {
+export type CardTabsProps = {
     className?: string;
     onChangeOrder?: (newOrder: CardTabsItem[]) => void;
     onAddTab?: () => void;
@@ -8,4 +7,4 @@ export declare type CardTabsProps = {
     maxTabsCount?: number;
     children?: JSX.Element[];
 };
-export declare type CardTabsItem = Partial<CardTabProps>;
+export type CardTabsItem = Partial<CardTabProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-card-tabs",
-  "version": "0.13.69",
+  "version": "0.14.0",
   "description": "CardTabs UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,15 +32,15 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.18.2",
-    "@synerise/ds-cruds": "^0.3.34",
-    "@synerise/ds-dropdown": "^0.17.80",
-    "@synerise/ds-icon": "^0.58.2",
-    "@synerise/ds-inline-edit": "^0.6.80",
-    "@synerise/ds-menu": "^0.17.19",
-    "@synerise/ds-tooltip": "^0.14.4",
-    "@synerise/ds-typography": "^0.13.0",
-    "@synerise/ds-utils": "^0.24.16",
+    "@synerise/ds-button": "^0.18.3",
+    "@synerise/ds-cruds": "^0.3.35",
+    "@synerise/ds-dropdown": "^0.17.82",
+    "@synerise/ds-icon": "^0.58.3",
+    "@synerise/ds-inline-edit": "^0.6.82",
+    "@synerise/ds-menu": "^0.18.0",
+    "@synerise/ds-tooltip": "^0.14.5",
+    "@synerise/ds-typography": "^0.13.1",
+    "@synerise/ds-utils": "^0.24.17",
     "react-sortablejs-typescript": "2.0.3"
   },
   "peerDependencies": {
@@ -54,5 +54,5 @@
     "@testing-library/react": "10.0.1",
     "@testing-library/user-event": "^10.3.1"
   },
-  "gitHead": "f1f520c4c5ef9f90bacb5d5e0b2e778ceb8fdf79"
+  "gitHead": "d944339a738211d8f74b27360481aafd7ef51ddd"
 }