@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.
@@ -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
- '&:hover svg[data-status="tertiary"]': {
122
- fill: getColor({
123
- tertiary: status?.tertiary,
124
- isHover: true
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
- const config = (0, _getReleaseStatusBadgeConfig.getReleaseStatusBadgeConfig)(status);
67
- return isHover ? config?.hover : config?.default;
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
- '& svg[data-status="secondary"]': {
72
- fill: getColor({
73
- secondary: status?.secondary,
74
- isHover: false
75
- })
76
- },
77
- '& svg[data-status="tertiary"]': {
78
- fill: getColor({
79
- tertiary: status?.tertiary,
80
- isHover: false
81
- })
82
- },
83
- '&:hover svg[data-status="secondary"]': {
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
- '&:hover svg[data-status="tertiary"]': {
90
- fill: getColor({
91
- tertiary: status?.tertiary,
92
- isHover: true
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
- '&:hover svg[data-status="tertiary"]': {
66
- fill: getColor({
67
- tertiary: status?.tertiary,
68
- isHover: true
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
- const config = getReleaseStatusBadgeConfig(status);
11
- return isHover ? config?.hover : config?.default;
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
- '& svg[data-status="secondary"]': {
16
- fill: getColor({
17
- secondary: status?.secondary,
18
- isHover: false
19
- })
20
- },
21
- '& svg[data-status="tertiary"]': {
22
- fill: getColor({
23
- tertiary: status?.tertiary,
24
- isHover: false
25
- })
26
- },
27
- '&:hover svg[data-status="secondary"]': {
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
- '&:hover svg[data-status="tertiary"]': {
34
- fill: getColor({
35
- tertiary: status?.tertiary,
36
- isHover: true
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.6",
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.45.1",
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": "f679be8ac8868788ca52d88939ae63d3ea046775"
61
+ "gitHead": "84767c885db51a13c76ee44481f81bdbda708d3e"
62
62
  }