@contentful/field-editor-reference 4.6.2 → 4.6.5

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

@@ -2,7 +2,7 @@ import React__default, { useState, useRef, useEffect, createElement, Fragment, u
 import { css, cx } from 'emotion';
 import tokens from '@contentful/f36-tokens';
 import get from 'lodash-es/get';
-import { Menu, TextInput, Button, Paragraph, Card, SectionHeading, IconButton, Tooltip, Flex, Text, EntryCard, MenuItem, MenuDivider, AssetCard } from '@contentful/f36-components';
+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 moment from 'moment';
 import deepEqual from 'deep-equal';
@@ -620,30 +620,27 @@ var squareCard = /*#__PURE__*/css({
   height: '160px',
   textAlign: 'center'
 });
-var close = /*#__PURE__*/css({
-  position: 'absolute',
-  top: tokens.spacingS,
-  right: tokens.spacingS
-});
 
 function MissingEntityCard(props) {
   return React__default.createElement(Card, {
     className: card
+  }, React__default.createElement(Flex, {
+    alignItems: "center",
+    justifyContent: "space-between"
   }, React__default.createElement("div", {
     className: props.asSquare ? squareCard : ''
   }, React__default.createElement(SectionHeading, {
     marginBottom: "none"
-  }, props.entityType === 'Entry' && 'Entry is missing or inaccessible', props.entityType === 'Asset' && 'Asset is missing or inaccessible')), !props.isDisabled && props.onRemove && React__default.createElement(IconButton, {
+  }, props.entityType, " is missing or inaccessible")), !props.isDisabled && props.onRemove && React__default.createElement(IconButton, {
     variant: "transparent",
     icon: React__default.createElement(CloseIcon, {
       variant: "muted"
     }),
-    className: close,
     "aria-label": "Delete",
     onClick: function onClick() {
       props.onRemove && props.onRemove();
     }
-  }));
+  })));
 }
 
 function createCommonjsModule(fn, module) {
@@ -1924,7 +1921,7 @@ var nonNilResources = function nonNilResources(map) {
 
 function useEntitiesStore(props) {
   var spaceId = props.sdk.ids.space;
-  var environmentId = props.sdk.ids.environment;
+  var environmentId = props.sdk.ids.environmentAlias || props.sdk.ids.environment;
 
   var _React$useState = useState(function () {
     return createClient({
@@ -3343,7 +3340,7 @@ function MultipleEntryReferenceEditor(props) {
   return createElement(MultipleReferenceEditor, Object.assign({}, props, {
     entityType: "Entry"
   }), function (childrenProps) {
-    return createElement(SortableLinkList, Object.assign({}, props, childrenProps, {
+    return createElement(SortableLinkList, Object.assign({}, childrenProps, {
       axis: "y",
       useDragHandle: true
     }), function (_ref) {
@@ -3353,7 +3350,7 @@ function MultipleEntryReferenceEditor(props) {
           isDisabled = _ref.isDisabled,
           DragHandle = _ref.DragHandle;
       var lastIndex = items.length - 1;
-      return createElement(FetchingWrappedEntryCard, Object.assign({}, props, {
+      return createElement(FetchingWrappedEntryCard, Object.assign({}, childrenProps, {
         key: item.sys.id + "-" + index,
         index: index,
         allContentTypes: childrenProps.allContentTypes,
@@ -3805,7 +3802,7 @@ function MultipleMediaEditor(props) {
           index = _ref.index,
           isDisabled = _ref.isDisabled,
           DragHandle = _ref.DragHandle;
-      return createElement(FetchingWrappedAssetCard, Object.assign({}, props, {
+      return createElement(FetchingWrappedAssetCard, Object.assign({}, childrenProps, {
         isDisabled: isDisabled,
         key: item.sys.id + "-" + index,
         assetId: item.sys.id,