@contentful/field-editor-reference 5.5.0 → 5.5.2

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.5.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@5.5.1...@contentful/field-editor-reference@5.5.2) (2022-11-07)
+
+### Bug Fixes
+
+- onSortEnd before array move ([#1276](https://github.com/contentful/field-editors/issues/1276)) ([16f0eb0](https://github.com/contentful/field-editors/commit/16f0eb0db3bdb89820bb969a54833be3d6fd4f16))
+
+## [5.5.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@5.5.0...@contentful/field-editor-reference@5.5.1) (2022-11-07)
+
+### Bug Fixes
+
+- on sort end multiple reference field ([#1273](https://github.com/contentful/field-editors/issues/1273)) ([1f7788b](https://github.com/contentful/field-editors/commit/1f7788bfb4de6a83b14c75578a43fa036202491e))
+
 # [5.5.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@5.4.0...@contentful/field-editor-reference@5.5.0) (2022-11-04)
 
 ### Features

package/dist/common/ReferenceEditor.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { SortEndHandler } from 'react-sortable-hoc';
 import { FieldConnector } from '@contentful/field-editor-shared';
 import type { LinkActionsProps } from '../components';
 import { Action, ActionLabels, FieldExtensionSDK, ViewType } from '../types';
@@ -30,9 +29,10 @@ export interface ReferenceEditorProps {
     updateBeforeSortStart?: ({ index }: {
         index: number;
     }) => void;
-    onSortingEnd?: (({ index }: {
-        index: number;
-    }) => void) & SortEndHandler;
+    onSortingEnd?: ({ oldIndex, newIndex }: {
+        oldIndex: number;
+        newIndex: number;
+    }) => void;
 }
 export declare type CustomActionProps = LinkActionsProps;
 export declare function ReferenceEditor<T>(props: ReferenceEditorProps & {

package/dist/field-editor-reference.cjs.development.js

@@ -3297,11 +3297,17 @@ function Editor$1(props) {
   var onSortEnd = React.useCallback(function (_ref) {
     var oldIndex = _ref.oldIndex,
         newIndex = _ref.newIndex;
+    // custom callback that is invoked *before* we sort the array
+    // e.g. in Compose we want to sort the references in the referenceMap before re-rendering drag and drop
+    props.onSortingEnd && props.onSortingEnd({
+      oldIndex: oldIndex,
+      newIndex: newIndex
+    });
     var newItems = arrayMove(items, oldIndex, newIndex);
     setValue(newItems);
     setIndexToUpdate && setIndexToUpdate(undefined);
     document.body.classList.remove('grabbing');
-  }, [items, setIndexToUpdate, setValue]);
+  }, [items, props, setIndexToUpdate, setValue]);
   var onMove = React.useCallback(function (oldIndex, newIndex) {
     var newItems = arrayMove(items, oldIndex, newIndex);
     setValue(newItems);
@@ -3419,8 +3425,7 @@ function MultipleEntryReferenceEditor(props) {
     return React.createElement(SortableLinkList, _extends({}, childrenProps, {
       axis: "y",
       useDragHandle: true,
-      updateBeforeSortStart: updateBeforeSortStart,
-      onSortEnd: props.onSortingEnd
+      updateBeforeSortStart: updateBeforeSortStart
     }), function (_ref2) {
       var items = _ref2.items,
           item = _ref2.item,