@contentful/field-editor-rich-text 4.3.0 → 4.4.1

package/dist/cjs/SdkProvider.js

@@ -65,9 +65,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function useSdk({ sdk }) {
-    const sdkMemo = _react.useMemo(()=>sdk, [
-        sdk.parameters.instance.activeLocales
-    ]);
+    const sdkMemo = _react.useMemo(()=>sdk, []);
     return sdkMemo;
 }
 const [SdkProvider, useSdkContext] = (0, _constate.default)(useSdk);

package/dist/cjs/plugins/shared/FetchingWrappedAssetCard.js

@@ -59,7 +59,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const InternalAssetCard = _react.memo((props)=>_react.createElement(_fieldeditorreference.WrappedAssetCard, {
+const InternalAssetCard = _react.memo((props)=>{
+    const activeLocales = (0, _fieldeditorshared.useActiveLocales)(props.sdk);
+    return _react.createElement(_fieldeditorreference.WrappedAssetCard, {
         getEntityScheduledActions: props.loadEntityScheduledActions,
         size: "small",
         isSelected: props.isSelected,
@@ -72,8 +74,13 @@ const InternalAssetCard = _react.memo((props)=>_react.createElement(_fieldeditor
         isClickable: false,
         useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
         localesStatusMap: props.localesStatusMap,
-        activeLocales: props.sdk.parameters.instance.activeLocales
-    }), _fastdeepequal.default);
+        activeLocales: activeLocales,
+        renderDragHandle: !props.isDisabled ? (dragHandleProps)=>_react.createElement(_f36components.DragHandle, {
+                label: "drag embedded asset",
+                ...dragHandleProps
+            }) : undefined
+    });
+}, _fastdeepequal.default);
 InternalAssetCard.displayName = 'InternalAssetCard';
 function FetchingWrappedAssetCard(props) {
     const { onEntityFetchComplete } = props;

package/dist/cjs/plugins/shared/FetchingWrappedEntryCard.js

@@ -62,6 +62,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 const InternalEntryCard = _react.memo((props)=>{
     const { entry, sdk, loadEntityScheduledActions } = props;
     const contentType = sdk.space.getCachedContentTypes().find((contentType)=>contentType.sys.id === entry.sys.contentType.sys.id);
+    const activeLocales = (0, _fieldeditorshared.useActiveLocales)(props.sdk);
     return _react.createElement(_fieldeditorreference.WrappedEntryCard, {
         size: "default",
         getAsset: props.sdk.space.getAsset,
@@ -77,7 +78,11 @@ const InternalEntryCard = _react.memo((props)=>{
         isClickable: false,
         useLocalizedEntityStatus: sdk.parameters.instance.useLocalizedEntityStatus,
         localesStatusMap: props.localesStatusMap,
-        activeLocales: props.sdk.parameters.instance.activeLocales
+        activeLocales: activeLocales,
+        renderDragHandle: !props.isDisabled ? (dragHandleProps)=>_react.createElement(_f36components.DragHandle, {
+                label: "drag embedded entry",
+                ...dragHandleProps
+            }) : undefined
     });
 }, _fastdeepequal.default);
 InternalEntryCard.displayName = 'ReferenceCard';

package/dist/cjs/plugins/shared/FetchingWrappedResourceCard.js

@@ -79,7 +79,11 @@ const InternalEntryCard = _react.memo((props)=>{
         onRemove: props.isDisabled ? undefined : props.onRemove,
         isClickable: false,
         getEntityScheduledActions: ()=>Promise.resolve([]),
-        useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus
+        useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
+        renderDragHandle: !props.isDisabled ? (dragHandleProps)=>_react.createElement(_f36components.DragHandle, {
+                label: "drag resource entry",
+                ...dragHandleProps
+            }) : undefined
     });
 }, _fastdeepequal.default);
 InternalEntryCard.displayName = 'ReferenceCard';

package/dist/esm/SdkProvider.js

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import constate from 'constate';
 function useSdk({ sdk }) {
-    const sdkMemo = React.useMemo(()=>sdk, [
-        sdk.parameters.instance.activeLocales
-    ]);
+    const sdkMemo = React.useMemo(()=>sdk, []);
     return sdkMemo;
 }
 export const [SdkProvider, useSdkContext] = constate(useSdk);

package/dist/esm/plugins/shared/FetchingWrappedAssetCard.js

@@ -1,9 +1,11 @@
 import * as React from 'react';
-import { AssetCard } from '@contentful/f36-components';
+import { AssetCard, DragHandle } from '@contentful/f36-components';
 import { useEntity, useEntityLoader, MissingEntityCard, WrappedAssetCard } from '@contentful/field-editor-reference';
-import { useLocalePublishStatus } from '@contentful/field-editor-shared';
+import { useLocalePublishStatus, useActiveLocales } from '@contentful/field-editor-shared';
 import areEqual from 'fast-deep-equal';
-const InternalAssetCard = React.memo((props)=>React.createElement(WrappedAssetCard, {
+const InternalAssetCard = React.memo((props)=>{
+    const activeLocales = useActiveLocales(props.sdk);
+    return React.createElement(WrappedAssetCard, {
         getEntityScheduledActions: props.loadEntityScheduledActions,
         size: "small",
         isSelected: props.isSelected,
@@ -16,8 +18,13 @@ const InternalAssetCard = React.memo((props)=>React.createElement(WrappedAssetCa
         isClickable: false,
         useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
         localesStatusMap: props.localesStatusMap,
-        activeLocales: props.sdk.parameters.instance.activeLocales
-    }), areEqual);
+        activeLocales: activeLocales,
+        renderDragHandle: !props.isDisabled ? (dragHandleProps)=>React.createElement(DragHandle, {
+                label: "drag embedded asset",
+                ...dragHandleProps
+            }) : undefined
+    });
+}, areEqual);
 InternalAssetCard.displayName = 'InternalAssetCard';
 export function FetchingWrappedAssetCard(props) {
     const { onEntityFetchComplete } = props;

package/dist/esm/plugins/shared/FetchingWrappedEntryCard.js

@@ -1,11 +1,12 @@
 import * as React from 'react';
-import { EntryCard } from '@contentful/f36-components';
+import { DragHandle, EntryCard } from '@contentful/f36-components';
 import { useEntity, MissingEntityCard, WrappedEntryCard, useEntityLoader } from '@contentful/field-editor-reference';
-import { useLocalePublishStatus } from '@contentful/field-editor-shared';
+import { useLocalePublishStatus, useActiveLocales } from '@contentful/field-editor-shared';
 import areEqual from 'fast-deep-equal';
 const InternalEntryCard = React.memo((props)=>{
     const { entry, sdk, loadEntityScheduledActions } = props;
     const contentType = sdk.space.getCachedContentTypes().find((contentType)=>contentType.sys.id === entry.sys.contentType.sys.id);
+    const activeLocales = useActiveLocales(props.sdk);
     return React.createElement(WrappedEntryCard, {
         size: "default",
         getAsset: props.sdk.space.getAsset,
@@ -21,7 +22,11 @@ const InternalEntryCard = React.memo((props)=>{
         isClickable: false,
         useLocalizedEntityStatus: sdk.parameters.instance.useLocalizedEntityStatus,
         localesStatusMap: props.localesStatusMap,
-        activeLocales: props.sdk.parameters.instance.activeLocales
+        activeLocales: activeLocales,
+        renderDragHandle: !props.isDisabled ? (dragHandleProps)=>React.createElement(DragHandle, {
+                label: "drag embedded entry",
+                ...dragHandleProps
+            }) : undefined
     });
 }, areEqual);
 InternalEntryCard.displayName = 'ReferenceCard';

package/dist/esm/plugins/shared/FetchingWrappedResourceCard.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { EntryCard } from '@contentful/f36-components';
+import { DragHandle, EntryCard } from '@contentful/f36-components';
 import { ResourceEntityErrorCard, WrappedEntryCard, useResource } from '@contentful/field-editor-reference';
 import areEqual from 'fast-deep-equal';
 const InternalEntryCard = React.memo((props)=>{
@@ -23,7 +23,11 @@ const InternalEntryCard = React.memo((props)=>{
         onRemove: props.isDisabled ? undefined : props.onRemove,
         isClickable: false,
         getEntityScheduledActions: ()=>Promise.resolve([]),
-        useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus
+        useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
+        renderDragHandle: !props.isDisabled ? (dragHandleProps)=>React.createElement(DragHandle, {
+                label: "drag resource entry",
+                ...dragHandleProps
+            }) : undefined
     });
 }, areEqual);
 InternalEntryCard.displayName = 'ReferenceCard';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-rich-text",
-  "version": "4.3.0",
+  "version": "4.4.1",
   "source": "./src/index.tsx",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -44,8 +44,8 @@
     "@contentful/f36-icons": "^4.29.0",
     "@contentful/f36-tokens": "^4.0.5",
     "@contentful/f36-utils": "^4.24.3",
-    "@contentful/field-editor-reference": "^6.5.0",
-    "@contentful/field-editor-shared": "^2.3.2",
+    "@contentful/field-editor-reference": "^6.6.1",
+    "@contentful/field-editor-shared": "^2.4.0",
     "@contentful/rich-text-plain-text-renderer": "^17.0.0",
     "@contentful/rich-text-types": "^17.0.0",
     "@popperjs/core": "^2.11.5",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "f40a4a992e37c353214b87da74b1fccdf5559a8b"
+  "gitHead": "a92c11aaf9967c63fe3f8b30a0566b15d7430f43"
 }