@contentful/field-editor-reference 4.3.11 → 4.4.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.4.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@4.3.11...@contentful/field-editor-reference@4.4.0) (2022-07-06)
+
+### Features
+
+- add optional space name to entry card ([#1176](https://github.com/contentful/field-editors/issues/1176)) ([62fae44](https://github.com/contentful/field-editors/commit/62fae44a63ad29597acf6ae0ba7f15373b1045c0))
+
 ## [4.3.11](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@4.3.10...@contentful/field-editor-reference@4.3.11) (2022-06-30)
 
 ### Bug Fixes

package/dist/components/SpaceName/SpaceName.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface SpaceNameProps {
+    spaceName: string;
+}
+export declare function SpaceName(props: SpaceNameProps): JSX.Element;
+export {};

package/dist/entries/WrappedEntryCard/WrappedEntryCard.d.ts

@@ -14,6 +14,7 @@ export interface WrappedEntryCardProps {
     localeCode: string;
     defaultLocaleCode: string;
     contentType?: ContentType;
+    spaceName?: string;
     entry: Entry;
     renderDragHandle?: RenderDragFn;
     isClickable?: boolean;

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

@@ -2454,11 +2454,40 @@ SingleReferenceEditor.defaultProps = {
   hasCardRemoveActions: true
 };
 
+var styles$1 = {
+  spaceIcon: /*#__PURE__*/emotion.css({
+    flexShrink: 0,
+    fill: tokens.purple600
+  }),
+  spaceName: /*#__PURE__*/emotion.css({
+    color: tokens.gray700,
+    fontSize: tokens.fontSizeS,
+    fontWeight: tokens.fontWeightDemiBold
+  })
+};
+function SpaceName(props) {
+  return React.createElement(f36Components.Tooltip, {
+    placement: "top",
+    as: "div",
+    content: "Space"
+  }, React.createElement(f36Components.Flex, {
+    alignItems: "center",
+    gap: "spacingXs",
+    marginRight: "spacingS"
+  }, React.createElement(f36Icons.FolderOpenTrimmedIcon, {
+    className: styles$1.spaceIcon,
+    size: "tiny",
+    "aria-label": "Source space"
+  }), React.createElement(f36Components.Text, {
+    className: styles$1.spaceName
+  }, props.spaceName)));
+}
+
 var getEntryTitle = fieldEditorShared.entityHelpers.getEntryTitle,
     getEntityDescription = fieldEditorShared.entityHelpers.getEntityDescription,
     getEntryStatus = fieldEditorShared.entityHelpers.getEntryStatus,
     getEntryImage = fieldEditorShared.entityHelpers.getEntryImage;
-var styles$1 = {
+var styles$2 = {
   scheduleIcon: /*#__PURE__*/emotion.css({
     marginRight: tokens.spacing2Xs
   })
@@ -2523,12 +2552,17 @@ function WrappedEntryCard(props) {
     size: props.size,
     isSelected: props.isSelected,
     status: status,
-    icon: React.createElement(ScheduledIconWithTooltip, {
+    style: props.spaceName ? {
+      backgroundColor: tokens.gray100
+    } : undefined,
+    icon: props.spaceName ? React.createElement(SpaceName, {
+      spaceName: props.spaceName
+    }) : React.createElement(ScheduledIconWithTooltip, {
       getEntityScheduledActions: props.getEntityScheduledActions,
       entityType: "Entry",
       entityId: props.entry.sys.id
     }, React.createElement(f36Icons.ClockIcon, {
-      className: styles$1.scheduleIcon,
+      className: styles$2.scheduleIcon,
       size: "small",
       variant: "muted",
       testId: "schedule-icon"
@@ -2903,7 +2937,7 @@ MultipleReferenceEditor.defaultProps = {
   hasCardEditActions: true
 };
 
-var styles$2 = {
+var styles$3 = {
   containter: /*#__PURE__*/emotion.css({
     position: 'relative'
   }),
@@ -2921,13 +2955,13 @@ var DragHandle = function DragHandle(props) {
 
 var SortableLink = /*#__PURE__*/reactSortableHoc.SortableElement(function (props) {
   return React__default.createElement("div", {
-    className: styles$2.item
+    className: styles$3.item
   }, props.children);
 });
 var SortableLinkList = /*#__PURE__*/reactSortableHoc.SortableContainer(function (props) {
   var lastIndex = props.items.length - 1;
   return React__default.createElement("div", {
-    className: styles$2.containter
+    className: styles$3.containter
   }, props.items.map(function (item, index) {
     return React__default.createElement(SortableLink, {
       disabled: props.isDisabled,
@@ -3036,7 +3070,7 @@ var groupToIconMap = {
   code: 'code',
   markup: 'markup'
 };
-var styles$3 = {
+var styles$4 = {
   scheduleIcon: /*#__PURE__*/emotion.css({
     marginRight: tokens.spacing2Xs
   })
@@ -3098,7 +3132,7 @@ var WrappedAssetCard = function WrappedAssetCard(props) {
       entityType: "Asset",
       entityId: props.asset.sys.id
     }, React__default.createElement(f36Icons.ClockIcon, {
-      className: styles$3.scheduleIcon,
+      className: styles$4.scheduleIcon,
       size: "small",
       variant: "muted",
       testId: "schedule-icon"
@@ -3129,7 +3163,7 @@ var WrappedAssetCard = function WrappedAssetCard(props) {
 };
 WrappedAssetCard.defaultProps = defaultProps$1;
 
-var styles$4 = {
+var styles$5 = {
   scheduleIcon: /*#__PURE__*/emotion.css({
     marginRight: tokens.spacing2Xs
   })
@@ -3173,7 +3207,7 @@ var WrappedAssetLink = function WrappedAssetLink(props) {
       entityType: "Asset",
       entityId: props.asset.sys.id
     }, React__default.createElement(f36Icons.ClockIcon, {
-      className: styles$4.scheduleIcon,
+      className: styles$5.scheduleIcon,
       size: "small",
       variant: "muted",
       testId: "schedule-icon"
@@ -3372,7 +3406,7 @@ SingleMediaEditor.defaultProps = {
   isInitiallyDisabled: true
 };
 
-var styles$5 = {
+var styles$6 = {
   gridContainter: /*#__PURE__*/emotion.css({
     position: 'relative',
     display: 'flex',
@@ -3396,12 +3430,12 @@ var DragHandle$1 = function DragHandle(props) {
 
 var SortableLink$1 = /*#__PURE__*/reactSortableHoc.SortableElement(function (props) {
   return React__default.createElement("div", {
-    className: styles$5.item
+    className: styles$6.item
   }, props.children);
 });
 var SortableLinkList$1 = /*#__PURE__*/reactSortableHoc.SortableContainer(function (props) {
   return React__default.createElement("div", {
-    className: props.viewType === 'card' ? styles$5.gridContainter : styles$5.container
+    className: props.viewType === 'card' ? styles$6.gridContainter : styles$6.container
   }, props.items.map(function (item, index) {
     return React__default.createElement(SortableLink$1, {
       disabled: props.isDisabled,