@contentful/field-editor-shared 2.11.1 → 2.12.0
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 +2 -9
- package/dist/cjs/ReleaseEntityStatusBadge/ReleaseEntityStatusPopover.js +2 -9
- package/dist/cjs/hooks/useActiveReleaseLocalesStatuses.js +13 -10
- package/dist/cjs/hooks/useActiveReleaseLocalesStatuses.spec.js +236 -245
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/utils/{getEntryReleaseStatus.js → getEntityReleaseStatus.js} +4 -4
- package/dist/cjs/utils/{getPreviousReleaseEntryVersion.js → getPreviousReleaseEntity.js} +5 -5
- package/dist/esm/LocalePublishingEntityStatusBadge/LocalePublishingPopover.js +2 -9
- package/dist/esm/ReleaseEntityStatusBadge/ReleaseEntityStatusPopover.js +2 -9
- package/dist/esm/hooks/useActiveReleaseLocalesStatuses.js +13 -10
- package/dist/esm/hooks/useActiveReleaseLocalesStatuses.spec.js +236 -245
- package/dist/esm/index.js +1 -1
- package/dist/esm/utils/{getEntryReleaseStatus.js → getEntityReleaseStatus.js} +2 -2
- package/dist/esm/utils/{getPreviousReleaseEntryVersion.js → getPreviousReleaseEntity.js} +3 -3
- package/dist/types/LocalePublishingEntityStatusBadge/LocalePublishingPopover.d.ts +1 -1
- package/dist/types/hooks/useActiveReleaseLocalesStatuses.d.ts +5 -4
- package/dist/types/index.d.ts +1 -1
- package/dist/types/types.d.ts +2 -2
- package/dist/types/utils/{getEntryReleaseStatus.d.ts → getEntityReleaseStatus.d.ts} +2 -2
- package/dist/types/utils/{getPreviousReleaseEntryVersion.d.ts → getPreviousReleaseEntity.d.ts} +3 -2
- package/package.json +7 -7
|
@@ -10,6 +10,7 @@ Object.defineProperty(exports, "LocalePublishingPopover", {
|
|
|
10
10
|
});
|
|
11
11
|
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
12
12
|
const _f36components = require("@contentful/f36-components");
|
|
13
|
+
const _f36icons = require("@contentful/f36-icons");
|
|
13
14
|
const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
|
|
14
15
|
const _emotion = require("emotion");
|
|
15
16
|
const _entityHelpers = /*#__PURE__*/ _interop_require_wildcard(require("../utils/entityHelpers"));
|
|
@@ -149,14 +150,6 @@ const styles = {
|
|
|
149
150
|
padding: `${_f36tokens.default.spacing2Xs} 0`
|
|
150
151
|
})
|
|
151
152
|
};
|
|
152
|
-
const ArrowDownIcon = (0, _f36components.generateIcon)({
|
|
153
|
-
name: 'ArrowDownIcon',
|
|
154
|
-
viewBox: '0 0 12 20',
|
|
155
|
-
path: /*#__PURE__*/ _react.default.createElement("path", {
|
|
156
|
-
d: "M3.03076 8C2.20109 8 1.73228 8.95209 2.23814 9.60971L5.20727 13.4696C5.60757 13.99 6.39223 13.99 6.79252 13.4696L9.76166 9.60971C10.2675 8.95209 9.79871 8 8.96904 8L3.03076 8Z",
|
|
157
|
-
fill: "currentColor"
|
|
158
|
-
})
|
|
159
|
-
});
|
|
160
153
|
const determineBadgeStatus = (localesStatusMap, activeLocales)=>{
|
|
161
154
|
if (!localesStatusMap) return;
|
|
162
155
|
if (localesStatusMap.size === 1 || activeLocales && activeLocales.length === 1) return {
|
|
@@ -269,7 +262,7 @@ function LocalePublishingPopover({ entity, jobs, isScheduled, localesStatusMap,
|
|
|
269
262
|
tabIndex: 0,
|
|
270
263
|
onFocus: ()=>setIsOpen(true),
|
|
271
264
|
onBlur: ()=>setIsOpen(false),
|
|
272
|
-
endIcon: /*#__PURE__*/ _react.default.createElement(ArrowDownIcon, {
|
|
265
|
+
endIcon: /*#__PURE__*/ _react.default.createElement(_f36icons.ArrowDownIcon, {
|
|
273
266
|
color: getIconColor(entityStatus)
|
|
274
267
|
}),
|
|
275
268
|
onMouseOver: onMouseEnter,
|
|
@@ -10,6 +10,7 @@ Object.defineProperty(exports, "ReleaseEntityStatusPopover", {
|
|
|
10
10
|
});
|
|
11
11
|
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
12
12
|
const _f36components = require("@contentful/f36-components");
|
|
13
|
+
const _f36icons = require("@contentful/f36-icons");
|
|
13
14
|
const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
|
|
14
15
|
const _emotion = require("emotion");
|
|
15
16
|
const _constants = require("./constants");
|
|
@@ -209,14 +210,6 @@ function ReleaseEntityStatusPopover({ releaseLocalesStatusMap, activeLocales, is
|
|
|
209
210
|
const status = determineBadgeStatus(releaseLocalesStatusMap, activeLocales);
|
|
210
211
|
const ariaLabel = status.secondary ? 'Multiple statuses' : status.primary;
|
|
211
212
|
const wrapperClass = generateDynamicStyles(status);
|
|
212
|
-
const ArrowDownIcon = (0, _f36components.generateIcon)({
|
|
213
|
-
name: 'ArrowDownIcon',
|
|
214
|
-
viewBox: '0 0 12 20',
|
|
215
|
-
path: /*#__PURE__*/ _react.default.createElement("path", {
|
|
216
|
-
d: "M3.03076 8C2.20109 8 1.73228 8.95209 2.23814 9.60971L5.20727 13.4696C5.60757 13.99 6.39223 13.99 6.79252 13.4696L9.76166 9.60971C10.2675 8.95209 9.79871 8 8.96904 8L3.03076 8Z",
|
|
217
|
-
fill: "currentColor"
|
|
218
|
-
})
|
|
219
|
-
});
|
|
220
213
|
if (isLoading) {
|
|
221
214
|
return /*#__PURE__*/ _react.default.createElement(_f36components.Skeleton.Container, {
|
|
222
215
|
className: styles.skeletonBadge
|
|
@@ -240,7 +233,7 @@ function ReleaseEntityStatusPopover({ releaseLocalesStatusMap, activeLocales, is
|
|
|
240
233
|
variant: _constants.RELEASE_BADGES[status.primary].variant,
|
|
241
234
|
onFocus: ()=>setIsOpen(true),
|
|
242
235
|
onBlur: ()=>setIsOpen(false),
|
|
243
|
-
endIcon: /*#__PURE__*/ _react.default.createElement(ArrowDownIcon, {
|
|
236
|
+
endIcon: /*#__PURE__*/ _react.default.createElement(_f36icons.ArrowDownIcon, {
|
|
244
237
|
color: _constants.RELEASE_BADGES[status.primary].icon
|
|
245
238
|
}),
|
|
246
239
|
onMouseOver: onMouseEnter,
|
|
@@ -9,22 +9,25 @@ Object.defineProperty(exports, "useActiveReleaseLocalesStatuses", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
const _react = require("react");
|
|
12
|
-
const
|
|
13
|
-
const useActiveReleaseLocalesStatuses = ({
|
|
14
|
-
const previousReleaseEntity = (0, _react.useMemo)(()=>(0,
|
|
15
|
-
|
|
12
|
+
const _getPreviousReleaseEntity = require("../utils/getPreviousReleaseEntity");
|
|
13
|
+
const useActiveReleaseLocalesStatuses = ({ currentEntityDraft, entityId, entityType, releaseVersionMap, locales, activeRelease, releases })=>{
|
|
14
|
+
const previousReleaseEntity = (0, _react.useMemo)(()=>(0, _getPreviousReleaseEntity.getPreviousReleaseEntity)({
|
|
15
|
+
entityId,
|
|
16
|
+
entityType,
|
|
16
17
|
releaseVersionMap,
|
|
17
18
|
activeRelease,
|
|
18
19
|
releases
|
|
19
20
|
}).previousReleaseEntity, [
|
|
20
|
-
|
|
21
|
+
entityId,
|
|
22
|
+
entityType,
|
|
21
23
|
releaseVersionMap,
|
|
22
24
|
activeRelease,
|
|
23
25
|
releases
|
|
24
26
|
]);
|
|
25
|
-
const activeReleaseReleaseEntity = (0, _react.useMemo)(()=>activeRelease?.entities.items.find((entity)=>entity.entity.sys.id ===
|
|
27
|
+
const activeReleaseReleaseEntity = (0, _react.useMemo)(()=>activeRelease?.entities.items.find((entity)=>entity.entity.sys.id === entityId && entity.entity.sys.linkType === entityType), [
|
|
26
28
|
activeRelease?.entities.items,
|
|
27
|
-
|
|
29
|
+
entityId,
|
|
30
|
+
entityType
|
|
28
31
|
]);
|
|
29
32
|
const getLocaleStatus = (0, _react.useCallback)((localeCode)=>{
|
|
30
33
|
if (!activeReleaseReleaseEntity) {
|
|
@@ -52,8 +55,8 @@ const useActiveReleaseLocalesStatuses = ({ currentEntryDraft, entryId, releaseVe
|
|
|
52
55
|
return acc;
|
|
53
56
|
}
|
|
54
57
|
if (getLocaleStatus(locale.code) === 'draft') {
|
|
55
|
-
if (
|
|
56
|
-
const previousStatus =
|
|
58
|
+
if (currentEntityDraft?.sys.fieldStatus) {
|
|
59
|
+
const previousStatus = currentEntityDraft.sys.fieldStatus['*'][locale.code];
|
|
57
60
|
if (previousStatus === 'published' || previousStatus === 'changed') {
|
|
58
61
|
acc.set(locale.code, {
|
|
59
62
|
status: 'becomesDraft',
|
|
@@ -100,7 +103,7 @@ const useActiveReleaseLocalesStatuses = ({ currentEntryDraft, entryId, releaseVe
|
|
|
100
103
|
locales,
|
|
101
104
|
activeReleaseReleaseEntity,
|
|
102
105
|
getLocaleStatus,
|
|
103
|
-
|
|
106
|
+
currentEntityDraft?.sys.fieldStatus,
|
|
104
107
|
previousReleaseEntity
|
|
105
108
|
]);
|
|
106
109
|
return {
|