@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.
@@ -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)=>_react.createElement(_fieldeditorreference.WrappedAssetCard, {
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: props.sdk.parameters.instance.activeLocales
76
- }), _fastdeepequal.default);
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: props.sdk.parameters.instance.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?.();
@@ -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)=>React.createElement(WrappedAssetCard, {
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: props.sdk.parameters.instance.activeLocales
20
- }), areEqual);
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: props.sdk.parameters.instance.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?.();
@@ -29,5 +29,6 @@ export declare const newResourceEntitySelectorConfigFromRichTextField: (field: a
29
29
  source: string;
30
30
  contentTypes: string[];
31
31
  }[];
32
+ locale: any;
32
33
  };
33
34
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@contentful/field-editor-rich-text",
3
- "version": "4.2.6",
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.4.5",
48
- "@contentful/field-editor-shared": "^2.3.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": "818d5f85db9f0d8db39fc41a6019efb958c7b513"
89
+ "gitHead": "acf662acf17e749090975671bf14ce107ac9c499"
90
90
  }