@contentful/field-editor-reference 5.5.4 → 5.8.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'
   })
 });
 
@@ -1596,7 +1597,8 @@ function _selectMultipleEntities() {
   return _selectMultipleEntities.apply(this, arguments);
 }
 
-var _excluded = ["renderCustomActions"];
+var _excluded = ["renderCustomActions"],
+    _excluded2 = ["renderCustomActions"];
 function useLinkActionsProps(props) {
   var _editorPermissions$va;
 
@@ -1795,10 +1797,13 @@ function LinkEntityActions(_ref4) {
   var renderCustomActions = _ref4.renderCustomActions,
       props = _objectWithoutPropertiesLoose(_ref4, _excluded);
 
-  var renderLinkActions = renderCustomActions ? renderCustomActions : function (props) {
-    return createElement(LinkActions, _extends({}, props));
-  };
-  return renderLinkActions(props);
+  return renderCustomActions ? renderCustomActions(props) : createElement(LinkActions, _extends({}, props));
+}
+function CombinedLinkEntityActions(_ref5) {
+  var renderCustomActions = _ref5.renderCustomActions,
+      props = _objectWithoutPropertiesLoose(_ref5, _excluded2);
+
+  return renderCustomActions ? renderCustomActions(props) : createElement(CombinedLinkActions, _extends({}, props));
 }
 
 // eslint-disable-next-line -- TODO: describe this disable  no-restricted-imports
@@ -1917,7 +1922,7 @@ function AssetThumbnail(props) {
 }
 
 var _excluded$1 = ["priority"],
-    _excluded2 = ["children"];
+    _excluded2$1 = ["children"];
 
 var globalQueue = /*#__PURE__*/new PQueue({
   concurrency: 50
@@ -2367,7 +2372,7 @@ function useResource(resourceType, urn, options) {
 
 function EntityProvider(_ref9) {
   var children = _ref9.children,
-      props = _objectWithoutPropertiesLoose(_ref9, _excluded2);
+      props = _objectWithoutPropertiesLoose(_ref9, _excluded2$1);
 
   var reactQueryClient = useMemo(function () {
     var queryCache = new QueryCache();
@@ -3357,7 +3362,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
+
   })
 };
 
@@ -4228,7 +4235,9 @@ function ResourceEditor(props) {
     onSortEnd: onSortEnd,
     onMove: onMove,
     onRemoteItemAtIndex: onRemoteItemAtIndex
-  })), createElement(CombinedLinkActions, _extends({}, linkActionsProps)));
+  })), createElement(CombinedLinkEntityActions, _extends({}, linkActionsProps, {
+    renderCustomActions: props.renderCustomActions
+  })));
 } // provides memoized callbacks bound to a given item
 
 
@@ -4276,6 +4285,7 @@ function MultipleResourceReferenceEditor(props) {
       items: value || EMPTY_ARRAY,
       isDisabled: disabled,
       setValue: setValue,
+      renderCustomActions: props.renderCustomActions,
       key: externalReset + "-list"
     }), function (editorProps) {
       return createElement(SortableLinkList, _extends({}, editorProps), function (_ref4) {
@@ -4334,8 +4344,9 @@ function SingleResourceReferenceEditor(props) {
       resourceLink: value,
       isDisabled: disabled,
       getEntryRouteHref: props.getEntryRouteHref
-    }) : // TODO: support custom actions once publicly available
-    createElement(CombinedLinkActions, _extends({}, linkActionsProps));
+    }) : createElement(CombinedLinkEntityActions, _extends({}, linkActionsProps, {
+      renderCustomActions: props.renderCustomActions
+    }));
   }));
 }