@contentful/field-editor-shared 2.13.6 → 2.13.8
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/dist/cjs/LocalePublishingEntityStatusBadge/LocalePublishingPopover.js +13 -11
- package/dist/cjs/ReleaseEntityStatusBadge/ReleaseEntityStatusPopover.js +30 -24
- package/dist/esm/LocalePublishingEntityStatusBadge/LocalePublishingPopover.js +13 -11
- package/dist/esm/ReleaseEntityStatusBadge/ReleaseEntityStatusPopover.js +30 -24
- package/package.json +3 -3
|
@@ -106,23 +106,25 @@ const generateDynamicStyles = (status)=>{
|
|
|
106
106
|
isHover: false
|
|
107
107
|
})
|
|
108
108
|
},
|
|
109
|
-
'& svg[data-status="tertiary"]': {
|
|
110
|
-
fill: getColor({
|
|
111
|
-
tertiary: status?.tertiary,
|
|
112
|
-
isHover: false
|
|
113
|
-
})
|
|
114
|
-
},
|
|
115
109
|
'&:hover svg[data-status="secondary"]': {
|
|
116
110
|
fill: getColor({
|
|
117
111
|
secondary: status?.secondary,
|
|
118
112
|
isHover: true
|
|
119
113
|
})
|
|
120
114
|
},
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
115
|
+
...status?.tertiary && {
|
|
116
|
+
'& svg[data-status="tertiary"]': {
|
|
117
|
+
fill: getColor({
|
|
118
|
+
tertiary: status?.tertiary,
|
|
119
|
+
isHover: false
|
|
120
|
+
})
|
|
121
|
+
},
|
|
122
|
+
'&:hover svg[data-status="tertiary"]': {
|
|
123
|
+
fill: getColor({
|
|
124
|
+
tertiary: status?.tertiary,
|
|
125
|
+
isHover: true
|
|
126
|
+
})
|
|
127
|
+
}
|
|
126
128
|
}
|
|
127
129
|
});
|
|
128
130
|
return wrapperClass;
|
|
@@ -63,34 +63,40 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
63
63
|
}
|
|
64
64
|
const getColor = ({ secondary, tertiary, isHover })=>{
|
|
65
65
|
const status = secondary || tertiary;
|
|
66
|
-
|
|
67
|
-
|
|
66
|
+
if (!status) {
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
return isHover ? (0, _getReleaseStatusBadgeConfig.getReleaseStatusBadgeConfig)(status).hover : (0, _getReleaseStatusBadgeConfig.getReleaseStatusBadgeConfig)(status).default;
|
|
68
70
|
};
|
|
69
71
|
const generateDynamicStyles = (status)=>{
|
|
70
72
|
const wrapperClass = (0, _emotion.css)({
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
fill: getColor({
|
|
85
|
-
secondary: status?.secondary,
|
|
86
|
-
isHover: true
|
|
87
|
-
})
|
|
73
|
+
...status?.secondary && {
|
|
74
|
+
'& svg[data-status="secondary"]': {
|
|
75
|
+
fill: getColor({
|
|
76
|
+
secondary: status?.secondary,
|
|
77
|
+
isHover: false
|
|
78
|
+
})
|
|
79
|
+
},
|
|
80
|
+
'&:hover svg[data-status="secondary"]': {
|
|
81
|
+
fill: getColor({
|
|
82
|
+
secondary: status?.secondary,
|
|
83
|
+
isHover: true
|
|
84
|
+
})
|
|
85
|
+
}
|
|
88
86
|
},
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
87
|
+
...status?.tertiary && {
|
|
88
|
+
'& svg[data-status="tertiary"]': {
|
|
89
|
+
fill: getColor({
|
|
90
|
+
tertiary: status?.tertiary,
|
|
91
|
+
isHover: false
|
|
92
|
+
})
|
|
93
|
+
},
|
|
94
|
+
'&:hover svg[data-status="tertiary"]': {
|
|
95
|
+
fill: getColor({
|
|
96
|
+
tertiary: status?.tertiary,
|
|
97
|
+
isHover: true
|
|
98
|
+
})
|
|
99
|
+
}
|
|
94
100
|
}
|
|
95
101
|
});
|
|
96
102
|
return wrapperClass;
|
|
@@ -50,23 +50,25 @@ const generateDynamicStyles = (status)=>{
|
|
|
50
50
|
isHover: false
|
|
51
51
|
})
|
|
52
52
|
},
|
|
53
|
-
'& svg[data-status="tertiary"]': {
|
|
54
|
-
fill: getColor({
|
|
55
|
-
tertiary: status?.tertiary,
|
|
56
|
-
isHover: false
|
|
57
|
-
})
|
|
58
|
-
},
|
|
59
53
|
'&:hover svg[data-status="secondary"]': {
|
|
60
54
|
fill: getColor({
|
|
61
55
|
secondary: status?.secondary,
|
|
62
56
|
isHover: true
|
|
63
57
|
})
|
|
64
58
|
},
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
59
|
+
...status?.tertiary && {
|
|
60
|
+
'& svg[data-status="tertiary"]': {
|
|
61
|
+
fill: getColor({
|
|
62
|
+
tertiary: status?.tertiary,
|
|
63
|
+
isHover: false
|
|
64
|
+
})
|
|
65
|
+
},
|
|
66
|
+
'&:hover svg[data-status="tertiary"]': {
|
|
67
|
+
fill: getColor({
|
|
68
|
+
tertiary: status?.tertiary,
|
|
69
|
+
isHover: true
|
|
70
|
+
})
|
|
71
|
+
}
|
|
70
72
|
}
|
|
71
73
|
});
|
|
72
74
|
return wrapperClass;
|
|
@@ -7,34 +7,40 @@ import { getReleaseStatusBadgeConfig } from '../utils/getReleaseStatusBadgeConfi
|
|
|
7
7
|
import { ReleaseEntityStatusLocalesList } from './ReleaseEntityStatusLocalesList';
|
|
8
8
|
const getColor = ({ secondary, tertiary, isHover })=>{
|
|
9
9
|
const status = secondary || tertiary;
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
if (!status) {
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
return isHover ? getReleaseStatusBadgeConfig(status).hover : getReleaseStatusBadgeConfig(status).default;
|
|
12
14
|
};
|
|
13
15
|
const generateDynamicStyles = (status)=>{
|
|
14
16
|
const wrapperClass = css({
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
fill: getColor({
|
|
29
|
-
secondary: status?.secondary,
|
|
30
|
-
isHover: true
|
|
31
|
-
})
|
|
17
|
+
...status?.secondary && {
|
|
18
|
+
'& svg[data-status="secondary"]': {
|
|
19
|
+
fill: getColor({
|
|
20
|
+
secondary: status?.secondary,
|
|
21
|
+
isHover: false
|
|
22
|
+
})
|
|
23
|
+
},
|
|
24
|
+
'&:hover svg[data-status="secondary"]': {
|
|
25
|
+
fill: getColor({
|
|
26
|
+
secondary: status?.secondary,
|
|
27
|
+
isHover: true
|
|
28
|
+
})
|
|
29
|
+
}
|
|
32
30
|
},
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
31
|
+
...status?.tertiary && {
|
|
32
|
+
'& svg[data-status="tertiary"]': {
|
|
33
|
+
fill: getColor({
|
|
34
|
+
tertiary: status?.tertiary,
|
|
35
|
+
isHover: false
|
|
36
|
+
})
|
|
37
|
+
},
|
|
38
|
+
'&:hover svg[data-status="tertiary"]': {
|
|
39
|
+
fill: getColor({
|
|
40
|
+
tertiary: status?.tertiary,
|
|
41
|
+
isHover: true
|
|
42
|
+
})
|
|
43
|
+
}
|
|
38
44
|
}
|
|
39
45
|
});
|
|
40
46
|
return wrapperClass;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/field-editor-shared",
|
|
3
|
-
"version": "2.13.
|
|
3
|
+
"version": "2.13.8",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/types/index.d.ts",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"@contentful/f36-components": "^5.4.1",
|
|
46
46
|
"@contentful/f36-note": "^5.1.0",
|
|
47
47
|
"@contentful/f36-tokens": "^5.1.0",
|
|
48
|
-
"contentful-management": "^11.
|
|
48
|
+
"contentful-management": "^11.60.4",
|
|
49
49
|
"emotion": "^10.0.17",
|
|
50
50
|
"fast-deep-equal": "^3.1.3",
|
|
51
51
|
"lodash": "^4.17.15"
|
|
@@ -58,5 +58,5 @@
|
|
|
58
58
|
"publishConfig": {
|
|
59
59
|
"registry": "https://npm.pkg.github.com/"
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "84767c885db51a13c76ee44481f81bdbda708d3e"
|
|
62
62
|
}
|