@contentful/field-editor-rich-text 3.13.0 → 3.14.0

package/dist/cjs/Toolbar/index.js

@@ -205,7 +205,8 @@ function getValidationInfo(field) {
     const isAnyHyperlinkEnabled = someWithValidation([
         _richtexttypes.INLINES.HYPERLINK,
         _richtexttypes.INLINES.ASSET_HYPERLINK,
-        _richtexttypes.INLINES.ENTRY_HYPERLINK
+        _richtexttypes.INLINES.ENTRY_HYPERLINK,
+        _richtexttypes.INLINES.RESOURCE_HYPERLINK
     ], _validations.isNodeTypeEnabled);
     const isAnyBlockFormattingEnabled = someWithValidation([
         _richtexttypes.BLOCKS.UL_LIST,

package/dist/cjs/constants/Schema.js

@@ -154,6 +154,17 @@ const _default = {
                 }
             ]
         },
+        [_richtexttypes.INLINES.RESOURCE_HYPERLINK]: {
+            nodes: [
+                {
+                    match: [
+                        {
+                            object: 'text'
+                        }
+                    ]
+                }
+            ]
+        },
         [_richtexttypes.INLINES.ASSET_HYPERLINK]: {
             nodes: [
                 {

package/dist/cjs/helpers/editor.js

@@ -84,6 +84,7 @@ const _environment = require("./environment");
 const LINK_TYPES = [
     _richtexttypes.INLINES.HYPERLINK,
     _richtexttypes.INLINES.ENTRY_HYPERLINK,
+    _richtexttypes.INLINES.RESOURCE_HYPERLINK,
     _richtexttypes.INLINES.ASSET_HYPERLINK
 ];
 const LIST_TYPES = [

package/dist/cjs/plugins/EmbeddedResourceBlock/LinkedResourceBlock.js

@@ -14,8 +14,8 @@ const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
 const _internal = require("../../internal");
 const _SdkProvider = require("../../SdkProvider");
 const _linkstracking = require("../links-tracking");
+const _FetchingWrappedResourceCard = require("../shared/FetchingWrappedResourceCard");
 const _LinkedBlockWrapper = require("../shared/LinkedBlockWrapper");
-const _FetchingWrappedResourceBlockCard = require("./FetchingWrappedResourceBlockCard");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -42,7 +42,7 @@ function LinkedResourceBlock(props) {
     return _react.default.createElement(_LinkedBlockWrapper.LinkedBlockWrapper, {
         attributes: attributes,
         link: element.data.target,
-        card: _react.default.createElement(_FetchingWrappedResourceBlockCard.FetchingWrappedResourceBlockCard, {
+        card: _react.default.createElement(_FetchingWrappedResourceCard.FetchingWrappedResourceCard, {
             sdk: sdk,
             link: link,
             isDisabled: isDisabled,

package/dist/cjs/plugins/Heading/__tests__/createHeadingPlugin.test.js

@@ -12,6 +12,8 @@ describe('normalization', ()=>{
             uri: "https://contentful.com"
         }), (0, _testutils.jsx)("hlink", {
             entry: "entry-id"
+        }), (0, _testutils.jsx)("hlink", {
+            resource: "resource-urn"
         }), (0, _testutils.jsx)("hlink", {
             asset: "asset-id"
         }), "some text after"), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));

package/dist/cjs/plugins/Hyperlink/HyperlinkModal.js

@@ -24,6 +24,7 @@ const _fieldeditorshared = require("@contentful/field-editor-shared");
 const _richtexttypes = require("@contentful/rich-text-types");
 const _emotion = require("emotion");
 const _editor = require("../../helpers/editor");
+const _getAllowedResourcesForNodeType = _interop_require_default(require("../../helpers/getAllowedResourcesForNodeType"));
 const _getLinkedContentTypeIdsForNodeType = _interop_require_default(require("../../helpers/getLinkedContentTypeIdsForNodeType"));
 const _validations = require("../../helpers/validations");
 const _internal = require("../../internal");
@@ -31,6 +32,7 @@ const _queries = require("../../internal/queries");
 const _transforms = require("../../internal/transforms");
 const _FetchingWrappedAssetCard = require("../shared/FetchingWrappedAssetCard");
 const _FetchingWrappedEntryCard = require("../shared/FetchingWrappedEntryCard");
+const _FetchingWrappedResourceCard = require("../shared/FetchingWrappedResourceCard");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -78,15 +80,18 @@ function _interop_require_wildcard(obj, nodeInterop) {
 const styles = {
     removeSelectionLabel: (0, _emotion.css)`
     margin-left: ${_f36tokens.default.spacingS};
+    margin-bottom: ${_f36tokens.default.spacingXs}; // to match FormLabel margin
   `
 };
 const SYS_LINK_TYPES = {
     [_richtexttypes.INLINES.ENTRY_HYPERLINK]: 'Entry',
-    [_richtexttypes.INLINES.ASSET_HYPERLINK]: 'Asset'
+    [_richtexttypes.INLINES.ASSET_HYPERLINK]: 'Asset',
+    [_richtexttypes.INLINES.RESOURCE_HYPERLINK]: 'Contentful:Entry'
 };
 const LINK_TYPE_SELECTION_VALUES = {
     [_richtexttypes.INLINES.HYPERLINK]: 'URL',
     [_richtexttypes.INLINES.ENTRY_HYPERLINK]: 'Entry',
+    [_richtexttypes.INLINES.RESOURCE_HYPERLINK]: 'Entry (different space)',
     [_richtexttypes.INLINES.ASSET_HYPERLINK]: 'Asset'
 };
 function HyperlinkModal(props) {
@@ -112,7 +117,16 @@ function HyperlinkModal(props) {
         const entityLinks = Object.keys(SYS_LINK_TYPES);
         const isEntityLink = entityLinks.includes(linkType);
         if (isEntityLink) {
-            return !!(linkText && linkEntity);
+            if (linkType === _richtexttypes.INLINES.ENTRY_HYPERLINK) {
+                return !!(linkText && isEntryLink(linkEntity));
+            }
+            if (linkType === _richtexttypes.INLINES.ASSET_HYPERLINK) {
+                return !!(linkText && isAssetLink(linkEntity));
+            }
+            if (linkType === _richtexttypes.INLINES.RESOURCE_HYPERLINK) {
+                return !!(linkText && isResourceLink(linkEntity));
+            }
+            return false;
         }
         return false;
     }
@@ -135,22 +149,55 @@ function HyperlinkModal(props) {
             }
         };
     }
+    function entityToResourceLink(entity) {
+        const { urn  } = entity.sys;
+        return {
+            sys: {
+                urn,
+                type: 'ResourceLink',
+                linkType: 'Contentful:Entry'
+            }
+        };
+    }
+    function isResourceLink(link) {
+        return !!link && !!link.sys.urn;
+    }
+    function isEntryLink(link) {
+        return !!link && link.sys.type === 'Link' && link.sys.linkType === 'Entry';
+    }
+    function isAssetLink(link) {
+        return !!link && link.sys.type === 'Link' && link.sys.linkType === 'Asset';
+    }
     async function selectEntry() {
         const options = {
             locale: props.sdk.field.locale,
             contentTypes: (0, _getLinkedContentTypeIdsForNodeType.default)(props.sdk.field, _richtexttypes.INLINES.ENTRY_HYPERLINK)
         };
         const entry = await props.sdk.dialogs.selectSingleEntry(options);
-        setLinkTarget('');
-        setLinkEntity(entityToLink(entry));
+        if (entry) {
+            setLinkTarget('');
+            setLinkEntity(entityToLink(entry));
+        }
+    }
+    async function selectResourceEntry() {
+        const options = {
+            allowedResources: (0, _getAllowedResourcesForNodeType.default)(props.sdk.field, _richtexttypes.INLINES.RESOURCE_HYPERLINK)
+        };
+        const entry = await props.sdk.dialogs.selectSingleResourceEntry(options);
+        if (entry) {
+            setLinkTarget('');
+            setLinkEntity(entityToResourceLink(entry));
+        }
     }
     async function selectAsset() {
         const options = {
             locale: props.sdk.field.locale
         };
         const asset = await props.sdk.dialogs.selectSingleAsset(options);
-        setLinkTarget('');
-        setLinkEntity(entityToLink(asset));
+        if (asset) {
+            setLinkTarget('');
+            setLinkEntity(entityToLink(asset));
+        }
     }
     function resetLinkEntity(event) {
         event.preventDefault();
@@ -196,13 +243,18 @@ function HyperlinkModal(props) {
         testId: "entity-selection-link",
         onClick: resetLinkEntity,
         className: styles.removeSelectionLabel
-    }, "Remove selection"), _react.createElement("div", null, linkType === _richtexttypes.INLINES.ENTRY_HYPERLINK && _react.createElement(_FetchingWrappedEntryCard.FetchingWrappedEntryCard, {
+    }, "Remove selection"), _react.createElement("div", null, linkType === _richtexttypes.INLINES.ENTRY_HYPERLINK && isEntryLink(linkEntity) && _react.createElement(_FetchingWrappedEntryCard.FetchingWrappedEntryCard, {
         sdk: props.sdk,
         locale: props.sdk.field.locale,
         entryId: linkEntity.sys.id,
         isDisabled: true,
         isSelected: false
-    }), linkType === _richtexttypes.INLINES.ASSET_HYPERLINK && _react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
+    }), linkType === _richtexttypes.INLINES.RESOURCE_HYPERLINK && isResourceLink(linkEntity) && _react.createElement(_FetchingWrappedResourceCard.FetchingWrappedResourceCard, {
+        sdk: props.sdk,
+        link: linkEntity.sys,
+        isDisabled: true,
+        isSelected: false
+    }), linkType === _richtexttypes.INLINES.ASSET_HYPERLINK && isAssetLink(linkEntity) && _react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
         sdk: props.sdk,
         locale: props.sdk.field.locale,
         assetId: linkEntity.sys.id,
@@ -211,6 +263,9 @@ function HyperlinkModal(props) {
     }))) : _react.createElement("div", null, linkType === _richtexttypes.INLINES.ENTRY_HYPERLINK && _react.createElement(_f36components.TextLink, {
         testId: "entity-selection-link",
         onClick: selectEntry
+    }, "Select entry"), linkType === _richtexttypes.INLINES.RESOURCE_HYPERLINK && _react.createElement(_f36components.TextLink, {
+        testId: "entity-selection-link",
+        onClick: selectResourceEntry
     }, "Select entry"), linkType === _richtexttypes.INLINES.ASSET_HYPERLINK && _react.createElement(_f36components.TextLink, {
         testId: "entity-selection-link",
         onClick: selectAsset

package/dist/cjs/plugins/Hyperlink/__tests__/createHyperlinkPlugin.test.js

@@ -11,12 +11,14 @@ describe('normalization', ()=>{
             asset: "asset-id"
         })), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "entry"), (0, _testutils.jsx)("hlink", {
             entry: "entry-id"
+        })), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "resource"), (0, _testutils.jsx)("hlink", {
+            resource: "resource-urn"
         })), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "explicit empty link"), (0, _testutils.jsx)("hlink", {
             uri: "https://link.com"
         }, '')), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "link with empty space"), (0, _testutils.jsx)("hlink", {
             uri: "https://link.com"
         }, " ")));
-        const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "link")), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "asset")), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "entry")), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "explicit empty link")), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "link with empty space")));
+        const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "link")), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "asset")), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "entry")), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "resource")), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "explicit empty link")), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "link with empty space")));
         (0, _testutils.assertOutput)({
             input,
             expected

package/dist/cjs/plugins/Hyperlink/components/ResourceHyperlink.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ResourceHyperlink", {
+    enumerable: true,
+    get: function() {
+        return ResourceHyperlink;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _ContentfulEditorProvider = require("../../../ContentfulEditorProvider");
+const _internal = require("../../../internal");
+const _linkstracking = require("../../../plugins/links-tracking");
+const _SdkProvider = require("../../../SdkProvider");
+const _HyperlinkModal = require("../HyperlinkModal");
+const _useResourceEntityInfo = require("../useResourceEntityInfo");
+const _styles = require("./styles");
+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 = {};
+    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;
+}
+function ResourceHyperlink(props) {
+    const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
+    const sdk = (0, _SdkProvider.useSdkContext)();
+    const { target  } = props.element.data;
+    const { onEntityFetchComplete  } = (0, _linkstracking.useLinkTracking)();
+    const tooltipContent = (0, _useResourceEntityInfo.useResourceEntityInfo)({
+        target,
+        onEntityFetchComplete
+    });
+    if (!target) return null;
+    function handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!editor) return;
+        const p = (0, _internal.fromDOMPoint)(editor, [
+            event.target,
+            0
+        ]);
+        if (p) {
+            (0, _HyperlinkModal.addOrEditLink)(editor, sdk, editor.tracking.onViewportAction, p.path);
+        }
+    }
+    return _react.createElement(_f36components.Tooltip, {
+        content: tooltipContent,
+        targetWrapperClassName: _styles.styles.hyperlinkWrapper,
+        placement: "bottom",
+        maxWidth: "auto"
+    }, _react.createElement(_f36components.TextLink, {
+        as: "a",
+        onClick: handleClick,
+        className: _styles.styles.hyperlink,
+        "data-resource-link-type": target.sys.linkType,
+        "data-resource-link-urn": target.sys.urn
+    }, props.children));
+}

package/dist/cjs/plugins/Hyperlink/createHyperlinkPlugin.js

@@ -14,6 +14,7 @@ const _ishotkey = _interop_require_default(require("is-hotkey"));
 const _editor = require("../../helpers/editor");
 const _transformers = require("../../helpers/transformers");
 const _EntityHyperlink = require("./components/EntityHyperlink");
+const _ResourceHyperlink = require("./components/ResourceHyperlink");
 const _UrlHyperlink = require("./components/UrlHyperlink");
 const _HyperlinkModal = require("./HyperlinkModal");
 const _utils = require("./utils");
@@ -64,6 +65,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 const isAnchor = (element)=>element.nodeName === 'A' && !!element.getAttribute('href') && element.getAttribute('href') !== '#';
 const isEntryAnchor = (element)=>element.nodeName === 'A' && element.getAttribute('data-link-type') === 'Entry';
 const isAssetAnchor = (element)=>element.nodeName === 'A' && element.getAttribute('data-link-type') === 'Asset';
+const isResourceAnchor = (element)=>element.nodeName === 'A' && element.getAttribute('data-resource-link-type') === 'Contentful:Entry';
 const buildHyperlinkEventHandler = (sdk)=>(editor, { options: { hotkey  }  })=>{
         return (event)=>{
             if (!editor.selection) {
@@ -85,6 +87,14 @@ const getNodeOfType = (type)=>(el, node)=>({
             children: node.children,
             data: type === _richtexttypes.INLINES.HYPERLINK ? {
                 uri: el.getAttribute('href')
+            } : type === _richtexttypes.INLINES.RESOURCE_HYPERLINK ? {
+                target: {
+                    sys: {
+                        urn: el.getAttribute('data-resource-link-urn'),
+                        linkType: el.getAttribute('data-resource-link-type'),
+                        type: 'ResourceLink'
+                    }
+                }
             } : {
                 target: {
                     sys: {
@@ -143,6 +153,23 @@ const createHyperlinkPlugin = (sdk)=>{
                     getNode: getNodeOfType(_richtexttypes.INLINES.ENTRY_HYPERLINK)
                 }
             },
+            {
+                ...common,
+                key: _richtexttypes.INLINES.RESOURCE_HYPERLINK,
+                type: _richtexttypes.INLINES.RESOURCE_HYPERLINK,
+                component: _ResourceHyperlink.ResourceHyperlink,
+                deserializeHtml: {
+                    rules: [
+                        {
+                            validNodeName: [
+                                'A'
+                            ]
+                        }
+                    ],
+                    query: (el)=>isResourceAnchor(el),
+                    getNode: getNodeOfType(_richtexttypes.INLINES.RESOURCE_HYPERLINK)
+                }
+            },
             {
                 ...common,
                 key: _richtexttypes.INLINES.ASSET_HYPERLINK,
@@ -167,7 +194,8 @@ const createHyperlinkPlugin = (sdk)=>{
                     type: [
                         _richtexttypes.INLINES.HYPERLINK,
                         _richtexttypes.INLINES.ASSET_HYPERLINK,
-                        _richtexttypes.INLINES.ENTRY_HYPERLINK
+                        _richtexttypes.INLINES.ENTRY_HYPERLINK,
+                        _richtexttypes.INLINES.RESOURCE_HYPERLINK
                     ]
                 },
                 validNode: _utils.hasText,

package/dist/cjs/plugins/Hyperlink/useResourceEntityInfo.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useResourceEntityInfo", {
+    enumerable: true,
+    get: function() {
+        return useResourceEntityInfo;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _fieldeditorreference = require("@contentful/field-editor-reference");
+const _utils = require("./utils");
+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 = {};
+    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;
+}
+function useResourceEntityInfo({ onEntityFetchComplete , target  }) {
+    const { data , error , status  } = (0, _fieldeditorreference.useResource)(target.sys.linkType, target.sys.urn);
+    _react.useEffect(()=>{
+        if (status === 'success') {
+            onEntityFetchComplete?.();
+        }
+    }, [
+        status,
+        onEntityFetchComplete
+    ]);
+    if (status === 'loading') {
+        return `Loading entry...`;
+    }
+    if (!data || error) {
+        return `Entry missing or inaccessible`;
+    }
+    const title = (0, _utils.truncateTitle)(data.resource.fields[data.contentType.displayField]?.[data.defaultLocaleCode], 40) || 'Untitled';
+    return `${data.contentType.name}: ${title} (Space: ${data.space.name} – Env.: ${data.resource.sys.environment.sys.id})`;
+}

package/dist/cjs/plugins/Hyperlink/utils.js

@@ -12,6 +12,9 @@ _export(exports, {
     hasText: function() {
         return hasText;
     },
+    truncateTitle: function() {
+        return truncateTitle;
+    },
     getEntityInfo: function() {
         return getEntityInfo;
     }
@@ -23,7 +26,7 @@ const hasText = (editor, entry)=>{
     const [node, path] = entry;
     return !(0, _platecommon.isAncestorEmpty)(editor, node) && (0, _queries.getText)(editor, path).trim() !== '';
 };
-function truncate(str, length) {
+function truncateTitle(str, length) {
     if (typeof str === 'string' && str.length > length) {
         return str && str.substr(0, length + 1).replace(/(\s+\S(?=\S)|\s*)\.?.$/, '…');
     }
@@ -34,7 +37,7 @@ function getEntityInfo(data) {
         return '';
     }
     const { entityTitle , contentTypeName , entityStatus , jobs  } = data;
-    const title = truncate(entityTitle, 60) || 'Untitled';
+    const title = truncateTitle(entityTitle, 60) || 'Untitled';
     const scheduledActions = jobs.length > 0 ? (0, _fieldeditorreference.getScheduleTooltipContent)({
         job: jobs[0],
         jobsCount: jobs.length

package/dist/cjs/plugins/Paragraph/__tests__/createParagraphPlugin.test.js

@@ -12,6 +12,8 @@ describe('normalization', ()=>{
             uri: "https://contentful.com"
         }), (0, _testutils.jsx)("hlink", {
             entry: "entry-id"
+        }), (0, _testutils.jsx)("hlink", {
+            resource: "resource-urn"
         }), (0, _testutils.jsx)("hlink", {
             asset: "asset-id"
         }), "some text after"));

package/dist/cjs/plugins/Quote/__test__/createQuotePlugin.test.js

@@ -12,6 +12,8 @@ describe('normalization', ()=>{
             uri: "https://contentful.com"
         }), (0, _testutils.jsx)("hlink", {
             entry: "entry-id"
+        }), (0, _testutils.jsx)("hlink", {
+            resource: "resource-urn"
         }), (0, _testutils.jsx)("hlink", {
             asset: "asset-id"
         }), "some text after")));

package/dist/cjs/plugins/{EmbeddedResourceBlock/FetchingWrappedResourceBlockCard.js → shared/FetchingWrappedResourceCard.js}

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "FetchingWrappedResourceBlockCard", {
+Object.defineProperty(exports, "FetchingWrappedResourceCard", {
     enumerable: true,
     get: function() {
-        return FetchingWrappedResourceBlockCard;
+        return FetchingWrappedResourceCard;
     }
 });
 const _react = _interop_require_wildcard(require("react"));
@@ -80,7 +80,7 @@ const InternalEntryCard = _react.memo((props)=>{
     });
 }, _fastdeepequal.default);
 InternalEntryCard.displayName = 'ReferenceCard';
-const FetchingWrappedResourceBlockCard = (props)=>{
+const FetchingWrappedResourceCard = (props)=>{
     const { link , onEntityFetchComplete  } = props;
     const { data , status , error  } = (0, _fieldeditorreference.useResource)(link.linkType, link.urn);
     _react.useEffect(()=>{

package/dist/cjs/plugins/shared/__tests__/FetchingWrappedResourceCard.test.js

@@ -10,7 +10,7 @@ const _react1 = require("@testing-library/react");
 const _published_content_typejson = _interop_require_default(require("../__fixtures__/published_content_type.json"));
 const _published_entryjson = _interop_require_default(require("../__fixtures__/published_entry.json"));
 const _spacejson = _interop_require_default(require("../__fixtures__/space.json"));
-const _FetchingWrappedResourceBlockCard = require("../../EmbeddedResourceBlock/FetchingWrappedResourceBlockCard");
+const _FetchingWrappedResourceCard = require("../FetchingWrappedResourceCard");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -111,7 +111,7 @@ beforeEach(()=>{
 function renderResourceCard({ linkType ='Contentful:Entry' , entryUrn =resolvableEntryUrn  } = {}) {
     return (0, _react1.render)(_react.createElement(_fieldeditorreference.EntityProvider, {
         sdk: sdk
-    }, _react.createElement(_FetchingWrappedResourceBlockCard.FetchingWrappedResourceBlockCard, {
+    }, _react.createElement(_FetchingWrappedResourceCard.FetchingWrappedResourceCard, {
         isDisabled: false,
         isSelected: false,
         sdk: sdk,

package/dist/cjs/test-utils/jsx.js

@@ -29,6 +29,13 @@ const createSysLink = (linkType, id)=>({
             linkType
         }
     });
+const createSysResourceLink = (urn)=>({
+        sys: {
+            urn,
+            type: 'ResourceLink',
+            linkType: 'Contentful:Entry'
+        }
+    });
 const createHyperlink = (_, attrs, children)=>{
     const data = {};
     let type = _richtexttypes.INLINES.HYPERLINK;
@@ -44,6 +51,10 @@ const createHyperlink = (_, attrs, children)=>{
         type = _richtexttypes.INLINES.ENTRY_HYPERLINK;
         data.target = createSysLink('Entry', attrs.entry);
     }
+    if (attrs.resource) {
+        type = _richtexttypes.INLINES.RESOURCE_HYPERLINK;
+        data.target = createSysResourceLink(attrs.resource);
+    }
     children = children.map((child)=>typeof child === 'string' ? {
             text: child
         } : child);

package/dist/esm/Toolbar/index.js

@@ -151,7 +151,8 @@ function getValidationInfo(field) {
     const isAnyHyperlinkEnabled = someWithValidation([
         INLINES.HYPERLINK,
         INLINES.ASSET_HYPERLINK,
-        INLINES.ENTRY_HYPERLINK
+        INLINES.ENTRY_HYPERLINK,
+        INLINES.RESOURCE_HYPERLINK
     ], isNodeTypeEnabled);
     const isAnyBlockFormattingEnabled = someWithValidation([
         BLOCKS.UL_LIST,

package/dist/esm/constants/Schema.js

@@ -144,6 +144,17 @@ export default {
                 }
             ]
         },
+        [INLINES.RESOURCE_HYPERLINK]: {
+            nodes: [
+                {
+                    match: [
+                        {
+                            object: 'text'
+                        }
+                    ]
+                }
+            ]
+        },
         [INLINES.ASSET_HYPERLINK]: {
             nodes: [
                 {

package/dist/esm/helpers/editor.js

@@ -6,6 +6,7 @@ import { IS_SAFARI } from './environment';
 export const LINK_TYPES = [
     INLINES.HYPERLINK,
     INLINES.ENTRY_HYPERLINK,
+    INLINES.RESOURCE_HYPERLINK,
     INLINES.ASSET_HYPERLINK
 ];
 const LIST_TYPES = [

package/dist/esm/plugins/EmbeddedResourceBlock/LinkedResourceBlock.js

@@ -4,8 +4,8 @@ import { useContentfulEditor } from '../../ContentfulEditorProvider';
 import { findNodePath, removeNodes } from '../../internal';
 import { useSdkContext } from '../../SdkProvider';
 import { useLinkTracking } from '../links-tracking';
+import { FetchingWrappedResourceCard } from '../shared/FetchingWrappedResourceCard';
 import { LinkedBlockWrapper } from '../shared/LinkedBlockWrapper';
-import { FetchingWrappedResourceBlockCard } from './FetchingWrappedResourceBlockCard';
 export function LinkedResourceBlock(props) {
     const { attributes , children , element  } = props;
     const { onEntityFetchComplete  } = useLinkTracking();
@@ -27,7 +27,7 @@ export function LinkedResourceBlock(props) {
     return React.createElement(LinkedBlockWrapper, {
         attributes: attributes,
         link: element.data.target,
-        card: React.createElement(FetchingWrappedResourceBlockCard, {
+        card: React.createElement(FetchingWrappedResourceCard, {
             sdk: sdk,
             link: link,
             isDisabled: isDisabled,

package/dist/esm/plugins/Heading/__tests__/createHeadingPlugin.test.js

@@ -8,6 +8,8 @@ describe('normalization', ()=>{
             uri: "https://contentful.com"
         }), jsx("hlink", {
             entry: "entry-id"
+        }), jsx("hlink", {
+            resource: "resource-urn"
         }), jsx("hlink", {
             asset: "asset-id"
         }), "some text after"), jsx("hp", null, jsx("htext", null)));

package/dist/esm/plugins/Hyperlink/HyperlinkModal.js

@@ -6,6 +6,7 @@ import { ModalDialogLauncher } from '@contentful/field-editor-shared';
 import { INLINES } from '@contentful/rich-text-types';
 import { css } from 'emotion';
 import { getNodeEntryFromSelection, insertLink, LINK_TYPES, focus } from '../../helpers/editor';
+import getAllowedResourcesForNodeType from '../../helpers/getAllowedResourcesForNodeType';
 import getLinkedContentTypeIdsForNodeType from '../../helpers/getLinkedContentTypeIdsForNodeType';
 import { isNodeTypeEnabled } from '../../helpers/validations';
 import { withoutNormalizing } from '../../internal';
@@ -13,18 +14,22 @@ import { getText, isEditorReadOnly } from '../../internal/queries';
 import { select } from '../../internal/transforms';
 import { FetchingWrappedAssetCard } from '../shared/FetchingWrappedAssetCard';
 import { FetchingWrappedEntryCard } from '../shared/FetchingWrappedEntryCard';
+import { FetchingWrappedResourceCard } from '../shared/FetchingWrappedResourceCard';
 const styles = {
     removeSelectionLabel: css`
     margin-left: ${tokens.spacingS};
+    margin-bottom: ${tokens.spacingXs}; // to match FormLabel margin
   `
 };
 const SYS_LINK_TYPES = {
     [INLINES.ENTRY_HYPERLINK]: 'Entry',
-    [INLINES.ASSET_HYPERLINK]: 'Asset'
+    [INLINES.ASSET_HYPERLINK]: 'Asset',
+    [INLINES.RESOURCE_HYPERLINK]: 'Contentful:Entry'
 };
 const LINK_TYPE_SELECTION_VALUES = {
     [INLINES.HYPERLINK]: 'URL',
     [INLINES.ENTRY_HYPERLINK]: 'Entry',
+    [INLINES.RESOURCE_HYPERLINK]: 'Entry (different space)',
     [INLINES.ASSET_HYPERLINK]: 'Asset'
 };
 export function HyperlinkModal(props) {
@@ -50,7 +55,16 @@ export function HyperlinkModal(props) {
         const entityLinks = Object.keys(SYS_LINK_TYPES);
         const isEntityLink = entityLinks.includes(linkType);
         if (isEntityLink) {
-            return !!(linkText && linkEntity);
+            if (linkType === INLINES.ENTRY_HYPERLINK) {
+                return !!(linkText && isEntryLink(linkEntity));
+            }
+            if (linkType === INLINES.ASSET_HYPERLINK) {
+                return !!(linkText && isAssetLink(linkEntity));
+            }
+            if (linkType === INLINES.RESOURCE_HYPERLINK) {
+                return !!(linkText && isResourceLink(linkEntity));
+            }
+            return false;
         }
         return false;
     }
@@ -73,22 +87,55 @@ export function HyperlinkModal(props) {
             }
         };
     }
+    function entityToResourceLink(entity) {
+        const { urn  } = entity.sys;
+        return {
+            sys: {
+                urn,
+                type: 'ResourceLink',
+                linkType: 'Contentful:Entry'
+            }
+        };
+    }
+    function isResourceLink(link) {
+        return !!link && !!link.sys.urn;
+    }
+    function isEntryLink(link) {
+        return !!link && link.sys.type === 'Link' && link.sys.linkType === 'Entry';
+    }
+    function isAssetLink(link) {
+        return !!link && link.sys.type === 'Link' && link.sys.linkType === 'Asset';
+    }
     async function selectEntry() {
         const options = {
             locale: props.sdk.field.locale,
             contentTypes: getLinkedContentTypeIdsForNodeType(props.sdk.field, INLINES.ENTRY_HYPERLINK)
         };
         const entry = await props.sdk.dialogs.selectSingleEntry(options);
-        setLinkTarget('');
-        setLinkEntity(entityToLink(entry));
+        if (entry) {
+            setLinkTarget('');
+            setLinkEntity(entityToLink(entry));
+        }
+    }
+    async function selectResourceEntry() {
+        const options = {
+            allowedResources: getAllowedResourcesForNodeType(props.sdk.field, INLINES.RESOURCE_HYPERLINK)
+        };
+        const entry = await props.sdk.dialogs.selectSingleResourceEntry(options);
+        if (entry) {
+            setLinkTarget('');
+            setLinkEntity(entityToResourceLink(entry));
+        }
     }
     async function selectAsset() {
         const options = {
             locale: props.sdk.field.locale
         };
         const asset = await props.sdk.dialogs.selectSingleAsset(options);
-        setLinkTarget('');
-        setLinkEntity(entityToLink(asset));
+        if (asset) {
+            setLinkTarget('');
+            setLinkEntity(entityToLink(asset));
+        }
     }
     function resetLinkEntity(event) {
         event.preventDefault();
@@ -134,13 +181,18 @@ export function HyperlinkModal(props) {
         testId: "entity-selection-link",
         onClick: resetLinkEntity,
         className: styles.removeSelectionLabel
-    }, "Remove selection"), React.createElement("div", null, linkType === INLINES.ENTRY_HYPERLINK && React.createElement(FetchingWrappedEntryCard, {
+    }, "Remove selection"), React.createElement("div", null, linkType === INLINES.ENTRY_HYPERLINK && isEntryLink(linkEntity) && React.createElement(FetchingWrappedEntryCard, {
         sdk: props.sdk,
         locale: props.sdk.field.locale,
         entryId: linkEntity.sys.id,
         isDisabled: true,
         isSelected: false
-    }), linkType === INLINES.ASSET_HYPERLINK && React.createElement(FetchingWrappedAssetCard, {
+    }), linkType === INLINES.RESOURCE_HYPERLINK && isResourceLink(linkEntity) && React.createElement(FetchingWrappedResourceCard, {
+        sdk: props.sdk,
+        link: linkEntity.sys,
+        isDisabled: true,
+        isSelected: false
+    }), linkType === INLINES.ASSET_HYPERLINK && isAssetLink(linkEntity) && React.createElement(FetchingWrappedAssetCard, {
         sdk: props.sdk,
         locale: props.sdk.field.locale,
         assetId: linkEntity.sys.id,
@@ -149,6 +201,9 @@ export function HyperlinkModal(props) {
     }))) : React.createElement("div", null, linkType === INLINES.ENTRY_HYPERLINK && React.createElement(TextLink, {
         testId: "entity-selection-link",
         onClick: selectEntry
+    }, "Select entry"), linkType === INLINES.RESOURCE_HYPERLINK && React.createElement(TextLink, {
+        testId: "entity-selection-link",
+        onClick: selectResourceEntry
     }, "Select entry"), linkType === INLINES.ASSET_HYPERLINK && React.createElement(TextLink, {
         testId: "entity-selection-link",
         onClick: selectAsset

package/dist/esm/plugins/Hyperlink/__tests__/createHyperlinkPlugin.test.js

@@ -7,12 +7,14 @@ describe('normalization', ()=>{
             asset: "asset-id"
         })), jsx("hp", null, jsx("htext", null, "entry"), jsx("hlink", {
             entry: "entry-id"
+        })), jsx("hp", null, jsx("htext", null, "resource"), jsx("hlink", {
+            resource: "resource-urn"
         })), jsx("hp", null, jsx("htext", null, "explicit empty link"), jsx("hlink", {
             uri: "https://link.com"
         }, '')), jsx("hp", null, jsx("htext", null, "link with empty space"), jsx("hlink", {
             uri: "https://link.com"
         }, " ")));
-        const expected = jsx("editor", null, jsx("hp", null, jsx("htext", null, "link")), jsx("hp", null, jsx("htext", null, "asset")), jsx("hp", null, jsx("htext", null, "entry")), jsx("hp", null, jsx("htext", null, "explicit empty link")), jsx("hp", null, jsx("htext", null, "link with empty space")));
+        const expected = jsx("editor", null, jsx("hp", null, jsx("htext", null, "link")), jsx("hp", null, jsx("htext", null, "asset")), jsx("hp", null, jsx("htext", null, "entry")), jsx("hp", null, jsx("htext", null, "resource")), jsx("hp", null, jsx("htext", null, "explicit empty link")), jsx("hp", null, jsx("htext", null, "link with empty space")));
         assertOutput({
             input,
             expected

package/dist/esm/plugins/Hyperlink/components/ResourceHyperlink.js

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { Tooltip, TextLink } from '@contentful/f36-components';
+import { useContentfulEditor } from '../../../ContentfulEditorProvider';
+import { fromDOMPoint } from '../../../internal';
+import { useLinkTracking } from '../../../plugins/links-tracking';
+import { useSdkContext } from '../../../SdkProvider';
+import { addOrEditLink } from '../HyperlinkModal';
+import { useResourceEntityInfo } from '../useResourceEntityInfo';
+import { styles } from './styles';
+export function ResourceHyperlink(props) {
+    const editor = useContentfulEditor();
+    const sdk = useSdkContext();
+    const { target  } = props.element.data;
+    const { onEntityFetchComplete  } = useLinkTracking();
+    const tooltipContent = useResourceEntityInfo({
+        target,
+        onEntityFetchComplete
+    });
+    if (!target) return null;
+    function handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!editor) return;
+        const p = fromDOMPoint(editor, [
+            event.target,
+            0
+        ]);
+        if (p) {
+            addOrEditLink(editor, sdk, editor.tracking.onViewportAction, p.path);
+        }
+    }
+    return React.createElement(Tooltip, {
+        content: tooltipContent,
+        targetWrapperClassName: styles.hyperlinkWrapper,
+        placement: "bottom",
+        maxWidth: "auto"
+    }, React.createElement(TextLink, {
+        as: "a",
+        onClick: handleClick,
+        className: styles.hyperlink,
+        "data-resource-link-type": target.sys.linkType,
+        "data-resource-link-urn": target.sys.urn
+    }, props.children));
+}

package/dist/esm/plugins/Hyperlink/createHyperlinkPlugin.js

@@ -4,12 +4,14 @@ import isHotkey from 'is-hotkey';
 import { isLinkActive, unwrapLink } from '../../helpers/editor';
 import { transformRemove } from '../../helpers/transformers';
 import { EntityHyperlink } from './components/EntityHyperlink';
+import { ResourceHyperlink } from './components/ResourceHyperlink';
 import { UrlHyperlink } from './components/UrlHyperlink';
 import { addOrEditLink } from './HyperlinkModal';
 import { hasText } from './utils';
 const isAnchor = (element)=>element.nodeName === 'A' && !!element.getAttribute('href') && element.getAttribute('href') !== '#';
 const isEntryAnchor = (element)=>element.nodeName === 'A' && element.getAttribute('data-link-type') === 'Entry';
 const isAssetAnchor = (element)=>element.nodeName === 'A' && element.getAttribute('data-link-type') === 'Asset';
+const isResourceAnchor = (element)=>element.nodeName === 'A' && element.getAttribute('data-resource-link-type') === 'Contentful:Entry';
 const buildHyperlinkEventHandler = (sdk)=>(editor, { options: { hotkey  }  })=>{
         return (event)=>{
             if (!editor.selection) {
@@ -31,6 +33,14 @@ const getNodeOfType = (type)=>(el, node)=>({
             children: node.children,
             data: type === INLINES.HYPERLINK ? {
                 uri: el.getAttribute('href')
+            } : type === INLINES.RESOURCE_HYPERLINK ? {
+                target: {
+                    sys: {
+                        urn: el.getAttribute('data-resource-link-urn'),
+                        linkType: el.getAttribute('data-resource-link-type'),
+                        type: 'ResourceLink'
+                    }
+                }
             } : {
                 target: {
                     sys: {
@@ -89,6 +99,23 @@ export const createHyperlinkPlugin = (sdk)=>{
                     getNode: getNodeOfType(INLINES.ENTRY_HYPERLINK)
                 }
             },
+            {
+                ...common,
+                key: INLINES.RESOURCE_HYPERLINK,
+                type: INLINES.RESOURCE_HYPERLINK,
+                component: ResourceHyperlink,
+                deserializeHtml: {
+                    rules: [
+                        {
+                            validNodeName: [
+                                'A'
+                            ]
+                        }
+                    ],
+                    query: (el)=>isResourceAnchor(el),
+                    getNode: getNodeOfType(INLINES.RESOURCE_HYPERLINK)
+                }
+            },
             {
                 ...common,
                 key: INLINES.ASSET_HYPERLINK,
@@ -113,7 +140,8 @@ export const createHyperlinkPlugin = (sdk)=>{
                     type: [
                         INLINES.HYPERLINK,
                         INLINES.ASSET_HYPERLINK,
-                        INLINES.ENTRY_HYPERLINK
+                        INLINES.ENTRY_HYPERLINK,
+                        INLINES.RESOURCE_HYPERLINK
                     ]
                 },
                 validNode: hasText,

package/dist/esm/plugins/Hyperlink/useResourceEntityInfo.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { useResource } from '@contentful/field-editor-reference';
+import { truncateTitle } from './utils';
+export function useResourceEntityInfo({ onEntityFetchComplete , target  }) {
+    const { data , error , status  } = useResource(target.sys.linkType, target.sys.urn);
+    React.useEffect(()=>{
+        if (status === 'success') {
+            onEntityFetchComplete?.();
+        }
+    }, [
+        status,
+        onEntityFetchComplete
+    ]);
+    if (status === 'loading') {
+        return `Loading entry...`;
+    }
+    if (!data || error) {
+        return `Entry missing or inaccessible`;
+    }
+    const title = truncateTitle(data.resource.fields[data.contentType.displayField]?.[data.defaultLocaleCode], 40) || 'Untitled';
+    return `${data.contentType.name}: ${title} (Space: ${data.space.name} – Env.: ${data.resource.sys.environment.sys.id})`;
+}

package/dist/esm/plugins/Hyperlink/utils.js

@@ -5,7 +5,7 @@ export const hasText = (editor, entry)=>{
     const [node, path] = entry;
     return !isAncestorEmpty(editor, node) && getText(editor, path).trim() !== '';
 };
-function truncate(str, length) {
+export function truncateTitle(str, length) {
     if (typeof str === 'string' && str.length > length) {
         return str && str.substr(0, length + 1).replace(/(\s+\S(?=\S)|\s*)\.?.$/, '…');
     }
@@ -16,7 +16,7 @@ export function getEntityInfo(data) {
         return '';
     }
     const { entityTitle , contentTypeName , entityStatus , jobs  } = data;
-    const title = truncate(entityTitle, 60) || 'Untitled';
+    const title = truncateTitle(entityTitle, 60) || 'Untitled';
     const scheduledActions = jobs.length > 0 ? getScheduleTooltipContent({
         job: jobs[0],
         jobsCount: jobs.length

package/dist/esm/plugins/Paragraph/__tests__/createParagraphPlugin.test.js

@@ -8,6 +8,8 @@ describe('normalization', ()=>{
             uri: "https://contentful.com"
         }), jsx("hlink", {
             entry: "entry-id"
+        }), jsx("hlink", {
+            resource: "resource-urn"
         }), jsx("hlink", {
             asset: "asset-id"
         }), "some text after"));

package/dist/esm/plugins/Quote/__test__/createQuotePlugin.test.js

@@ -8,6 +8,8 @@ describe('normalization', ()=>{
             uri: "https://contentful.com"
         }), jsx("hlink", {
             entry: "entry-id"
+        }), jsx("hlink", {
+            resource: "resource-urn"
         }), jsx("hlink", {
             asset: "asset-id"
         }), "some text after")));

package/dist/esm/plugins/{EmbeddedResourceBlock/FetchingWrappedResourceBlockCard.js → shared/FetchingWrappedResourceCard.js}

@@ -26,7 +26,7 @@ const InternalEntryCard = React.memo((props)=>{
     });
 }, areEqual);
 InternalEntryCard.displayName = 'ReferenceCard';
-export const FetchingWrappedResourceBlockCard = (props)=>{
+export const FetchingWrappedResourceCard = (props)=>{
     const { link , onEntityFetchComplete  } = props;
     const { data , status , error  } = useResource(link.linkType, link.urn);
     React.useEffect(()=>{

package/dist/esm/plugins/shared/__tests__/FetchingWrappedResourceCard.test.js

@@ -6,7 +6,7 @@ import { configure, render, waitFor } from '@testing-library/react';
 import publishedCT from '../__fixtures__/published_content_type.json';
 import publishedEntry from '../__fixtures__/published_entry.json';
 import space from '../__fixtures__/space.json';
-import { FetchingWrappedResourceBlockCard } from '../../EmbeddedResourceBlock/FetchingWrappedResourceBlockCard';
+import { FetchingWrappedResourceCard } from '../FetchingWrappedResourceCard';
 configure({
     testIdAttribute: 'data-test-id'
 });
@@ -63,7 +63,7 @@ beforeEach(()=>{
 function renderResourceCard({ linkType ='Contentful:Entry' , entryUrn =resolvableEntryUrn  } = {}) {
     return render(React.createElement(EntityProvider, {
         sdk: sdk
-    }, React.createElement(FetchingWrappedResourceBlockCard, {
+    }, React.createElement(FetchingWrappedResourceCard, {
         isDisabled: false,
         isSelected: false,
         sdk: sdk,

package/dist/esm/test-utils/jsx.js

@@ -19,6 +19,13 @@ const createSysLink = (linkType, id)=>({
             linkType
         }
     });
+const createSysResourceLink = (urn)=>({
+        sys: {
+            urn,
+            type: 'ResourceLink',
+            linkType: 'Contentful:Entry'
+        }
+    });
 const createHyperlink = (_, attrs, children)=>{
     const data = {};
     let type = INLINES.HYPERLINK;
@@ -34,6 +41,10 @@ const createHyperlink = (_, attrs, children)=>{
         type = INLINES.ENTRY_HYPERLINK;
         data.target = createSysLink('Entry', attrs.entry);
     }
+    if (attrs.resource) {
+        type = INLINES.RESOURCE_HYPERLINK;
+        data.target = createSysResourceLink(attrs.resource);
+    }
     children = children.map((child)=>typeof child === 'string' ? {
             text: child
         } : child);

package/dist/types/constants/Schema.d.ts

@@ -96,6 +96,13 @@ declare const _default: {
                 }[];
             }[];
         };
+        "resource-hyperlink": {
+            nodes: {
+                match: {
+                    object: string;
+                }[];
+            }[];
+        };
         "asset-hyperlink": {
             nodes: {
                 match: {

package/dist/types/helpers/editor.d.ts

@@ -17,7 +17,7 @@ export declare function isList(editor?: PlateEditor): boolean;
 export declare function getTableSize(table: Element): Record<'numRows' | 'numColumns', number> | null;
 interface InsertLinkOptions {
     text: string;
-    type: INLINES.HYPERLINK | INLINES.ENTRY_HYPERLINK | INLINES.ASSET_HYPERLINK;
+    type: INLINES.HYPERLINK | INLINES.ENTRY_HYPERLINK | INLINES.RESOURCE_HYPERLINK | INLINES.ASSET_HYPERLINK;
     url?: string;
     target?: Link;
     path?: Path;

package/dist/types/plugins/Hyperlink/HyperlinkModal.d.ts

@@ -1,13 +1,14 @@
 import * as React from 'react';
 import { Link } from '@contentful/field-editor-reference';
 import { FieldAppSDK } from '@contentful/field-editor-shared';
+import { ResourceLink } from '@contentful/rich-text-types';
 import { PlateEditor, Path } from '../../internal/types';
 import { TrackingPluginActions } from '../../plugins/Tracking';
 interface HyperlinkModalProps {
     linkText?: string;
     linkType?: string;
     linkTarget?: string;
-    linkEntity?: Link;
+    linkEntity?: Link | ResourceLink;
     onClose: (value: unknown) => void;
     sdk: FieldAppSDK;
     readonly: boolean;

package/dist/types/plugins/Hyperlink/components/ResourceHyperlink.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { Link } from '@contentful/app-sdk';
+import { Element, RenderElementProps } from '../../../internal/types';
+export type ResourceHyperlinkProps = {
+    element: Element & {
+        data: {
+            target: {
+                sys: {
+                    urn: string;
+                    linkType: 'Contentful:Entry';
+                    type: 'ResourceLink';
+                };
+            };
+        };
+    };
+    target: Link;
+    attributes: Pick<RenderElementProps, 'attributes'>;
+    children: Pick<RenderElementProps, 'children'>;
+};
+export declare function ResourceHyperlink(props: ResourceHyperlinkProps): React.JSX.Element | null;

package/dist/types/plugins/Hyperlink/useResourceEntityInfo.d.ts

@@ -0,0 +1,7 @@
+import { ResourceLink } from '@contentful/rich-text-types';
+type ResourceEntityInfoProps = {
+    target: ResourceLink;
+    onEntityFetchComplete?: VoidFunction;
+};
+export declare function useResourceEntityInfo({ onEntityFetchComplete, target }: ResourceEntityInfoProps): string;
+export {};

package/dist/types/plugins/Hyperlink/utils.d.ts

@@ -2,4 +2,5 @@ import { NodeEntry } from '../../internal/types';
 import { PlateEditor } from '../../internal/types';
 import { FetchedEntityData } from './useEntityInfo';
 export declare const hasText: (editor: PlateEditor, entry: NodeEntry) => boolean;
+export declare function truncateTitle(str: string, length: number): string;
 export declare function getEntityInfo(data?: FetchedEntityData): string;

package/dist/types/plugins/{EmbeddedResourceBlock/FetchingWrappedResourceBlockCard.d.ts → shared/FetchingWrappedResourceCard.d.ts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { FieldAppSDK } from '@contentful/app-sdk';
 import { ResourceLink } from '@contentful/rich-text-types';
-interface FetchingWrappedResourceBlockCardProps {
+interface FetchingWrappedResourceCardProps {
     link: ResourceLink['sys'];
     isDisabled: boolean;
     isSelected: boolean;
@@ -10,5 +10,5 @@ interface FetchingWrappedResourceBlockCardProps {
     onEdit?: VoidFunction;
     onRemove?: VoidFunction;
 }
-export declare const FetchingWrappedResourceBlockCard: (props: FetchingWrappedResourceBlockCardProps) => React.JSX.Element;
+export declare const FetchingWrappedResourceCard: (props: FetchingWrappedResourceCardProps) => React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-rich-text",
-  "version": "3.13.0",
+  "version": "3.14.0",
   "source": "./src/index.tsx",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -81,5 +81,5 @@
     "prism-react-renderer": "2.0.5",
     "react": ">=16.14.0"
   },
-  "gitHead": "8cbc98b0d9bd617de2199269659c6ce16807fbeb"
+  "gitHead": "5df6fd753ac999a99c4aaaac9fac54336f0c4974"
 }