@contentful/field-editor-reference 5.2.1 → 5.3.0

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.3.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@5.2.1...@contentful/field-editor-reference@5.3.0) (2022-09-16)
+
+### Features
+
+- use urn from entries that are fetched from api ([#1234](https://github.com/contentful/field-editors/issues/1234)) ([24e4ca2](https://github.com/contentful/field-editors/commit/24e4ca20fc18993f0eee1ee3886ff0b52ab2e8b8))
+
 ## [5.2.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@5.2.0...@contentful/field-editor-reference@5.2.1) (2022-09-15)
 
 ### Bug Fixes

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

@@ -4020,9 +4020,30 @@ function ResourceCard(props) {
   })));
 }
 
+var toLinkItem = function toLinkItem(entry) {
+  return {
+    sys: {
+      type: 'ResourceLink',
+      linkType: 'Contentful:Entry',
+      urn: entry.sys.urn
+    }
+  };
+};
+
+var getUpdatedValue = function getUpdatedValue(field, entries) {
+  var multiple = field.type === 'Array';
+
+  if (multiple) {
+    var linkItems = entries.map(toLinkItem);
+    var prevValue = field.getValue() || [];
+    return [].concat(prevValue, linkItems);
+  } else {
+    return toLinkItem(entries[0]);
+  }
+};
+
 function useResourceLinkActions(_ref) {
-  var apiUrl = _ref.apiUrl,
-      dialogs = _ref.dialogs,
+  var dialogs = _ref.dialogs,
       field = _ref.field,
       onAfterLink = _ref.onAfterLink;
   var handleAfterLink = React.useCallback(function (entries) {
@@ -4032,39 +4053,14 @@ function useResourceLinkActions(_ref) {
 
     entries.forEach(onAfterLink);
   }, [onAfterLink]);
-  var multiple = field.type === 'Array';
-  var toLinkItem = React.useMemo(function () {
-    function toUrn(entry) {
-      return "crn:" + apiUrl + ":::content:spaces/" + entry.sys.space.sys.id + "/entries/" + entry.sys.id;
-    }
-
-    return function (entry) {
-      return {
-        sys: {
-          type: 'ResourceLink',
-          linkType: 'Contentful:Entry',
-          urn: toUrn(entry)
-        }
-      };
-    };
-  }, [apiUrl]);
   var onLinkedExisting = React.useMemo(function () {
-    if (multiple) {
-      return function (entries) {
-        var linkItems = entries.map(toLinkItem);
-        var prevValue = field.getValue() || [];
-        var updatedValue = [].concat(prevValue, linkItems);
-        field.setValue(updatedValue);
-        handleAfterLink(entries);
-      };
-    } else {
-      return function (entries) {
-        var entry = entries[0];
-        field.setValue(toLinkItem(entry));
-        handleAfterLink([entry]);
-      };
-    }
-  }, [field, handleAfterLink, multiple, toLinkItem]);
+    return function (entries) {
+      var updatedValue = getUpdatedValue(field, entries);
+      field.setValue(updatedValue);
+      handleAfterLink(entries);
+    };
+  }, [field, handleAfterLink]);
+  var multiple = field.type === 'Array';
   var onLinkExisting = React.useMemo(function () {
     var promptSelection = multiple ? /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
       return runtime_1.wrap(function _callee$(_context) {