@contentful/field-editor-reference 5.5.1 → 5.5.2

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 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

package/dist/common/ReferenceEditor.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { Offset, 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,11 +29,10 @@ export interface ReferenceEditorProps {
     updateBeforeSortStart?: ({ index }: {
         index: number;
     }) => void;
-    onSortingEnd?: (({ oldIndex, newIndex, }: {
+    onSortingEnd?: ({ oldIndex, newIndex }: {
         oldIndex: number;
         newIndex: number;
-        collection: Offset;
-    }) => void) & SortEndHandler;
+    }) => void;
 }
 export declare type CustomActionProps = LinkActionsProps;
 export declare function ReferenceEditor<T>(props: ReferenceEditorProps & {

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

@@ -3296,17 +3296,17 @@ function Editor$1(props) {
   }, []);
   var onSortEnd = React.useCallback(function (_ref) {
     var oldIndex = _ref.oldIndex,
-        newIndex = _ref.newIndex,
-        collection = _ref.collection;
+        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');
-    props.onSortingEnd && props.onSortingEnd({
-      oldIndex: oldIndex,
-      newIndex: newIndex,
-      collection: collection
-    });
   }, [items, props, setIndexToUpdate, setValue]);
   var onMove = React.useCallback(function (oldIndex, newIndex) {
     var newItems = arrayMove(items, oldIndex, newIndex);