@contentful/field-editor-reference 4.6.4 → 4.6.7

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.6.7](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@4.6.6...@contentful/field-editor-reference@4.6.7) (2022-07-29)
+
+**Note:** Version bump only for package @contentful/field-editor-reference
+
+## [4.6.6](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@4.6.5...@contentful/field-editor-reference@4.6.6) (2022-07-22)
+
+### Bug Fixes
+
+- truncate long space names on entry card [DANTE-634] ([#1198](https://github.com/contentful/field-editors/issues/1198)) ([5f81224](https://github.com/contentful/field-editors/commit/5f81224a29c8eac3638c57f968e79bb747afa028))
+
+## [4.6.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@4.6.4...@contentful/field-editor-reference@4.6.5) (2022-07-21)
+
+**Note:** Version bump only for package @contentful/field-editor-reference
+
 ## [4.6.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@4.6.3...@contentful/field-editor-reference@4.6.4) (2022-07-21)
 
 ### Bug Fixes

package/dist/__fixtures__/FakeSdk.d.ts

@@ -1,88 +1,6 @@
-import { FieldAPI, Link } from '@contentful/app-sdk';
-export declare function newReferenceEditorFakeSdk(): (import("mitt").Emitter | {
-    field: FieldAPI;
-    locales: import("@contentful/app-sdk").LocalesAPI;
-    cmaAdapter: import("contentful-management").Adapter;
-    space: {
-        getEntityScheduledActions(): Promise<never[]>;
-        getCachedContentTypes: () => import("@contentful/app-sdk").ContentType[];
-        getContentType: (id: string) => Promise<import("@contentful/app-sdk").ContentType>;
-        getContentTypes: <Query extends import("@contentful/app-sdk").SearchQuery = import("@contentful/app-sdk").SearchQuery>(query?: Query | undefined) => Promise<import("@contentful/app-sdk").CollectionResponse<import("@contentful/app-sdk").ContentType>>;
-        createContentType: (data: import("@contentful/app-sdk").WithOptionalId<import("@contentful/app-sdk").ContentType>) => Promise<import("@contentful/app-sdk").ContentType>;
-        updateContentType: (data: import("@contentful/app-sdk").ContentType) => Promise<import("@contentful/app-sdk").ContentType>;
-        deleteContentType: (contentTypeId: string) => Promise<void>;
-        getEntry: <Fields extends Record<string, any> = Record<string, any>>(id: string) => Promise<import("@contentful/app-sdk").Entry<Fields>>;
-        getEntrySnapshots: <Fields_1 extends Record<string, any> = Record<string, any>>(id: string) => Promise<import("@contentful/app-sdk").CollectionResponse<{
-            sys: {
-                space?: Link<string, string> | undefined;
-                status?: Link<string, string> | undefined;
-                publishedVersion?: number | undefined;
-                archivedVersion?: number | undefined;
-                archivedBy?: Link<string, string> | undefined;
-                archivedAt?: string | undefined;
-                deletedVersion?: number | undefined;
-                deletedBy?: Link<string, string> | undefined;
-                deletedAt?: string | undefined;
-                snapshotType: string;
-                snapshotEntityType: string;
-            };
-            snapshot: import("@contentful/app-sdk").Entry<Fields_1>;
-        }>>;
-        getEntries: <Fields_2, Query_1 extends import("@contentful/app-sdk").SearchQuery = import("@contentful/app-sdk").SearchQuery>(query?: Query_1 | undefined) => Promise<import("@contentful/app-sdk").CollectionResponse<import("@contentful/app-sdk").Entry<Fields_2>>>;
-        createEntry: <Fields_3>(contentTypeId: string, data: import("@contentful/app-sdk").WithOptionalId<import("@contentful/app-sdk").Entry<Fields_3>>) => Promise<import("@contentful/app-sdk").Entry<Fields_3>>;
-        updateEntry: <Fields_4 extends Record<string, any> = Record<string, any>>(data: import("@contentful/app-sdk").Entry<Fields_4>) => Promise<import("@contentful/app-sdk").Entry<Fields_4>>;
-        publishEntry: <Fields_5 extends Record<string, any> = Record<string, any>>(data: import("@contentful/app-sdk").Entry<Fields_5>) => Promise<import("@contentful/app-sdk").Entry<Fields_5>>;
-        unpublishEntry: <Fields_6 extends Record<string, any> = Record<string, any>>(data: import("@contentful/app-sdk").Entry<Fields_6>) => Promise<import("@contentful/app-sdk").Entry<Fields_6>>;
-        archiveEntry: <Fields_7 extends Record<string, any> = Record<string, any>>(data: import("@contentful/app-sdk").Entry<Fields_7>) => Promise<import("@contentful/app-sdk").Entry<Fields_7>>;
-        unarchiveEntry: <Fields_8 extends Record<string, any> = Record<string, any>>(data: import("@contentful/app-sdk").Entry<Fields_8>) => Promise<import("@contentful/app-sdk").Entry<Fields_8>>;
-        deleteEntry: <Fields_9 extends Record<string, any> = Record<string, any>>(data: import("@contentful/app-sdk").Entry<Fields_9>) => Promise<void>;
-        getPublishedEntries: <Fields_10, Query_2 extends import("@contentful/app-sdk").SearchQuery = import("@contentful/app-sdk").SearchQuery>(query?: Query_2 | undefined) => Promise<import("@contentful/app-sdk").CollectionResponse<import("@contentful/app-sdk").Entry<Fields_10>>>;
-        getAsset: (id: string) => Promise<import("@contentful/app-sdk").Asset>;
-        getAssets: <Query_3 extends import("@contentful/app-sdk").SearchQuery = import("@contentful/app-sdk").SearchQuery>(query?: Query_3 | undefined) => Promise<import("@contentful/app-sdk").CollectionResponse<import("@contentful/app-sdk").Asset>>;
-        createAsset: (data: import("@contentful/app-sdk").WithOptionalId<import("@contentful/app-sdk").Asset>) => Promise<import("@contentful/app-sdk").Asset>;
-        updateAsset: (data: import("@contentful/app-sdk").Asset) => Promise<import("@contentful/app-sdk").Asset>;
-        deleteAsset: (data: import("@contentful/app-sdk").Asset) => Promise<void>;
-        publishAsset: (data: import("@contentful/app-sdk").Asset) => Promise<import("@contentful/app-sdk").Asset>;
-        unpublishAsset: (data: import("@contentful/app-sdk").Asset) => Promise<import("@contentful/app-sdk").Asset>;
-        archiveAsset: (data: import("@contentful/app-sdk").Asset) => Promise<import("@contentful/app-sdk").Asset>;
-        processAsset: (data: import("@contentful/app-sdk").Asset, locale: string) => Promise<import("@contentful/app-sdk").Asset>;
-        unarchiveAsset: (data: import("@contentful/app-sdk").Asset) => Promise<import("@contentful/app-sdk").Asset>;
-        getPublishedAssets: <Query_4 extends import("@contentful/app-sdk").SearchQuery = import("@contentful/app-sdk").SearchQuery>(query?: Query_4 | undefined) => Promise<import("@contentful/app-sdk").CollectionResponse<import("@contentful/app-sdk").Asset>>;
-        createUpload: (base64data: string) => Promise<import("contentful-management").UploadProps>;
-        waitUntilAssetProcessed: (assetId: string, locale: string) => Promise<import("@contentful/app-sdk").Asset>;
-        getUsers: () => Promise<import("@contentful/app-sdk").CollectionResponse<import("@contentful/app-sdk").User>>;
-        getEditorInterface: (contentTypeId: string) => Promise<import("@contentful/app-sdk").EditorInterface>;
-        getEditorInterfaces: () => Promise<import("@contentful/app-sdk").CollectionResponse<import("@contentful/app-sdk").EditorInterface>>;
-        getAllScheduledActions: () => Promise<import("@contentful/app-sdk").ScheduledAction[]>;
-        signRequest: (request: import("@contentful/app-sdk").CanonicalRequest) => Promise<Record<string, string>>;
-        createTag: (id: string, name: string, visibility?: "private" | "public" | undefined) => Promise<import("@contentful/app-sdk").Tag>;
-        readTags: (skip: number, limit: number) => Promise<import("@contentful/app-sdk").CollectionResponse<import("@contentful/app-sdk").Tag>>;
-        updateTag: (id: string, name: string, version: number) => Promise<import("@contentful/app-sdk").Tag>;
-        deleteTag: (id: string, version: number) => Promise<boolean>;
-        getTeams: (query: import("contentful-management").QueryOptions) => Promise<import("@contentful/app-sdk").CollectionResponse<import("contentful-management").TeamProps>>;
-    };
-    dialogs: {
-        selectSingleAsset: () => Promise<Link<string, string>>;
-        selectMultipleAssets: () => Promise<Link<string, string>[]>;
-        selectSingleEntry: () => Promise<Link<string, string>>;
-        selectMultipleEntries: () => Promise<Link<string, string>[]>;
-    };
-    navigator: {
-        openNewAsset: () => Promise<{
-            entity: Link<string, string>;
-        }>;
-        openAsset: () => Promise<{}>;
-        openNewEntry: () => Promise<{
-            entity: Link<string, string>;
-        }>;
-        openEntry: () => Promise<{}>;
-        onSlideInNavigation: () => () => {};
-    };
-    access: {
-        can: () => Promise<boolean>;
-    };
-    ids: {
-        space: string;
-        environment: string;
-    };
-})[];
+import { Emitter } from 'mitt';
+import { FieldExtensionSDK } from '../types';
+export declare type ReferenceEditorSdkProps = {
+    validations?: any;
+};
+export declare function newReferenceEditorFakeSdk(props?: ReferenceEditorSdkProps): [FieldExtensionSDK, Emitter];

package/dist/components/MissingEntityCard/styles.d.ts

@@ -1,3 +1,2 @@
 export declare const card: string;
 export declare const squareCard: string;
-export declare const close: string;

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

@@ -627,30 +627,27 @@ var squareCard = /*#__PURE__*/emotion.css({
   height: '160px',
   textAlign: 'center'
 });
-var close = /*#__PURE__*/emotion.css({
-  position: 'absolute',
-  top: tokens.spacingS,
-  right: tokens.spacingS
-});
 
 function MissingEntityCard(props) {
   return React__default.createElement(f36Components.Card, {
     className: card
+  }, React__default.createElement(f36Components.Flex, {
+    alignItems: "center",
+    justifyContent: "space-between"
   }, React__default.createElement("div", {
     className: props.asSquare ? squareCard : ''
   }, React__default.createElement(f36Components.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(f36Components.IconButton, {
+  }, props.entityType, " is missing or inaccessible")), !props.isDisabled && props.onRemove && React__default.createElement(f36Components.IconButton, {
     variant: "transparent",
     icon: React__default.createElement(f36Icons.CloseIcon, {
       variant: "muted"
     }),
-    className: close,
     "aria-label": "Delete",
     onClick: function onClick() {
       props.onRemove && props.onRemove();
     }
-  }));
+  })));
 }
 
 function createCommonjsModule(fn, module) {
@@ -2822,14 +2819,18 @@ var styles$1 = {
   spaceName: /*#__PURE__*/emotion.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 React.createElement(f36Components.Tooltip, {
     placement: "top",
     as: "div",
-    content: "Space"
+    content: "Space: " + props.spaceName
   }, React.createElement(f36Components.Flex, {
     alignItems: "center",
     gap: "spacingXs",