@contentful/field-editor-rich-text 4.2.6 → 4.4.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/SdkProvider.js +1 -3
- package/dist/cjs/helpers/config.js +2 -1
- package/dist/cjs/plugins/EmbeddedResourceInline/FetchingWrappedResourceInlineCard.js +4 -2
- package/dist/cjs/plugins/Hyperlink/HyperlinkModal.js +2 -1
- package/dist/cjs/plugins/shared/FetchingWrappedAssetCard.js +6 -3
- package/dist/cjs/plugins/shared/FetchingWrappedEntryCard.js +2 -1
- package/dist/cjs/plugins/shared/FetchingWrappedResourceCard.js +4 -2
- package/dist/esm/SdkProvider.js +1 -3
- package/dist/esm/helpers/config.js +2 -1
- package/dist/esm/plugins/EmbeddedResourceInline/FetchingWrappedResourceInlineCard.js +4 -2
- package/dist/esm/plugins/Hyperlink/HyperlinkModal.js +2 -1
- package/dist/esm/plugins/shared/FetchingWrappedAssetCard.js +7 -4
- package/dist/esm/plugins/shared/FetchingWrappedEntryCard.js +3 -2
- package/dist/esm/plugins/shared/FetchingWrappedResourceCard.js +4 -2
- package/dist/types/helpers/config.d.ts +1 -0
- package/package.json +4 -4
package/dist/cjs/SdkProvider.js
CHANGED
|
@@ -65,9 +65,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
65
65
|
return newObj;
|
|
66
66
|
}
|
|
67
67
|
function useSdk({ sdk }) {
|
|
68
|
-
const sdkMemo = _react.useMemo(()=>sdk, [
|
|
69
|
-
sdk.parameters.instance.activeLocales
|
|
70
|
-
]);
|
|
68
|
+
const sdkMemo = _react.useMemo(()=>sdk, []);
|
|
71
69
|
return sdkMemo;
|
|
72
70
|
}
|
|
73
71
|
const [SdkProvider, useSdkContext] = (0, _constate.default)(useSdk);
|
|
@@ -42,6 +42,7 @@ function getEntityTypeFromRichTextNode(nodeType) {
|
|
|
42
42
|
}
|
|
43
43
|
const newResourceEntitySelectorConfigFromRichTextField = (field, nodeType)=>{
|
|
44
44
|
return {
|
|
45
|
-
allowedResources: (0, _getAllowedResourcesForNodeType.default)(field, nodeType)
|
|
45
|
+
allowedResources: (0, _getAllowedResourcesForNodeType.default)(field, nodeType),
|
|
46
|
+
locale: field.locale
|
|
46
47
|
};
|
|
47
48
|
};
|
|
@@ -57,8 +57,10 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
57
57
|
}
|
|
58
58
|
const { getEntryTitle, getEntityStatus } = _fieldeditorshared.entityHelpers;
|
|
59
59
|
function FetchingWrappedResourceInlineCard(props) {
|
|
60
|
-
const { link, onEntityFetchComplete } = props;
|
|
61
|
-
const { data, status: requestStatus } = (0, _fieldeditorreference.useResource)(link.linkType, link.urn
|
|
60
|
+
const { link, onEntityFetchComplete, sdk } = props;
|
|
61
|
+
const { data, status: requestStatus } = (0, _fieldeditorreference.useResource)(link.linkType, link.urn, {
|
|
62
|
+
locale: sdk.field.locale
|
|
63
|
+
});
|
|
62
64
|
_react.useEffect(()=>{
|
|
63
65
|
if (requestStatus === 'success') {
|
|
64
66
|
onEntityFetchComplete?.();
|
|
@@ -173,7 +173,8 @@ function HyperlinkModal(props) {
|
|
|
173
173
|
}
|
|
174
174
|
async function selectResourceEntry() {
|
|
175
175
|
const options = {
|
|
176
|
-
allowedResources: (0, _getAllowedResourcesForNodeType.default)(props.sdk.field, _richtexttypes.INLINES.RESOURCE_HYPERLINK)
|
|
176
|
+
allowedResources: (0, _getAllowedResourcesForNodeType.default)(props.sdk.field, _richtexttypes.INLINES.RESOURCE_HYPERLINK),
|
|
177
|
+
locale: props.sdk.field.locale
|
|
177
178
|
};
|
|
178
179
|
const entityLink = await props.sdk.dialogs.selectSingleResourceEntity(options);
|
|
179
180
|
if (entityLink) {
|
|
@@ -59,7 +59,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
59
59
|
}
|
|
60
60
|
return newObj;
|
|
61
61
|
}
|
|
62
|
-
const InternalAssetCard = _react.memo((props)=>
|
|
62
|
+
const InternalAssetCard = _react.memo((props)=>{
|
|
63
|
+
const activeLocales = (0, _fieldeditorshared.useActiveLocales)(props.sdk);
|
|
64
|
+
return _react.createElement(_fieldeditorreference.WrappedAssetCard, {
|
|
63
65
|
getEntityScheduledActions: props.loadEntityScheduledActions,
|
|
64
66
|
size: "small",
|
|
65
67
|
isSelected: props.isSelected,
|
|
@@ -72,8 +74,9 @@ const InternalAssetCard = _react.memo((props)=>_react.createElement(_fieldeditor
|
|
|
72
74
|
isClickable: false,
|
|
73
75
|
useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
|
|
74
76
|
localesStatusMap: props.localesStatusMap,
|
|
75
|
-
activeLocales:
|
|
76
|
-
})
|
|
77
|
+
activeLocales: activeLocales
|
|
78
|
+
});
|
|
79
|
+
}, _fastdeepequal.default);
|
|
77
80
|
InternalAssetCard.displayName = 'InternalAssetCard';
|
|
78
81
|
function FetchingWrappedAssetCard(props) {
|
|
79
82
|
const { onEntityFetchComplete } = props;
|
|
@@ -62,6 +62,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
62
62
|
const InternalEntryCard = _react.memo((props)=>{
|
|
63
63
|
const { entry, sdk, loadEntityScheduledActions } = props;
|
|
64
64
|
const contentType = sdk.space.getCachedContentTypes().find((contentType)=>contentType.sys.id === entry.sys.contentType.sys.id);
|
|
65
|
+
const activeLocales = (0, _fieldeditorshared.useActiveLocales)(props.sdk);
|
|
65
66
|
return _react.createElement(_fieldeditorreference.WrappedEntryCard, {
|
|
66
67
|
size: "default",
|
|
67
68
|
getAsset: props.sdk.space.getAsset,
|
|
@@ -77,7 +78,7 @@ const InternalEntryCard = _react.memo((props)=>{
|
|
|
77
78
|
isClickable: false,
|
|
78
79
|
useLocalizedEntityStatus: sdk.parameters.instance.useLocalizedEntityStatus,
|
|
79
80
|
localesStatusMap: props.localesStatusMap,
|
|
80
|
-
activeLocales:
|
|
81
|
+
activeLocales: activeLocales
|
|
81
82
|
});
|
|
82
83
|
}, _fastdeepequal.default);
|
|
83
84
|
InternalEntryCard.displayName = 'ReferenceCard';
|
|
@@ -84,8 +84,10 @@ const InternalEntryCard = _react.memo((props)=>{
|
|
|
84
84
|
}, _fastdeepequal.default);
|
|
85
85
|
InternalEntryCard.displayName = 'ReferenceCard';
|
|
86
86
|
const FetchingWrappedResourceCard = (props)=>{
|
|
87
|
-
const { link, onEntityFetchComplete } = props;
|
|
88
|
-
const { data, status, error } = (0, _fieldeditorreference.useResource)(link.linkType, link.urn
|
|
87
|
+
const { link, onEntityFetchComplete, sdk } = props;
|
|
88
|
+
const { data, status, error } = (0, _fieldeditorreference.useResource)(link.linkType, link.urn, {
|
|
89
|
+
locale: sdk.field.locale
|
|
90
|
+
});
|
|
89
91
|
_react.useEffect(()=>{
|
|
90
92
|
if (status === 'success') {
|
|
91
93
|
onEntityFetchComplete?.();
|
package/dist/esm/SdkProvider.js
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import constate from 'constate';
|
|
3
3
|
function useSdk({ sdk }) {
|
|
4
|
-
const sdkMemo = React.useMemo(()=>sdk, [
|
|
5
|
-
sdk.parameters.instance.activeLocales
|
|
6
|
-
]);
|
|
4
|
+
const sdkMemo = React.useMemo(()=>sdk, []);
|
|
7
5
|
return sdkMemo;
|
|
8
6
|
}
|
|
9
7
|
export const [SdkProvider, useSdkContext] = constate(useSdk);
|
|
@@ -19,6 +19,7 @@ function getEntityTypeFromRichTextNode(nodeType) {
|
|
|
19
19
|
}
|
|
20
20
|
export const newResourceEntitySelectorConfigFromRichTextField = (field, nodeType)=>{
|
|
21
21
|
return {
|
|
22
|
-
allowedResources: getAllowedResourcesForNodeType(field, nodeType)
|
|
22
|
+
allowedResources: getAllowedResourcesForNodeType(field, nodeType),
|
|
23
|
+
locale: field.locale
|
|
23
24
|
};
|
|
24
25
|
};
|
|
@@ -6,8 +6,10 @@ import { INLINES } from '@contentful/rich-text-types';
|
|
|
6
6
|
import { truncateTitle } from '../../plugins/shared/utils';
|
|
7
7
|
const { getEntryTitle, getEntityStatus } = entityHelpers;
|
|
8
8
|
export function FetchingWrappedResourceInlineCard(props) {
|
|
9
|
-
const { link, onEntityFetchComplete } = props;
|
|
10
|
-
const { data, status: requestStatus } = useResource(link.linkType, link.urn
|
|
9
|
+
const { link, onEntityFetchComplete, sdk } = props;
|
|
10
|
+
const { data, status: requestStatus } = useResource(link.linkType, link.urn, {
|
|
11
|
+
locale: sdk.field.locale
|
|
12
|
+
});
|
|
11
13
|
React.useEffect(()=>{
|
|
12
14
|
if (requestStatus === 'success') {
|
|
13
15
|
onEntityFetchComplete?.();
|
|
@@ -109,7 +109,8 @@ export function HyperlinkModal(props) {
|
|
|
109
109
|
}
|
|
110
110
|
async function selectResourceEntry() {
|
|
111
111
|
const options = {
|
|
112
|
-
allowedResources: getAllowedResourcesForNodeType(props.sdk.field, INLINES.RESOURCE_HYPERLINK)
|
|
112
|
+
allowedResources: getAllowedResourcesForNodeType(props.sdk.field, INLINES.RESOURCE_HYPERLINK),
|
|
113
|
+
locale: props.sdk.field.locale
|
|
113
114
|
};
|
|
114
115
|
const entityLink = await props.sdk.dialogs.selectSingleResourceEntity(options);
|
|
115
116
|
if (entityLink) {
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { AssetCard } from '@contentful/f36-components';
|
|
3
3
|
import { useEntity, useEntityLoader, MissingEntityCard, WrappedAssetCard } from '@contentful/field-editor-reference';
|
|
4
|
-
import { useLocalePublishStatus } from '@contentful/field-editor-shared';
|
|
4
|
+
import { useLocalePublishStatus, useActiveLocales } from '@contentful/field-editor-shared';
|
|
5
5
|
import areEqual from 'fast-deep-equal';
|
|
6
|
-
const InternalAssetCard = React.memo((props)=>
|
|
6
|
+
const InternalAssetCard = React.memo((props)=>{
|
|
7
|
+
const activeLocales = useActiveLocales(props.sdk);
|
|
8
|
+
return React.createElement(WrappedAssetCard, {
|
|
7
9
|
getEntityScheduledActions: props.loadEntityScheduledActions,
|
|
8
10
|
size: "small",
|
|
9
11
|
isSelected: props.isSelected,
|
|
@@ -16,8 +18,9 @@ const InternalAssetCard = React.memo((props)=>React.createElement(WrappedAssetCa
|
|
|
16
18
|
isClickable: false,
|
|
17
19
|
useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
|
|
18
20
|
localesStatusMap: props.localesStatusMap,
|
|
19
|
-
activeLocales:
|
|
20
|
-
})
|
|
21
|
+
activeLocales: activeLocales
|
|
22
|
+
});
|
|
23
|
+
}, areEqual);
|
|
21
24
|
InternalAssetCard.displayName = 'InternalAssetCard';
|
|
22
25
|
export function FetchingWrappedAssetCard(props) {
|
|
23
26
|
const { onEntityFetchComplete } = props;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { EntryCard } from '@contentful/f36-components';
|
|
3
3
|
import { useEntity, MissingEntityCard, WrappedEntryCard, useEntityLoader } from '@contentful/field-editor-reference';
|
|
4
|
-
import { useLocalePublishStatus } from '@contentful/field-editor-shared';
|
|
4
|
+
import { useLocalePublishStatus, useActiveLocales } from '@contentful/field-editor-shared';
|
|
5
5
|
import areEqual from 'fast-deep-equal';
|
|
6
6
|
const InternalEntryCard = React.memo((props)=>{
|
|
7
7
|
const { entry, sdk, loadEntityScheduledActions } = props;
|
|
8
8
|
const contentType = sdk.space.getCachedContentTypes().find((contentType)=>contentType.sys.id === entry.sys.contentType.sys.id);
|
|
9
|
+
const activeLocales = useActiveLocales(props.sdk);
|
|
9
10
|
return React.createElement(WrappedEntryCard, {
|
|
10
11
|
size: "default",
|
|
11
12
|
getAsset: props.sdk.space.getAsset,
|
|
@@ -21,7 +22,7 @@ const InternalEntryCard = React.memo((props)=>{
|
|
|
21
22
|
isClickable: false,
|
|
22
23
|
useLocalizedEntityStatus: sdk.parameters.instance.useLocalizedEntityStatus,
|
|
23
24
|
localesStatusMap: props.localesStatusMap,
|
|
24
|
-
activeLocales:
|
|
25
|
+
activeLocales: activeLocales
|
|
25
26
|
});
|
|
26
27
|
}, areEqual);
|
|
27
28
|
InternalEntryCard.displayName = 'ReferenceCard';
|
|
@@ -28,8 +28,10 @@ const InternalEntryCard = React.memo((props)=>{
|
|
|
28
28
|
}, areEqual);
|
|
29
29
|
InternalEntryCard.displayName = 'ReferenceCard';
|
|
30
30
|
export const FetchingWrappedResourceCard = (props)=>{
|
|
31
|
-
const { link, onEntityFetchComplete } = props;
|
|
32
|
-
const { data, status, error } = useResource(link.linkType, link.urn
|
|
31
|
+
const { link, onEntityFetchComplete, sdk } = props;
|
|
32
|
+
const { data, status, error } = useResource(link.linkType, link.urn, {
|
|
33
|
+
locale: sdk.field.locale
|
|
34
|
+
});
|
|
33
35
|
React.useEffect(()=>{
|
|
34
36
|
if (status === 'success') {
|
|
35
37
|
onEntityFetchComplete?.();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/field-editor-rich-text",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.4.0",
|
|
4
4
|
"source": "./src/index.tsx",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -44,8 +44,8 @@
|
|
|
44
44
|
"@contentful/f36-icons": "^4.29.0",
|
|
45
45
|
"@contentful/f36-tokens": "^4.0.5",
|
|
46
46
|
"@contentful/f36-utils": "^4.24.3",
|
|
47
|
-
"@contentful/field-editor-reference": "^6.
|
|
48
|
-
"@contentful/field-editor-shared": "^2.
|
|
47
|
+
"@contentful/field-editor-reference": "^6.6.0",
|
|
48
|
+
"@contentful/field-editor-shared": "^2.4.0",
|
|
49
49
|
"@contentful/rich-text-plain-text-renderer": "^17.0.0",
|
|
50
50
|
"@contentful/rich-text-types": "^17.0.0",
|
|
51
51
|
"@popperjs/core": "^2.11.5",
|
|
@@ -86,5 +86,5 @@
|
|
|
86
86
|
"publishConfig": {
|
|
87
87
|
"registry": "https://npm.pkg.github.com/"
|
|
88
88
|
},
|
|
89
|
-
"gitHead": "
|
|
89
|
+
"gitHead": "acf662acf17e749090975671bf14ce107ac9c499"
|
|
90
90
|
}
|