@contentful/field-editor-shared 2.5.0 → 2.5.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.
|
@@ -191,7 +191,7 @@ const determineBadgeStatus = (localesStatusMap, activeLocales)=>{
|
|
|
191
191
|
};
|
|
192
192
|
}
|
|
193
193
|
};
|
|
194
|
-
function ReleaseEntityStatusPopover({
|
|
194
|
+
function ReleaseEntityStatusPopover({ releaseLocalesStatusMap, activeLocales, isLoading = false }) {
|
|
195
195
|
const [isOpen, setIsOpen] = (0, _react.useState)(false);
|
|
196
196
|
const timeoutRef = (0, _react.useRef)();
|
|
197
197
|
const onMouseEnter = (0, _react.useCallback)(()=>{
|
|
@@ -206,7 +206,7 @@ function ReleaseEntityStatusPopover({ ReleaseLocalesStatusMap, activeLocales, is
|
|
|
206
206
|
setIsOpen(false);
|
|
207
207
|
}, 300);
|
|
208
208
|
}, []);
|
|
209
|
-
const status = determineBadgeStatus(
|
|
209
|
+
const status = determineBadgeStatus(releaseLocalesStatusMap, activeLocales);
|
|
210
210
|
const ariaLabel = status.secondary ? 'Multiple statuses' : status.primary;
|
|
211
211
|
const wrapperClass = generateDynamicStyles(status);
|
|
212
212
|
const ArrowDownIcon = (0, _f36components.generateIcon)({
|
|
@@ -227,7 +227,7 @@ function ReleaseEntityStatusPopover({ ReleaseLocalesStatusMap, activeLocales, is
|
|
|
227
227
|
}));
|
|
228
228
|
}
|
|
229
229
|
return _react.default.createElement(_f36components.Popover, {
|
|
230
|
-
isOpen:
|
|
230
|
+
isOpen: releaseLocalesStatusMap && isOpen,
|
|
231
231
|
onClose: ()=>setIsOpen(false),
|
|
232
232
|
autoFocus: false,
|
|
233
233
|
placement: "bottom-end"
|
|
@@ -270,8 +270,8 @@ function ReleaseEntityStatusPopover({ ReleaseLocalesStatusMap, activeLocales, is
|
|
|
270
270
|
className: styles.popoverContent,
|
|
271
271
|
onMouseEnter: onMouseEnter,
|
|
272
272
|
onMouseLeave: onMouseLeave
|
|
273
|
-
}, !!
|
|
274
|
-
statusMap:
|
|
273
|
+
}, !!releaseLocalesStatusMap && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_ReleaseEntityStatusLocalesList.ReleaseEntityStatusLocalesList, {
|
|
274
|
+
statusMap: releaseLocalesStatusMap,
|
|
275
275
|
activeLocales: activeLocales
|
|
276
276
|
}))));
|
|
277
277
|
}
|
|
@@ -135,7 +135,7 @@ const determineBadgeStatus = (localesStatusMap, activeLocales)=>{
|
|
|
135
135
|
};
|
|
136
136
|
}
|
|
137
137
|
};
|
|
138
|
-
export function ReleaseEntityStatusPopover({
|
|
138
|
+
export function ReleaseEntityStatusPopover({ releaseLocalesStatusMap, activeLocales, isLoading = false }) {
|
|
139
139
|
const [isOpen, setIsOpen] = useState(false);
|
|
140
140
|
const timeoutRef = useRef();
|
|
141
141
|
const onMouseEnter = useCallback(()=>{
|
|
@@ -150,7 +150,7 @@ export function ReleaseEntityStatusPopover({ ReleaseLocalesStatusMap, activeLoca
|
|
|
150
150
|
setIsOpen(false);
|
|
151
151
|
}, 300);
|
|
152
152
|
}, []);
|
|
153
|
-
const status = determineBadgeStatus(
|
|
153
|
+
const status = determineBadgeStatus(releaseLocalesStatusMap, activeLocales);
|
|
154
154
|
const ariaLabel = status.secondary ? 'Multiple statuses' : status.primary;
|
|
155
155
|
const wrapperClass = generateDynamicStyles(status);
|
|
156
156
|
const ArrowDownIcon = generateIcon({
|
|
@@ -171,7 +171,7 @@ export function ReleaseEntityStatusPopover({ ReleaseLocalesStatusMap, activeLoca
|
|
|
171
171
|
}));
|
|
172
172
|
}
|
|
173
173
|
return React.createElement(Popover, {
|
|
174
|
-
isOpen:
|
|
174
|
+
isOpen: releaseLocalesStatusMap && isOpen,
|
|
175
175
|
onClose: ()=>setIsOpen(false),
|
|
176
176
|
autoFocus: false,
|
|
177
177
|
placement: "bottom-end"
|
|
@@ -214,8 +214,8 @@ export function ReleaseEntityStatusPopover({ ReleaseLocalesStatusMap, activeLoca
|
|
|
214
214
|
className: styles.popoverContent,
|
|
215
215
|
onMouseEnter: onMouseEnter,
|
|
216
216
|
onMouseLeave: onMouseLeave
|
|
217
|
-
}, !!
|
|
218
|
-
statusMap:
|
|
217
|
+
}, !!releaseLocalesStatusMap && React.createElement(React.Fragment, null, React.createElement(ReleaseEntityStatusLocalesList, {
|
|
218
|
+
statusMap: releaseLocalesStatusMap,
|
|
219
219
|
activeLocales: activeLocales
|
|
220
220
|
}))));
|
|
221
221
|
}
|
|
@@ -2,9 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import type { LocaleProps } from 'contentful-management';
|
|
3
3
|
import type { ReleaseLocalesStatusMap } from './types';
|
|
4
4
|
type ReleaseLocalePublishingPopoverProps = {
|
|
5
|
-
|
|
5
|
+
releaseLocalesStatusMap: ReleaseLocalesStatusMap;
|
|
6
6
|
activeLocales: Pick<LocaleProps, 'code'>[];
|
|
7
7
|
isLoading?: boolean;
|
|
8
8
|
};
|
|
9
|
-
export declare function ReleaseEntityStatusPopover({
|
|
9
|
+
export declare function ReleaseEntityStatusPopover({ releaseLocalesStatusMap, activeLocales, isLoading, }: ReleaseLocalePublishingPopoverProps): React.JSX.Element;
|
|
10
10
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/field-editor-shared",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.1",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/types/index.d.ts",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"publishConfig": {
|
|
56
56
|
"registry": "https://npm.pkg.github.com/"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "5228c3bb1871807c1832459f03d17477e8beb75b"
|
|
59
59
|
}
|