@contentful/field-editor-reference 5.5.3 → 5.6.0

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.6.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@5.5.4...@contentful/field-editor-reference@5.6.0) (2023-01-02)
+
+### Bug Fixes
+
+- solve multi ref drag issue [TOL-823] ([#1314](https://github.com/contentful/field-editors/issues/1314)) ([2d37f1c](https://github.com/contentful/field-editors/commit/2d37f1ca2b9a89710e7999278afcb492a069c8a8))
+
+### Features
+
+- lower search and update width entry ref [TOL-247] ([#1313](https://github.com/contentful/field-editors/issues/1313)) ([ed6edbc](https://github.com/contentful/field-editors/commit/ed6edbc2ddce352d6ac7a7f8aced2129c4c2e5b4))
+
+## [5.5.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@5.5.3...@contentful/field-editor-reference@5.5.4) (2022-12-23)
+
+**Note:** Version bump only for package @contentful/field-editor-reference
+
 ## [5.5.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@5.5.2...@contentful/field-editor-reference@5.5.3) (2022-12-08)
 
 **Note:** Version bump only for package @contentful/field-editor-reference

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

@@ -8,9 +8,9 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var emotion = require('emotion');
 var tokens = _interopDefault(require('@contentful/f36-tokens'));
-var get = _interopDefault(require('lodash/get'));
 var f36Components = require('@contentful/f36-components');
 var f36Icons = require('@contentful/f36-icons');
+var get = _interopDefault(require('lodash/get'));
 var moment = _interopDefault(require('moment'));
 var fieldEditorShared = require('@contentful/field-editor-shared');
 var deepEqual = _interopDefault(require('deep-equal'));
@@ -197,7 +197,7 @@ var action = /*#__PURE__*/emotion.css({
 });
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-var MAX_ITEMS_WITHOUT_SEARCH = 20;
+var MAX_ITEMS_WITHOUT_SEARCH = 5;
 var menuPlacementMap = {
   'bottom-left': 'bottom-start',
   'bottom-right': 'bottom-end'
@@ -403,7 +403,8 @@ var standardStyles = {
 var redesignStyles = /*#__PURE__*/_extends({}, standardStyles, {
   action: /*#__PURE__*/emotion.css({
     textDecoration: 'none',
-    fontWeight: 'bold'
+    fontWeight: 'bold',
+    maxWidth: '300px'
   })
 });
 
@@ -3364,7 +3365,9 @@ var styles$3 = {
     position: 'relative'
   }),
   item: /*#__PURE__*/emotion.css({
-    marginBottom: tokens.spacingM
+    marginBottom: tokens.spacingM,
+    zIndex: tokens.zIndexModalContent // setting this to an index above 99 fixes dragged item disappearing issue
+
   })
 };
 
@@ -4044,32 +4047,37 @@ function ResourceCard(props) {
   })));
 }
 
-var toLinkItem = function toLinkItem(entry) {
+var toLinkItem = function toLinkItem(entry, apiUrl) {
+  var _entry$sys$urn;
+
   return {
     sys: {
       type: 'ResourceLink',
       linkType: 'Contentful:Entry',
-      urn: entry.sys.urn
+      urn: (_entry$sys$urn = entry.sys.urn) != null ? _entry$sys$urn : "crn:" + apiUrl + ":::content:spaces/" + entry.sys.space.sys.id + "/entries/" + entry.sys.id
     }
   };
 };
 
-var getUpdatedValue = function getUpdatedValue(field, entries) {
+var getUpdatedValue = function getUpdatedValue(field, entries, apiUrl) {
   var multiple = field.type === 'Array';
 
   if (multiple) {
-    var linkItems = entries.map(toLinkItem);
+    var linkItems = entries.map(function (entry) {
+      return toLinkItem(entry, apiUrl);
+    });
     var prevValue = field.getValue() || [];
     return [].concat(prevValue, linkItems);
   } else {
-    return toLinkItem(entries[0]);
+    return toLinkItem(entries[0], apiUrl);
   }
 };
 
 function useResourceLinkActions(_ref) {
   var dialogs = _ref.dialogs,
       field = _ref.field,
-      onAfterLink = _ref.onAfterLink;
+      onAfterLink = _ref.onAfterLink,
+      apiUrl = _ref.apiUrl;
   var handleAfterLink = React.useCallback(function (entries) {
     if (!onAfterLink) {
       return;
@@ -4079,11 +4087,11 @@ function useResourceLinkActions(_ref) {
   }, [onAfterLink]);
   var onLinkedExisting = React.useMemo(function () {
     return function (entries) {
-      var updatedValue = getUpdatedValue(field, entries);
+      var updatedValue = getUpdatedValue(field, entries, apiUrl);
       field.setValue(updatedValue);
       handleAfterLink(entries);
     };
-  }, [field, handleAfterLink]);
+  }, [field, handleAfterLink, apiUrl]);
   var multiple = field.type === 'Array';
   var onLinkExisting = React.useMemo(function () {
     var promptSelection = multiple ? /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {