@contentful/field-editor-reference 5.21.5 → 5.22.0

package/dist/cjs/index.js

@@ -27,6 +27,9 @@ _export(exports, {
     EntityProvider: function() {
         return _EntityStore.EntityProvider;
     },
+    ExternalResourceCard: function() {
+        return _resources.ExternalResourceCard;
+    },
     MissingEntityCard: function() {
         return _components.MissingEntityCard;
     },

package/dist/cjs/resources/ExternalResourceCard/ExternalResourceCard.js

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ExternalResourceCard", {
+    enumerable: true,
+    get: function() {
+        return ExternalResourceCard;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const defaultProps = {
+    isClickable: true,
+    hasCardEditActions: true,
+    hasCardMoveActions: true,
+    hasCardRemoveActions: true
+};
+const statusMap = {
+    active: 'positive',
+    draft: 'warning',
+    archived: 'negative',
+    suspended: 'negative'
+};
+function ExternalEntityBadge(entityStatus) {
+    const variant = statusMap[entityStatus];
+    return _react.createElement(_f36components.Badge, {
+        variant: variant
+    }, entityStatus);
+}
+function ExternalResourceCard({ entity, resourceType, size, isClickable, onEdit, onRemove, onMoveTop, onMoveBottom, hasCardEditActions, hasCardMoveActions, hasCardRemoveActions, renderDragHandle, onClick }) {
+    const status = entity.fields.additionalData.status;
+    const badge = status ? ExternalEntityBadge(status) : null;
+    return _react.createElement(_f36components.EntryCard, {
+        as: entity.fields.externalUrl ? 'a' : 'article',
+        href: entity.fields.externalUrl,
+        title: entity.fields.title,
+        description: entity.fields.description,
+        contentType: resourceType,
+        size: size,
+        thumbnailElement: entity.fields.image && entity.fields.image.url ? _react.createElement("img", {
+            alt: entity.fields.image.description,
+            src: entity.fields.image.url
+        }) : undefined,
+        dragHandleRender: renderDragHandle,
+        withDragHandle: !!renderDragHandle,
+        icon: badge,
+        actions: onEdit || onRemove ? [
+            hasCardEditActions && onEdit ? _react.createElement(_f36components.MenuItem, {
+                key: "edit",
+                testId: "edit",
+                onClick: ()=>{
+                    onEdit && onEdit();
+                }
+            }, "Edit") : null,
+            hasCardRemoveActions && onRemove ? _react.createElement(_f36components.MenuItem, {
+                key: "delete",
+                testId: "delete",
+                onClick: ()=>{
+                    onRemove && onRemove();
+                }
+            }, "Remove") : null,
+            hasCardMoveActions && (onMoveTop || onMoveBottom) ? _react.createElement(_f36components.MenuDivider, {
+                key: "divider"
+            }) : null,
+            hasCardMoveActions && onMoveTop ? _react.createElement(_f36components.MenuItem, {
+                key: "move-top",
+                onClick: ()=>onMoveTop && onMoveTop(),
+                testId: "move-top"
+            }, "Move to top") : null,
+            hasCardMoveActions && onMoveBottom ? _react.createElement(_f36components.MenuItem, {
+                key: "move-bottom",
+                onClick: ()=>onMoveBottom && onMoveBottom(),
+                testId: "move-bottom"
+            }, "Move to bottom") : null
+        ].filter((item)=>item) : [],
+        onClick: isClickable ? (e)=>{
+            e.preventDefault();
+            if (onClick) return onClick(e);
+            onEdit && onEdit();
+        } : undefined
+    });
+}
+ExternalResourceCard.defaultProps = defaultProps;

package/dist/cjs/resources/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 _export_star(require("./MultipleResourceReferenceEditor"), exports);
 _export_star(require("./SingleResourceReferenceEditor"), exports);
+_export_star(require("./ExternalResourceCard/ExternalResourceCard"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/esm/index.js

@@ -4,5 +4,5 @@ export { SingleMediaEditor, MultipleMediaEditor, WrappedAssetCard } from './asse
 export { SortableLinkList } from './common/SortableLinkList';
 export { EntityProvider, useEntityLoader, useEntity, useResource } from './common/EntityStore';
 export { SharedQueryClientProvider as EntityCacheProvider } from './common/queryClient';
-export { SingleResourceReferenceEditor, MultipleResourceReferenceEditor } from './resources';
+export { SingleResourceReferenceEditor, MultipleResourceReferenceEditor, ExternalResourceCard } from './resources';
 export * from './types';

package/dist/esm/resources/ExternalResourceCard/ExternalResourceCard.js

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import { Badge, EntryCard, MenuItem, MenuDivider } from '@contentful/f36-components';
+const defaultProps = {
+    isClickable: true,
+    hasCardEditActions: true,
+    hasCardMoveActions: true,
+    hasCardRemoveActions: true
+};
+const statusMap = {
+    active: 'positive',
+    draft: 'warning',
+    archived: 'negative',
+    suspended: 'negative'
+};
+function ExternalEntityBadge(entityStatus) {
+    const variant = statusMap[entityStatus];
+    return React.createElement(Badge, {
+        variant: variant
+    }, entityStatus);
+}
+export function ExternalResourceCard({ entity, resourceType, size, isClickable, onEdit, onRemove, onMoveTop, onMoveBottom, hasCardEditActions, hasCardMoveActions, hasCardRemoveActions, renderDragHandle, onClick }) {
+    const status = entity.fields.additionalData.status;
+    const badge = status ? ExternalEntityBadge(status) : null;
+    return React.createElement(EntryCard, {
+        as: entity.fields.externalUrl ? 'a' : 'article',
+        href: entity.fields.externalUrl,
+        title: entity.fields.title,
+        description: entity.fields.description,
+        contentType: resourceType,
+        size: size,
+        thumbnailElement: entity.fields.image && entity.fields.image.url ? React.createElement("img", {
+            alt: entity.fields.image.description,
+            src: entity.fields.image.url
+        }) : undefined,
+        dragHandleRender: renderDragHandle,
+        withDragHandle: !!renderDragHandle,
+        icon: badge,
+        actions: onEdit || onRemove ? [
+            hasCardEditActions && onEdit ? React.createElement(MenuItem, {
+                key: "edit",
+                testId: "edit",
+                onClick: ()=>{
+                    onEdit && onEdit();
+                }
+            }, "Edit") : null,
+            hasCardRemoveActions && onRemove ? React.createElement(MenuItem, {
+                key: "delete",
+                testId: "delete",
+                onClick: ()=>{
+                    onRemove && onRemove();
+                }
+            }, "Remove") : null,
+            hasCardMoveActions && (onMoveTop || onMoveBottom) ? React.createElement(MenuDivider, {
+                key: "divider"
+            }) : null,
+            hasCardMoveActions && onMoveTop ? React.createElement(MenuItem, {
+                key: "move-top",
+                onClick: ()=>onMoveTop && onMoveTop(),
+                testId: "move-top"
+            }, "Move to top") : null,
+            hasCardMoveActions && onMoveBottom ? React.createElement(MenuItem, {
+                key: "move-bottom",
+                onClick: ()=>onMoveBottom && onMoveBottom(),
+                testId: "move-bottom"
+            }, "Move to bottom") : null
+        ].filter((item)=>item) : [],
+        onClick: isClickable ? (e)=>{
+            e.preventDefault();
+            if (onClick) return onClick(e);
+            onEdit && onEdit();
+        } : undefined
+    });
+}
+ExternalResourceCard.defaultProps = defaultProps;

package/dist/esm/resources/index.js

@@ -1,2 +1,3 @@
 export * from './MultipleResourceReferenceEditor';
 export * from './SingleResourceReferenceEditor';
+export * from './ExternalResourceCard/ExternalResourceCard';

package/dist/types/index.d.ts

@@ -7,5 +7,5 @@ export { SortableLinkList } from './common/SortableLinkList';
 export { EntityProvider, useEntityLoader, useEntity, useResource } from './common/EntityStore';
 export { SharedQueryClientProvider as EntityCacheProvider } from './common/queryClient';
 export type { ResourceInfo } from './common/EntityStore';
-export { SingleResourceReferenceEditor, MultipleResourceReferenceEditor } from './resources';
+export { SingleResourceReferenceEditor, MultipleResourceReferenceEditor, ExternalResourceCard, } from './resources';
 export * from './types';

package/dist/types/resources/ExternalResourceCard/ExternalResourceCard.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { RenderDragFn } from '../../types';
+type SysExternalResource<T extends string> = {
+    sys: {
+        type: 'Link';
+        linkType: T;
+        id: string;
+    };
+};
+interface ExternalResource {
+    sys: {
+        type: string;
+        id: string;
+        resourceProvider: SysExternalResource<'ResourceProvider'>;
+        resourceType: SysExternalResource<'ResourceType'>;
+    };
+    fields: {
+        title: string;
+        description?: string;
+        externalUrl?: string;
+        image?: {
+            url?: string;
+            description?: string;
+        };
+        additionalData: any;
+    };
+}
+export interface ExternalResourceCardProps {
+    entity: ExternalResource;
+    resourceType: string;
+    isDisabled: boolean;
+    size: 'small' | 'default' | 'auto';
+    isSelected?: boolean;
+    onRemove?: () => void;
+    onEdit?: () => void;
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    renderDragHandle?: RenderDragFn;
+    isClickable?: boolean;
+    onMoveTop?: () => void;
+    onMoveBottom?: () => void;
+    hasCardEditActions: boolean;
+    hasCardMoveActions?: boolean;
+    hasCardRemoveActions?: boolean;
+}
+export declare function ExternalResourceCard({ entity, resourceType, size, isClickable, onEdit, onRemove, onMoveTop, onMoveBottom, hasCardEditActions, hasCardMoveActions, hasCardRemoveActions, renderDragHandle, onClick, }: ExternalResourceCardProps): JSX.Element;
+export declare namespace ExternalResourceCard {
+    var defaultProps: {
+        isClickable: boolean;
+        hasCardEditActions: boolean;
+        hasCardMoveActions: boolean;
+        hasCardRemoveActions: boolean;
+    };
+}
+export {};

package/dist/types/resources/index.d.ts

@@ -1,2 +1,3 @@
 export * from './MultipleResourceReferenceEditor';
 export * from './SingleResourceReferenceEditor';
+export * from './ExternalResourceCard/ExternalResourceCard';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-reference",
-  "version": "5.21.5",
+  "version": "5.22.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -38,7 +38,7 @@
     "@contentful/f36-components": "^4.0.27",
     "@contentful/f36-icons": "^4.1.0",
     "@contentful/f36-tokens": "^4.0.0",
-    "@contentful/field-editor-shared": "^1.4.4",
+    "@contentful/field-editor-shared": "^1.4.5",
     "@contentful/mimetype": "^2.2.29",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^6.0.1",
@@ -57,7 +57,7 @@
   },
   "devDependencies": {
     "@contentful/app-sdk": "^4.17.1",
-    "@contentful/field-editor-test-utils": "^1.4.5",
+    "@contentful/field-editor-test-utils": "^1.4.6",
     "@testing-library/react-hooks": "^5.0.3"
   },
   "peerDependencies": {
@@ -67,5 +67,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "89b14d123bc36f18214825404a33a6c2f7bc26b3"
+  "gitHead": "80133f7f035851a25a55a96b208c811e6906470f"
 }