@contentful/field-editor-reference 5.5.3 → 5.6.0

package/dist/field-editor-reference.esm.js

@@ -1,9 +1,9 @@
 import React__default, { useState, useRef, useEffect, createElement, Fragment, useMemo, useCallback } from 'react';
 import { css, cx } from 'emotion';
 import tokens from '@contentful/f36-tokens';
-import get from 'lodash-es/get';
 import { Menu, TextInput, Button, Paragraph, Card, Flex, SectionHeading, IconButton, Tooltip, Text, EntryCard, MenuItem, MenuDivider, AssetCard } from '@contentful/f36-components';
 import { SearchIcon, PlusIcon, ChevronDownIcon, LinkIcon, CloseIcon, FolderOpenTrimmedIcon, ClockIcon } from '@contentful/f36-icons';
+import get from 'lodash-es/get';
 import moment from 'moment';
 import { FieldConnector, isValidImage, entityHelpers, shortenStorageUnit } from '@contentful/field-editor-shared';
 import deepEqual from 'deep-equal';
@@ -190,7 +190,7 @@ var action = /*#__PURE__*/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'
@@ -396,7 +396,8 @@ var standardStyles = {
 var redesignStyles = /*#__PURE__*/_extends({}, standardStyles, {
   action: /*#__PURE__*/css({
     textDecoration: 'none',
-    fontWeight: 'bold'
+    fontWeight: 'bold',
+    maxWidth: '300px'
   })
 });
 
@@ -3357,7 +3358,9 @@ var styles$3 = {
     position: 'relative'
   }),
   item: /*#__PURE__*/css({
-    marginBottom: tokens.spacingM
+    marginBottom: tokens.spacingM,
+    zIndex: tokens.zIndexModalContent // setting this to an index above 99 fixes dragged item disappearing issue
+
   })
 };
 
@@ -4037,32 +4040,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 = useCallback(function (entries) {
     if (!onAfterLink) {
       return;
@@ -4072,11 +4080,11 @@ function useResourceLinkActions(_ref) {
   }, [onAfterLink]);
   var onLinkedExisting = 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 = useMemo(function () {
     var promptSelection = multiple ? /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {