@contentful/field-editor-reference 4.6.3 → 4.6.6

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({
@@ -2815,14 +2812,18 @@ var styles$1 = {
   spaceName: /*#__PURE__*/css({
     color: tokens.gray700,
     fontSize: tokens.fontSizeS,
-    fontWeight: tokens.fontWeightDemiBold
+    fontWeight: tokens.fontWeightDemiBold,
+    maxWidth: '80px',
+    textOverflow: 'ellipsis',
+    overflow: 'hidden',
+    whiteSpace: 'nowrap'
   })
 };
 function SpaceName(props) {
   return createElement(Tooltip, {
     placement: "top",
     as: "div",
-    content: "Space"
+    content: "Space: " + props.spaceName
   }, createElement(Flex, {
     alignItems: "center",
     gap: "spacingXs",