@synerise/ds-card-tabs 0.13.70 → 0.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/dist/CardTab/CardTab.js +0 -17
- package/dist/CardTab/CardTab.styles.js +1 -1
- package/dist/CardTabs.d.ts +1 -2
- package/package.json +12 -11
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,25 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [0.14.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.14.0...@synerise/ds-card-tabs@0.14.1) (2023-10-11)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [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)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Features
|
|
18
|
+
|
|
19
|
+
* **slider:** add possibility to block allocation handler ([7c8f33c](https://github.com/Synerise/synerise-design/commit/7c8f33c7b2ca2616a53f94370161030e350d16e4))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
6
25
|
## [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)
|
|
7
26
|
|
|
8
27
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
package/dist/CardTab/CardTab.js
CHANGED
|
@@ -48,10 +48,6 @@ var CardTab = function CardTab(props) {
|
|
|
48
48
|
editedName = _useState2[0],
|
|
49
49
|
setEditedName = _useState2[1];
|
|
50
50
|
|
|
51
|
-
var _useState3 = useState(false),
|
|
52
|
-
pressed = _useState3[0],
|
|
53
|
-
setPressed = _useState3[1];
|
|
54
|
-
|
|
55
51
|
var getTexts = useMemo(function () {
|
|
56
52
|
return _objectSpread({
|
|
57
53
|
changeNameTooltip: intl.formatMessage({
|
|
@@ -178,7 +174,6 @@ var CardTab = function CardTab(props) {
|
|
|
178
174
|
}();
|
|
179
175
|
|
|
180
176
|
return /*#__PURE__*/React.createElement(S.CardTabContainer, {
|
|
181
|
-
className: "" + (pressed ? 'pressed' : ''),
|
|
182
177
|
edited: edited,
|
|
183
178
|
active: Boolean(active),
|
|
184
179
|
invalid: Boolean(invalid || invalidName),
|
|
@@ -186,18 +181,6 @@ var CardTab = function CardTab(props) {
|
|
|
186
181
|
draggable: draggable,
|
|
187
182
|
color: color,
|
|
188
183
|
onClick: handleSelect,
|
|
189
|
-
onMouseDown: function onMouseDown() {
|
|
190
|
-
return setPressed(true);
|
|
191
|
-
},
|
|
192
|
-
onMouseLeave: !draggable ? function () {
|
|
193
|
-
return setPressed(false);
|
|
194
|
-
} : undefined,
|
|
195
|
-
onMouseUp: function onMouseUp() {
|
|
196
|
-
return setPressed(false);
|
|
197
|
-
},
|
|
198
|
-
onDragEnd: function onDragEnd() {
|
|
199
|
-
return setPressed(false);
|
|
200
|
-
},
|
|
201
184
|
greyBackground: !!greyBackground,
|
|
202
185
|
"data-id": id,
|
|
203
186
|
"data-testid": "card-tab-container",
|
|
@@ -59,7 +59,7 @@ export var CardIconPrefix = styled.div.withConfig({
|
|
|
59
59
|
export var CardTabContainer = styled.div.withConfig({
|
|
60
60
|
displayName: "CardTabstyles__CardTabContainer",
|
|
61
61
|
componentId: "sc-1n86s98-10"
|
|
62
|
-
})(["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;}}}
|
|
62
|
+
})(["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) {
|
|
63
63
|
var theme = _ref3.theme,
|
|
64
64
|
active = _ref3.active,
|
|
65
65
|
invalid = _ref3.invalid,
|
package/dist/CardTabs.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
1
|
import { CardTabsProps } from './CardTabs.types';
|
|
3
|
-
declare const CardTabs:
|
|
2
|
+
declare const CardTabs: ({ className, onChangeOrder, onAddTab, maxTabsCount, children, addTabLabel }: CardTabsProps) => JSX.Element;
|
|
4
3
|
export default CardTabs;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-card-tabs",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.1",
|
|
4
4
|
"description": "CardTabs UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
"build:js": "babel --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
|
|
22
22
|
"build:watch": "npm run build:js -- --watch",
|
|
23
23
|
"defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
|
|
24
|
+
"pack:ci": "npm pack --pack-destination ../../portal/storybook-static/static",
|
|
24
25
|
"prepublish": "npm run build",
|
|
25
26
|
"test": "jest",
|
|
26
27
|
"test:watch": "npm run test -- --watchAll",
|
|
@@ -32,15 +33,15 @@
|
|
|
32
33
|
],
|
|
33
34
|
"types": "dist/index.d.ts",
|
|
34
35
|
"dependencies": {
|
|
35
|
-
"@synerise/ds-button": "^0.18.
|
|
36
|
-
"@synerise/ds-cruds": "^0.3.
|
|
37
|
-
"@synerise/ds-dropdown": "^0.17.
|
|
38
|
-
"@synerise/ds-icon": "^0.58.
|
|
39
|
-
"@synerise/ds-inline-edit": "^0.6.
|
|
40
|
-
"@synerise/ds-menu": "^0.
|
|
41
|
-
"@synerise/ds-tooltip": "^0.14.
|
|
42
|
-
"@synerise/ds-typography": "^0.13.
|
|
43
|
-
"@synerise/ds-utils": "^0.24.
|
|
36
|
+
"@synerise/ds-button": "^0.18.4",
|
|
37
|
+
"@synerise/ds-cruds": "^0.3.36",
|
|
38
|
+
"@synerise/ds-dropdown": "^0.17.83",
|
|
39
|
+
"@synerise/ds-icon": "^0.58.4",
|
|
40
|
+
"@synerise/ds-inline-edit": "^0.6.83",
|
|
41
|
+
"@synerise/ds-menu": "^0.18.1",
|
|
42
|
+
"@synerise/ds-tooltip": "^0.14.6",
|
|
43
|
+
"@synerise/ds-typography": "^0.13.2",
|
|
44
|
+
"@synerise/ds-utils": "^0.24.18",
|
|
44
45
|
"react-sortablejs-typescript": "2.0.3"
|
|
45
46
|
},
|
|
46
47
|
"peerDependencies": {
|
|
@@ -54,5 +55,5 @@
|
|
|
54
55
|
"@testing-library/react": "10.0.1",
|
|
55
56
|
"@testing-library/user-event": "^10.3.1"
|
|
56
57
|
},
|
|
57
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "8eb4a3e304406a8dbb9258803c48952461fc5a55"
|
|
58
59
|
}
|