@contentful/field-editor-rich-text 4.11.3 → 4.12.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/dist/cjs/dialogs/HypelinkDialog/HyperlinkDialog.js +10 -11
- package/dist/cjs/plugins/shared/FetchingWrappedAssetCard.js +22 -2
- package/dist/cjs/plugins/shared/FetchingWrappedEntryCard.js +4 -3
- package/dist/esm/dialogs/HypelinkDialog/HyperlinkDialog.js +10 -11
- package/dist/esm/plugins/shared/FetchingWrappedAssetCard.js +23 -3
- package/dist/esm/plugins/shared/FetchingWrappedEntryCard.js +5 -4
- package/dist/types/dialogs/HypelinkDialog/HyperlinkDialog.d.ts +0 -4
- package/package.json +4 -4
|
@@ -139,7 +139,16 @@ class HyperlinkDialog extends (_React_Component = _react.Component) {
|
|
|
139
139
|
return type === LINK_TYPES.URI && uri || target;
|
|
140
140
|
}
|
|
141
141
|
render() {
|
|
142
|
-
const
|
|
142
|
+
const labels = this.props.labels || {
|
|
143
|
+
title: _core.i18n._({
|
|
144
|
+
id: "FieldEditors.RichText.HyperlinkDialog.DefaultTitle",
|
|
145
|
+
message: "Insert link"
|
|
146
|
+
}),
|
|
147
|
+
confirm: _core.i18n._({
|
|
148
|
+
id: "FieldEditors.RichText.HyperlinkDialog.DefaultConfirm",
|
|
149
|
+
message: "Insert link"
|
|
150
|
+
})
|
|
151
|
+
};
|
|
143
152
|
return /*#__PURE__*/ _react.createElement(_fieldeditorreference.EntityProvider, {
|
|
144
153
|
sdk: this.props.sdk
|
|
145
154
|
}, /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_f36components.ModalContent, null, this.renderFields()), /*#__PURE__*/ _react.createElement(_f36components.ModalControls, null, /*#__PURE__*/ _react.createElement(_f36components.Button, {
|
|
@@ -345,16 +354,6 @@ _define_property(HyperlinkDialog, "propTypes", {
|
|
|
345
354
|
onClose: _proptypes.default.func.isRequired
|
|
346
355
|
});
|
|
347
356
|
_define_property(HyperlinkDialog, "defaultProps", {
|
|
348
|
-
labels: {
|
|
349
|
-
title: _core.i18n._({
|
|
350
|
-
id: "FieldEditors.RichText.HyperlinkDialog.DefaultTitle",
|
|
351
|
-
message: "Insert link"
|
|
352
|
-
}),
|
|
353
|
-
confirm: _core.i18n._({
|
|
354
|
-
id: "FieldEditors.RichText.HyperlinkDialog.DefaultConfirm",
|
|
355
|
-
message: "Insert link"
|
|
356
|
-
})
|
|
357
|
-
},
|
|
358
357
|
value: {},
|
|
359
358
|
hideText: false,
|
|
360
359
|
entitySelectorConfigs: {},
|
|
@@ -60,6 +60,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
60
60
|
return newObj;
|
|
61
61
|
}
|
|
62
62
|
const InternalAssetCard = /*#__PURE__*/ _react.memo((props)=>{
|
|
63
|
+
const { releaseLocalesStatusMap, isActiveReleaseLoading, activeRelease, releaseAction } = props;
|
|
63
64
|
const activeLocales = (0, _fieldeditorshared.useActiveLocales)(props.sdk);
|
|
64
65
|
return /*#__PURE__*/ _react.createElement(_fieldeditorreference.WrappedAssetCard, {
|
|
65
66
|
getEntityScheduledActions: props.loadEntityScheduledActions,
|
|
@@ -78,7 +79,11 @@ const InternalAssetCard = /*#__PURE__*/ _react.memo((props)=>{
|
|
|
78
79
|
renderDragHandle: !props.isDisabled ? (dragHandleProps)=>/*#__PURE__*/ _react.createElement(_f36components.DragHandle, {
|
|
79
80
|
label: "drag embedded asset",
|
|
80
81
|
...dragHandleProps
|
|
81
|
-
}) : undefined
|
|
82
|
+
}) : undefined,
|
|
83
|
+
releaseLocalesStatusMap: releaseLocalesStatusMap,
|
|
84
|
+
isReleasesLoading: isActiveReleaseLoading,
|
|
85
|
+
activeRelease: activeRelease,
|
|
86
|
+
releaseAction: releaseAction
|
|
82
87
|
});
|
|
83
88
|
}, _fastdeepequal.default);
|
|
84
89
|
InternalAssetCard.displayName = 'InternalAssetCard';
|
|
@@ -91,6 +96,17 @@ function FetchingWrappedAssetCard(props) {
|
|
|
91
96
|
props.assetId
|
|
92
97
|
]);
|
|
93
98
|
const localesStatusMap = (0, _fieldeditorshared.useLocalePublishStatus)(asset, props.sdk.locales);
|
|
99
|
+
const { releaseVersionMap, locales, activeRelease, releases, isActiveReleaseLoading } = (0, _fieldeditorshared.parseReleaseParams)(props.sdk.parameters.instance.release);
|
|
100
|
+
const { releaseLocalesStatusMap } = (0, _fieldeditorshared.useActiveReleaseLocalesStatuses)({
|
|
101
|
+
currentEntityDraft: asset,
|
|
102
|
+
entityId: props.assetId,
|
|
103
|
+
entityType: 'Asset',
|
|
104
|
+
releaseVersionMap,
|
|
105
|
+
locales,
|
|
106
|
+
activeRelease,
|
|
107
|
+
releases
|
|
108
|
+
});
|
|
109
|
+
const { releaseAction } = (0, _fieldeditorshared.getEntityReleaseStatus)(props.assetId, locales, activeRelease);
|
|
94
110
|
_react.useEffect(()=>{
|
|
95
111
|
if (status === 'success') {
|
|
96
112
|
onEntityFetchComplete?.();
|
|
@@ -121,6 +137,10 @@ function FetchingWrappedAssetCard(props) {
|
|
|
121
137
|
locale: props.locale,
|
|
122
138
|
onEdit: props.onEdit,
|
|
123
139
|
onRemove: props.onRemove,
|
|
124
|
-
localesStatusMap: localesStatusMap
|
|
140
|
+
localesStatusMap: localesStatusMap,
|
|
141
|
+
releaseLocalesStatusMap: releaseLocalesStatusMap,
|
|
142
|
+
isActiveReleaseLoading: isActiveReleaseLoading,
|
|
143
|
+
activeRelease: activeRelease,
|
|
144
|
+
releaseAction: releaseAction
|
|
125
145
|
});
|
|
126
146
|
}
|
|
@@ -101,14 +101,15 @@ const FetchingWrappedEntryCard = (props)=>{
|
|
|
101
101
|
const localesStatusMap = (0, _fieldeditorshared.useLocalePublishStatus)(entry, props.sdk.locales);
|
|
102
102
|
const { releaseVersionMap, locales, activeRelease, releases, isActiveReleaseLoading } = (0, _fieldeditorshared.parseReleaseParams)(props.sdk.parameters.instance.release);
|
|
103
103
|
const { releaseLocalesStatusMap } = (0, _fieldeditorshared.useActiveReleaseLocalesStatuses)({
|
|
104
|
-
|
|
105
|
-
|
|
104
|
+
currentEntityDraft: entry,
|
|
105
|
+
entityId: props.entryId,
|
|
106
|
+
entityType: 'Entry',
|
|
106
107
|
releaseVersionMap,
|
|
107
108
|
locales,
|
|
108
109
|
activeRelease,
|
|
109
110
|
releases
|
|
110
111
|
});
|
|
111
|
-
const { releaseAction } = (0, _fieldeditorshared.
|
|
112
|
+
const { releaseAction } = (0, _fieldeditorshared.getEntityReleaseStatus)(props.entryId, locales, activeRelease);
|
|
112
113
|
_react.useEffect(()=>{
|
|
113
114
|
if (status === 'success') {
|
|
114
115
|
onEntityFetchComplete?.();
|
|
@@ -72,7 +72,16 @@ export class HyperlinkDialog extends (_React_Component = React.Component) {
|
|
|
72
72
|
return type === LINK_TYPES.URI && uri || target;
|
|
73
73
|
}
|
|
74
74
|
render() {
|
|
75
|
-
const
|
|
75
|
+
const labels = this.props.labels || {
|
|
76
|
+
title: $_i18n._({
|
|
77
|
+
id: "FieldEditors.RichText.HyperlinkDialog.DefaultTitle",
|
|
78
|
+
message: "Insert link"
|
|
79
|
+
}),
|
|
80
|
+
confirm: $_i18n._({
|
|
81
|
+
id: "FieldEditors.RichText.HyperlinkDialog.DefaultConfirm",
|
|
82
|
+
message: "Insert link"
|
|
83
|
+
})
|
|
84
|
+
};
|
|
76
85
|
return /*#__PURE__*/ React.createElement(EntityProvider, {
|
|
77
86
|
sdk: this.props.sdk
|
|
78
87
|
}, /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(ModalContent, null, this.renderFields()), /*#__PURE__*/ React.createElement(ModalControls, null, /*#__PURE__*/ React.createElement(Button, {
|
|
@@ -278,16 +287,6 @@ _define_property(HyperlinkDialog, "propTypes", {
|
|
|
278
287
|
onClose: PropTypes.func.isRequired
|
|
279
288
|
});
|
|
280
289
|
_define_property(HyperlinkDialog, "defaultProps", {
|
|
281
|
-
labels: {
|
|
282
|
-
title: $_i18n._({
|
|
283
|
-
id: "FieldEditors.RichText.HyperlinkDialog.DefaultTitle",
|
|
284
|
-
message: "Insert link"
|
|
285
|
-
}),
|
|
286
|
-
confirm: $_i18n._({
|
|
287
|
-
id: "FieldEditors.RichText.HyperlinkDialog.DefaultConfirm",
|
|
288
|
-
message: "Insert link"
|
|
289
|
-
})
|
|
290
|
-
},
|
|
291
290
|
value: {},
|
|
292
291
|
hideText: false,
|
|
293
292
|
entitySelectorConfigs: {},
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { AssetCard, DragHandle } from '@contentful/f36-components';
|
|
3
3
|
import { useEntity, useEntityLoader, MissingEntityCard, WrappedAssetCard } from '@contentful/field-editor-reference';
|
|
4
|
-
import { useLocalePublishStatus, useActiveLocales } from '@contentful/field-editor-shared';
|
|
4
|
+
import { useLocalePublishStatus, useActiveLocales, parseReleaseParams, useActiveReleaseLocalesStatuses, getEntityReleaseStatus } from '@contentful/field-editor-shared';
|
|
5
5
|
import areEqual from 'fast-deep-equal';
|
|
6
6
|
const InternalAssetCard = /*#__PURE__*/ React.memo((props)=>{
|
|
7
|
+
const { releaseLocalesStatusMap, isActiveReleaseLoading, activeRelease, releaseAction } = props;
|
|
7
8
|
const activeLocales = useActiveLocales(props.sdk);
|
|
8
9
|
return /*#__PURE__*/ React.createElement(WrappedAssetCard, {
|
|
9
10
|
getEntityScheduledActions: props.loadEntityScheduledActions,
|
|
@@ -22,7 +23,11 @@ const InternalAssetCard = /*#__PURE__*/ React.memo((props)=>{
|
|
|
22
23
|
renderDragHandle: !props.isDisabled ? (dragHandleProps)=>/*#__PURE__*/ React.createElement(DragHandle, {
|
|
23
24
|
label: "drag embedded asset",
|
|
24
25
|
...dragHandleProps
|
|
25
|
-
}) : undefined
|
|
26
|
+
}) : undefined,
|
|
27
|
+
releaseLocalesStatusMap: releaseLocalesStatusMap,
|
|
28
|
+
isReleasesLoading: isActiveReleaseLoading,
|
|
29
|
+
activeRelease: activeRelease,
|
|
30
|
+
releaseAction: releaseAction
|
|
26
31
|
});
|
|
27
32
|
}, areEqual);
|
|
28
33
|
InternalAssetCard.displayName = 'InternalAssetCard';
|
|
@@ -35,6 +40,17 @@ export function FetchingWrappedAssetCard(props) {
|
|
|
35
40
|
props.assetId
|
|
36
41
|
]);
|
|
37
42
|
const localesStatusMap = useLocalePublishStatus(asset, props.sdk.locales);
|
|
43
|
+
const { releaseVersionMap, locales, activeRelease, releases, isActiveReleaseLoading } = parseReleaseParams(props.sdk.parameters.instance.release);
|
|
44
|
+
const { releaseLocalesStatusMap } = useActiveReleaseLocalesStatuses({
|
|
45
|
+
currentEntityDraft: asset,
|
|
46
|
+
entityId: props.assetId,
|
|
47
|
+
entityType: 'Asset',
|
|
48
|
+
releaseVersionMap,
|
|
49
|
+
locales,
|
|
50
|
+
activeRelease,
|
|
51
|
+
releases
|
|
52
|
+
});
|
|
53
|
+
const { releaseAction } = getEntityReleaseStatus(props.assetId, locales, activeRelease);
|
|
38
54
|
React.useEffect(()=>{
|
|
39
55
|
if (status === 'success') {
|
|
40
56
|
onEntityFetchComplete?.();
|
|
@@ -65,6 +81,10 @@ export function FetchingWrappedAssetCard(props) {
|
|
|
65
81
|
locale: props.locale,
|
|
66
82
|
onEdit: props.onEdit,
|
|
67
83
|
onRemove: props.onRemove,
|
|
68
|
-
localesStatusMap: localesStatusMap
|
|
84
|
+
localesStatusMap: localesStatusMap,
|
|
85
|
+
releaseLocalesStatusMap: releaseLocalesStatusMap,
|
|
86
|
+
isActiveReleaseLoading: isActiveReleaseLoading,
|
|
87
|
+
activeRelease: activeRelease,
|
|
88
|
+
releaseAction: releaseAction
|
|
69
89
|
});
|
|
70
90
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DragHandle, EntryCard } from '@contentful/f36-components';
|
|
3
3
|
import { useEntity, MissingEntityCard, WrappedEntryCard, useEntityLoader } from '@contentful/field-editor-reference';
|
|
4
|
-
import { useLocalePublishStatus, useActiveLocales, parseReleaseParams, useActiveReleaseLocalesStatuses,
|
|
4
|
+
import { useLocalePublishStatus, useActiveLocales, parseReleaseParams, useActiveReleaseLocalesStatuses, getEntityReleaseStatus } from '@contentful/field-editor-shared';
|
|
5
5
|
import areEqual from 'fast-deep-equal';
|
|
6
6
|
const InternalEntryCard = /*#__PURE__*/ React.memo((props)=>{
|
|
7
7
|
const { entry, sdk, loadEntityScheduledActions, releaseLocalesStatusMap, isActiveReleaseLoading, activeRelease, releaseAction } = props;
|
|
@@ -45,14 +45,15 @@ export const FetchingWrappedEntryCard = (props)=>{
|
|
|
45
45
|
const localesStatusMap = useLocalePublishStatus(entry, props.sdk.locales);
|
|
46
46
|
const { releaseVersionMap, locales, activeRelease, releases, isActiveReleaseLoading } = parseReleaseParams(props.sdk.parameters.instance.release);
|
|
47
47
|
const { releaseLocalesStatusMap } = useActiveReleaseLocalesStatuses({
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
currentEntityDraft: entry,
|
|
49
|
+
entityId: props.entryId,
|
|
50
|
+
entityType: 'Entry',
|
|
50
51
|
releaseVersionMap,
|
|
51
52
|
locales,
|
|
52
53
|
activeRelease,
|
|
53
54
|
releases
|
|
54
55
|
});
|
|
55
|
-
const { releaseAction } =
|
|
56
|
+
const { releaseAction } = getEntityReleaseStatus(props.entryId, locales, activeRelease);
|
|
56
57
|
React.useEffect(()=>{
|
|
57
58
|
if (status === 'success') {
|
|
58
59
|
onEntityFetchComplete?.();
|
|
@@ -22,10 +22,6 @@ export class HyperlinkDialog extends React.Component<any, any, any> {
|
|
|
22
22
|
onClose: PropTypes.Validator<(...args: any[]) => any>;
|
|
23
23
|
};
|
|
24
24
|
static defaultProps: {
|
|
25
|
-
labels: {
|
|
26
|
-
title: string;
|
|
27
|
-
confirm: string;
|
|
28
|
-
};
|
|
29
25
|
value: {};
|
|
30
26
|
hideText: boolean;
|
|
31
27
|
entitySelectorConfigs: {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/field-editor-rich-text",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.12.1",
|
|
4
4
|
"source": "./src/index.tsx",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
"@contentful/f36-icons": "5.1.1",
|
|
46
46
|
"@contentful/f36-tokens": "5.1.0",
|
|
47
47
|
"@contentful/f36-utils": "^4.24.3",
|
|
48
|
-
"@contentful/field-editor-reference": "^6.
|
|
49
|
-
"@contentful/field-editor-shared": "^2.
|
|
48
|
+
"@contentful/field-editor-reference": "^6.11.1",
|
|
49
|
+
"@contentful/field-editor-shared": "^2.12.1",
|
|
50
50
|
"@contentful/rich-text-plain-text-renderer": "^17.0.0",
|
|
51
51
|
"@contentful/rich-text-types": "^17.0.0",
|
|
52
52
|
"@popperjs/core": "^2.11.5",
|
|
@@ -89,5 +89,5 @@
|
|
|
89
89
|
"publishConfig": {
|
|
90
90
|
"registry": "https://npm.pkg.github.com/"
|
|
91
91
|
},
|
|
92
|
-
"gitHead": "
|
|
92
|
+
"gitHead": "49f38cc9e7fa843748404d57ed9c7e620544e597"
|
|
93
93
|
}
|