@contentful/field-editor-reference 6.6.6 → 6.7.1

package/dist/cjs/assets/WrappedAssetCard/FetchingWrappedAssetCard.js

@@ -130,25 +130,16 @@ function FetchingWrappedAssetCard(props) {
             localesStatusMap,
             activeLocales
         };
-        if (props.viewType === 'link') {
-            if (status === 'loading') {
-                return _react.createElement(_f36components.EntryCard, {
-                    size: "small",
-                    isLoading: true
-                });
-            }
-            return _react.createElement(_WrappedAssetLink.WrappedAssetLink, {
-                ...commonProps,
-                href: commonProps.entityUrl,
-                getEntityScheduledActions: loadEntityScheduledActions
-            });
-        }
         if (status === 'loading') {
-            return _react.createElement(_f36components.AssetCard, {
+            return props.viewType === 'link' ? _react.createElement(_f36components.EntryCard, {
+                size: "small",
+                isLoading: true
+            }) : _react.createElement(_f36components.AssetCard, {
                 size: size,
                 isLoading: true
             });
         }
+        const viewType = props.viewType;
         function renderDefaultCard(props) {
             const builtinCardProps = {
                 ...commonProps,
@@ -157,6 +148,13 @@ function FetchingWrappedAssetCard(props) {
                 asset: props?.entity || commonProps.asset,
                 getAssetUrl: getEntityUrl
             };
+            if (viewType === 'link') {
+                return _react.createElement(_WrappedAssetLink.WrappedAssetLink, {
+                    ...builtinCardProps,
+                    href: commonProps.entityUrl,
+                    getEntityScheduledActions: loadEntityScheduledActions
+                });
+            }
             return _react.createElement(_WrappedAssetCard.WrappedAssetCard, builtinCardProps);
         }
         if (props.renderCustomCard) {

package/dist/cjs/assets/WrappedAssetCard/WrappedAssetCard.js

@@ -104,12 +104,12 @@ const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLocaleCod
     const entityFile = asset.fields.file ? asset.fields.file[localeCode] || asset.fields.file[defaultLocaleCode] : undefined;
     const href = getAssetUrl ? getAssetUrl(asset.sys.id) : undefined;
     return _react.createElement(_f36components.AssetCard, {
-        as: href ? 'a' : 'article',
+        as: isClickable && href ? 'a' : 'article',
         type: getFileType(entityFile),
         title: entityTitle,
         className: className,
         isSelected: isSelected,
-        href: href,
+        href: isClickable ? href : undefined,
         badge: _react.createElement(_components.EntityStatusBadge, {
             getEntityScheduledActions: getEntityScheduledActions,
             entityType: "Asset",

package/dist/cjs/assets/WrappedAssetCard/WrappedAssetLink.js

@@ -55,7 +55,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const WrappedAssetLink = (props)=>{
-    const { className, href, onEdit, onRemove, isDisabled } = props;
+    const { className, href, onEdit, onRemove, isDisabled, isClickable = true } = props;
     const status = _fieldeditorshared.entityHelpers.getEntityStatus(props.asset.sys, props.useLocalizedEntityStatus ? props.localeCode : undefined);
     if (status === 'deleted') {
         return _react.createElement(_components.MissingAssetCard, {
@@ -71,11 +71,11 @@ const WrappedAssetLink = (props)=>{
     });
     const entityFile = props.asset.fields.file ? props.asset.fields.file[props.localeCode] || props.asset.fields.file[props.defaultLocaleCode] : undefined;
     return _react.createElement(_f36components.EntryCard, {
-        as: href ? 'a' : 'article',
+        as: isClickable && href ? 'a' : 'article',
         contentType: "Asset",
         title: entityTitle,
         className: className,
-        href: href,
+        href: isClickable ? href : undefined,
         size: "small",
         badge: _react.createElement(_components.EntityStatusBadge, {
             getEntityScheduledActions: props.getEntityScheduledActions,
@@ -89,16 +89,16 @@ const WrappedAssetLink = (props)=>{
         thumbnailElement: entityFile && (0, _fieldeditorshared.isValidImage)(entityFile) ? _react.createElement(_components.AssetThumbnail, {
             file: entityFile
         }) : undefined,
-        onClick: (e)=>{
+        onClick: isClickable ? (e)=>{
             e.preventDefault();
-            onEdit();
-        },
-        onKeyDown: (e)=>{
+            onEdit && onEdit();
+        } : undefined,
+        onKeyDown: isClickable ? (e)=>{
             if (e.key === 'Enter' && onEdit) {
                 e.preventDefault();
                 onEdit();
             }
-        },
+        } : undefined,
         dragHandleRender: props.renderDragHandle,
         withDragHandle: !!props.renderDragHandle && !isDisabled,
         actions: [

package/dist/cjs/entries/WrappedEntryCard/WrappedEntryCard.js

@@ -113,8 +113,8 @@ function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales, localeC
         defaultLocaleCode
     });
     return _react.createElement(_f36components.EntryCard, {
-        as: entryUrl ? 'a' : 'article',
-        href: entryUrl,
+        as: isClickable && entryUrl ? 'a' : 'article',
+        href: isClickable ? entryUrl : undefined,
         title: title,
         description: description,
         contentType: contentType?.name,

package/dist/esm/assets/WrappedAssetCard/FetchingWrappedAssetCard.js

@@ -79,25 +79,16 @@ export function FetchingWrappedAssetCard(props) {
             localesStatusMap,
             activeLocales
         };
-        if (props.viewType === 'link') {
-            if (status === 'loading') {
-                return React.createElement(EntryCard, {
-                    size: "small",
-                    isLoading: true
-                });
-            }
-            return React.createElement(WrappedAssetLink, {
-                ...commonProps,
-                href: commonProps.entityUrl,
-                getEntityScheduledActions: loadEntityScheduledActions
-            });
-        }
         if (status === 'loading') {
-            return React.createElement(AssetCard, {
+            return props.viewType === 'link' ? React.createElement(EntryCard, {
+                size: "small",
+                isLoading: true
+            }) : React.createElement(AssetCard, {
                 size: size,
                 isLoading: true
             });
         }
+        const viewType = props.viewType;
         function renderDefaultCard(props) {
             const builtinCardProps = {
                 ...commonProps,
@@ -106,6 +97,13 @@ export function FetchingWrappedAssetCard(props) {
                 asset: props?.entity || commonProps.asset,
                 getAssetUrl: getEntityUrl
             };
+            if (viewType === 'link') {
+                return React.createElement(WrappedAssetLink, {
+                    ...builtinCardProps,
+                    href: commonProps.entityUrl,
+                    getEntityScheduledActions: loadEntityScheduledActions
+                });
+            }
             return React.createElement(WrappedAssetCard, builtinCardProps);
         }
         if (props.renderCustomCard) {

package/dist/esm/assets/WrappedAssetCard/WrappedAssetCard.js

@@ -48,12 +48,12 @@ export const WrappedAssetCard = ({ asset, className, size, localeCode, defaultLo
     const entityFile = asset.fields.file ? asset.fields.file[localeCode] || asset.fields.file[defaultLocaleCode] : undefined;
     const href = getAssetUrl ? getAssetUrl(asset.sys.id) : undefined;
     return React.createElement(AssetCard, {
-        as: href ? 'a' : 'article',
+        as: isClickable && href ? 'a' : 'article',
         type: getFileType(entityFile),
         title: entityTitle,
         className: className,
         isSelected: isSelected,
-        href: href,
+        href: isClickable ? href : undefined,
         badge: React.createElement(EntityStatusBadge, {
             getEntityScheduledActions: getEntityScheduledActions,
             entityType: "Asset",

package/dist/esm/assets/WrappedAssetCard/WrappedAssetLink.js

@@ -4,7 +4,7 @@ import { entityHelpers, isValidImage } from '@contentful/field-editor-shared';
 import { AssetThumbnail, EntityStatusBadge, MissingAssetCard } from '../../components';
 import { renderActions, renderAssetInfo } from './AssetCardActions';
 export const WrappedAssetLink = (props)=>{
-    const { className, href, onEdit, onRemove, isDisabled } = props;
+    const { className, href, onEdit, onRemove, isDisabled, isClickable = true } = props;
     const status = entityHelpers.getEntityStatus(props.asset.sys, props.useLocalizedEntityStatus ? props.localeCode : undefined);
     if (status === 'deleted') {
         return React.createElement(MissingAssetCard, {
@@ -20,11 +20,11 @@ export const WrappedAssetLink = (props)=>{
     });
     const entityFile = props.asset.fields.file ? props.asset.fields.file[props.localeCode] || props.asset.fields.file[props.defaultLocaleCode] : undefined;
     return React.createElement(EntryCard, {
-        as: href ? 'a' : 'article',
+        as: isClickable && href ? 'a' : 'article',
         contentType: "Asset",
         title: entityTitle,
         className: className,
-        href: href,
+        href: isClickable ? href : undefined,
         size: "small",
         badge: React.createElement(EntityStatusBadge, {
             getEntityScheduledActions: props.getEntityScheduledActions,
@@ -38,16 +38,16 @@ export const WrappedAssetLink = (props)=>{
         thumbnailElement: entityFile && isValidImage(entityFile) ? React.createElement(AssetThumbnail, {
             file: entityFile
         }) : undefined,
-        onClick: (e)=>{
+        onClick: isClickable ? (e)=>{
             e.preventDefault();
-            onEdit();
-        },
-        onKeyDown: (e)=>{
+            onEdit && onEdit();
+        } : undefined,
+        onKeyDown: isClickable ? (e)=>{
             if (e.key === 'Enter' && onEdit) {
                 e.preventDefault();
                 onEdit();
             }
-        },
+        } : undefined,
         dragHandleRender: props.renderDragHandle,
         withDragHandle: !!props.renderDragHandle && !isDisabled,
         actions: [

package/dist/esm/entries/WrappedEntryCard/WrappedEntryCard.js

@@ -62,8 +62,8 @@ export function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales,
         defaultLocaleCode
     });
     return React.createElement(EntryCard, {
-        as: entryUrl ? 'a' : 'article',
-        href: entryUrl,
+        as: isClickable && entryUrl ? 'a' : 'article',
+        href: isClickable ? entryUrl : undefined,
         title: title,
         description: description,
         contentType: contentType?.name,

package/dist/types/assets/WrappedAssetCard/WrappedAssetCard.d.ts

@@ -16,7 +16,7 @@ export interface WrappedAssetCardProps {
     onRemove?: () => void;
     size: 'default' | 'small';
     renderDragHandle?: RenderDragFn;
-    isClickable: boolean;
+    isClickable?: boolean;
     useLocalizedEntityStatus?: boolean;
     localesStatusMap?: LocalePublishStatusMap;
     activeLocales?: Pick<LocaleProps, 'code'>[];

package/dist/types/assets/WrappedAssetCard/WrappedAssetLink.d.ts

@@ -10,11 +10,12 @@ export interface WrappedAssetLinkProps {
     href?: string;
     className?: string;
     isDisabled: boolean;
-    onEdit: () => void;
-    onRemove: () => void;
+    onEdit?: () => void;
+    onRemove?: () => void;
     renderDragHandle?: RenderDragFn;
     useLocalizedEntityStatus?: boolean;
     localesStatusMap?: LocalePublishStatusMap;
     activeLocales?: Pick<LocaleProps, 'code'>[];
+    isClickable?: boolean;
 }
 export declare const WrappedAssetLink: (props: WrappedAssetLinkProps) => React.JSX.Element;

package/dist/types/common/customCardTypes.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { LocalePublishStatusMap } from '@contentful/field-editor-shared';
 import { LocaleProps } from 'contentful-management';
+import { WrappedAssetCardProps } from '../assets/WrappedAssetCard/WrappedAssetCard';
 import { Asset, ContentType, Entry, RenderDragFn } from '../types';
 import { CustomActionProps } from './ReferenceEditor';
 export type MissingEntityCardProps = {
@@ -11,8 +12,8 @@ export type MissingEntityCardProps = {
     };
 };
 export type RenderCustomMissingEntityCard = ({ defaultCard, }: MissingEntityCardProps) => React.ReactElement;
-export type DefaultCardRenderer = (props?: CustomEntityCardProps) => React.ReactElement;
-export type CustomCardRenderer = (props: CustomEntityCardProps, linkActionsProps: CustomActionProps, renderDefaultCard: DefaultCardRenderer) => React.ReactElement | false;
+export type DefaultCardRenderer = (props?: Partial<CustomEntityCardProps>) => React.ReactElement;
+export type CustomCardRenderer = (props: CustomEntityCardProps, linkActionsProps: CustomActionProps, renderDefaultCard?: DefaultCardRenderer) => React.ReactElement | false;
 export type CustomEntityCardProps = {
     entity: Entry | Asset;
     entityUrl?: string;
@@ -31,4 +32,4 @@ export type CustomEntityCardProps = {
     useLocalizedEntityStatus?: boolean;
     localesStatusMap?: LocalePublishStatusMap;
     activeLocales?: Pick<LocaleProps, 'code'>[];
-};
+} & Partial<WrappedAssetCardProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-reference",
-  "version": "6.6.6",
+  "version": "6.7.1",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -38,7 +38,7 @@
     "@contentful/f36-components": "^4.70.0",
     "@contentful/f36-icons": "^4.29.0",
     "@contentful/f36-tokens": "^4.0.5",
-    "@contentful/field-editor-shared": "^2.4.2",
+    "@contentful/field-editor-shared": "^2.5.0",
     "@contentful/mimetype": "^2.2.29",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^7.0.0",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "1ffff879dce1eb4481d774138db460bcf7f15047"
+  "gitHead": "4d6650d34ceb61f6445e0734a7ac53ff37c20529"
 }