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

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/index.js

@@ -24,6 +24,7 @@ const _DragAndDrop = require("./DragAndDrop");
 const _EmbeddedEntityBlock = require("./EmbeddedEntityBlock");
 const _EmbeddedEntityInline = require("./EmbeddedEntityInline");
 const _EmbeddedResourceBlock = require("./EmbeddedResourceBlock");
+const _EmbeddedResourceInline = require("./EmbeddedResourceInline");
 const _Heading = require("./Heading");
 const _Hr = require("./Hr");
 const _Hyperlink = require("./Hyperlink");
@@ -57,6 +58,7 @@ const getPlugins = (sdk, onAction, restrictedMarks)=>[
         (0, _EmbeddedResourceBlock.createEmbeddedResourceBlockPlugin)(sdk),
         (0, _Hyperlink.createHyperlinkPlugin)(sdk),
         (0, _EmbeddedEntityInline.createEmbeddedEntityInlinePlugin)(sdk),
+        (0, _EmbeddedResourceInline.createEmbeddedResourceInlinePlugin)(sdk),
         (0, _Marks.createMarksPlugin)(),
         (0, _TrailingParagraph.createTrailingParagraphPlugin)(),
         (0, _Text.createTextPlugin)(restrictedMarks),

package/dist/cjs/plugins/shared/EmbeddedBlockToolbarIcon.js

@@ -24,6 +24,7 @@ const _emotion = require("emotion");
 const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
 const _SdkProvider = require("../../SdkProvider");
 const _EmbeddedBlockUtil = require("../shared/EmbeddedBlockUtil");
+const _ResourceNewBadge = require("./ResourceNewBadge");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -97,10 +98,7 @@ function EmbeddedBlockToolbarIcon({ isDisabled , nodeType , onClose  }) {
         as: type === 'Asset' ? _f36icons.AssetIcon : _f36icons.EmbeddedEntryBlockIcon,
         className: `rich-text__embedded-entry-list-icon ${styles.icon}`,
         variant: "secondary"
-    }), _react.createElement("span", null, type, nodeType == _richtexttypes.BLOCKS.EMBEDDED_RESOURCE && _react.createElement(_react.Fragment, null, ' ', "(different space)", ' ', _react.createElement(_f36components.Badge, {
-        variant: "primary-filled",
-        size: "small"
-    }, "new")))));
+    }), _react.createElement("span", null, type, nodeType == _richtexttypes.BLOCKS.EMBEDDED_RESOURCE && _react.createElement(_ResourceNewBadge.ResourceNewBadge, null))));
 }
 function getEntityTypeFromNodeType(nodeType) {
     const words = nodeType.toLowerCase().split('-');

package/dist/cjs/plugins/shared/EmbeddedBlockUtil.js

@@ -21,9 +21,8 @@ _export(exports, {
 });
 const _richtexttypes = require("@contentful/rich-text-types");
 const _ishotkey = _interop_require_default(require("is-hotkey"));
+const _config = require("../../helpers/config");
 const _editor = require("../../helpers/editor");
-const _newEntitySelectorConfigFromRichTextField = _interop_require_default(require("../../helpers/newEntitySelectorConfigFromRichTextField"));
-const _newResourceEntitySelectorConfigFromRichTextField = _interop_require_default(require("../../helpers/newResourceEntitySelectorConfigFromRichTextField"));
 const _sdkNavigatorSlideIn = require("../../helpers/sdkNavigatorSlideIn");
 const _internal = require("../../internal");
 function _interop_require_default(obj) {
@@ -59,7 +58,7 @@ async function selectEntityAndInsert(nodeType, sdk, editor, logAction) {
         nodeType
     });
     const { field , dialogs  } = sdk;
-    const baseConfig = (0, _newEntitySelectorConfigFromRichTextField.default)(field, nodeType);
+    const baseConfig = (0, _config.newEntitySelectorConfigFromRichTextField)(field, nodeType);
     const selectEntity = baseConfig.entityType === 'Asset' ? dialogs.selectSingleAsset : dialogs.selectSingleEntry;
     const config = {
         ...baseConfig,
@@ -93,7 +92,7 @@ async function selectResourceEntityAndInsert(sdk, editor, logAction) {
         nodeType: _richtexttypes.BLOCKS.EMBEDDED_RESOURCE
     });
     const { field , dialogs  } = sdk;
-    const config = (0, _newResourceEntitySelectorConfigFromRichTextField.default)(field, _richtexttypes.BLOCKS.EMBEDDED_RESOURCE);
+    const config = (0, _config.newResourceEntitySelectorConfigFromRichTextField)(field, _richtexttypes.BLOCKS.EMBEDDED_RESOURCE);
     const { selection  } = editor;
     const entity = await dialogs.selectSingleResourceEntry(config);
     if (!entity) {

package/dist/cjs/plugins/shared/EmbeddedInlineToolbarIcon.js

@@ -18,6 +18,7 @@ const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
 const _editor = require("../../helpers/editor");
 const _SdkProvider = require("../../SdkProvider");
 const _EmbeddedInlineUtil = require("../shared/EmbeddedInlineUtil");
+const _ResourceNewBadge = require("./ResourceNewBadge");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -75,20 +76,24 @@ const styles = {
         }
     })
 };
-function EmbeddedInlineToolbarIcon(props) {
+function EmbeddedInlineToolbarIcon({ onClose , nodeType , isDisabled  }) {
     const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
     const sdk = (0, _SdkProvider.useSdkContext)();
     async function handleClick(event) {
         event.preventDefault();
         if (!editor) return;
-        props.onClose();
-        await (0, _EmbeddedInlineUtil.selectEntityAndInsert)(editor, sdk, editor.tracking.onToolbarAction);
+        onClose();
+        if (nodeType === _richtexttypes.INLINES.EMBEDDED_RESOURCE) {
+            await (0, _EmbeddedInlineUtil.selectResourceEntityAndInsert)(editor, sdk, editor.tracking.onToolbarAction);
+        } else {
+            await (0, _EmbeddedInlineUtil.selectEntityAndInsert)(editor, sdk, editor.tracking.onToolbarAction);
+        }
         (0, _editor.moveToTheNextChar)(editor);
     }
     return _react.createElement(_f36components.Menu.Item, {
-        disabled: props.isDisabled,
+        disabled: isDisabled,
         className: "rich-text__entry-link-block-button",
-        testId: `toolbar-toggle-${_richtexttypes.INLINES.EMBEDDED_ENTRY}`,
+        testId: `toolbar-toggle-${nodeType}`,
         onClick: handleClick
     }, _react.createElement(_f36components.Flex, {
         alignItems: "center",
@@ -96,5 +101,5 @@ function EmbeddedInlineToolbarIcon(props) {
     }, _react.createElement(_f36icons.EmbeddedEntryInlineIcon, {
         variant: "secondary",
         className: `rich-text__embedded-entry-list-icon ${styles.icon}`
-    }), _react.createElement("span", null, "Inline entry")));
+    }), _react.createElement("span", null, "Inline entry", nodeType == _richtexttypes.INLINES.EMBEDDED_RESOURCE && _react.createElement(_ResourceNewBadge.ResourceNewBadge, null))));
 }

package/dist/cjs/plugins/shared/EmbeddedInlineUtil.js

@@ -15,14 +15,14 @@ _export(exports, {
     selectEntityAndInsert: function() {
         return selectEntityAndInsert;
     },
-    createInlineEntryNode: function() {
-        return createInlineEntryNode;
+    selectResourceEntityAndInsert: function() {
+        return selectResourceEntityAndInsert;
     }
 });
 const _richtexttypes = require("@contentful/rich-text-types");
 const _ishotkey = _interop_require_default(require("is-hotkey"));
+const _config = require("../../helpers/config");
 const _editor = require("../../helpers/editor");
-const _newEntitySelectorConfigFromRichTextField = _interop_require_default(require("../../helpers/newEntitySelectorConfigFromRichTextField"));
 const _sdkNavigatorSlideIn = require("../../helpers/sdkNavigatorSlideIn");
 const _transforms = require("../../internal/transforms");
 function _interop_require_default(obj) {
@@ -30,22 +30,56 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-function getWithEmbeddedEntryInlineEvents(sdk) {
+function getWithEmbeddedEntryInlineEvents(nodeType, sdk) {
     return function withEmbeddedEntryInlineEvents(editor, { options: { hotkey  }  }) {
         return function handleEvent(event) {
             if (!editor) return;
             if (hotkey && (0, _ishotkey.default)(hotkey, event)) {
-                selectEntityAndInsert(editor, sdk, editor.tracking.onShortcutAction);
+                if (nodeType === _richtexttypes.INLINES.EMBEDDED_RESOURCE) {
+                    selectResourceEntityAndInsert(editor, sdk, editor.tracking.onShortcutAction);
+                } else {
+                    selectEntityAndInsert(editor, sdk, editor.tracking.onShortcutAction);
+                }
             }
         };
     };
 }
+const getLink = (nodeType, entity)=>{
+    if (nodeType === _richtexttypes.INLINES.EMBEDDED_RESOURCE) {
+        return {
+            urn: entity.sys.urn,
+            type: 'ResourceLink',
+            linkType: 'Contentful:Entry'
+        };
+    }
+    return {
+        id: entity.sys.id,
+        type: 'Link',
+        linkType: entity.sys.type
+    };
+};
+const createInlineEntryNode = (nodeType, entity)=>{
+    return {
+        type: nodeType,
+        children: [
+            {
+                text: ''
+            }
+        ],
+        data: {
+            target: {
+                sys: getLink(nodeType, entity)
+            }
+        }
+    };
+};
 async function selectEntityAndInsert(editor, sdk, logAction) {
+    const nodeType = _richtexttypes.INLINES.EMBEDDED_ENTRY;
     logAction('openCreateEmbedDialog', {
-        nodeType: _richtexttypes.INLINES.EMBEDDED_ENTRY
+        nodeType
     });
     const config = {
-        ...(0, _newEntitySelectorConfigFromRichTextField.default)(sdk.field, _richtexttypes.INLINES.EMBEDDED_ENTRY),
+        ...(0, _config.newEntitySelectorConfigFromRichTextField)(sdk.field, nodeType),
         withCreate: true
     };
     const { selection  } = editor;
@@ -53,13 +87,13 @@ async function selectEntityAndInsert(editor, sdk, logAction) {
     const entry = await sdk.dialogs.selectSingleEntry(config);
     if (!entry) {
         logAction('cancelCreateEmbedDialog', {
-            nodeType: _richtexttypes.INLINES.EMBEDDED_ENTRY
+            nodeType
         });
     } else {
         (0, _transforms.select)(editor, selection);
-        (0, _transforms.insertNodes)(editor, createInlineEntryNode(entry.sys.id));
+        (0, _transforms.insertNodes)(editor, createInlineEntryNode(nodeType, entry));
         logAction('insert', {
-            nodeType: _richtexttypes.INLINES.EMBEDDED_ENTRY
+            nodeType
         });
     }
     rteSlide.onActive(()=>{
@@ -67,22 +101,27 @@ async function selectEntityAndInsert(editor, sdk, logAction) {
         (0, _editor.focus)(editor);
     });
 }
-function createInlineEntryNode(id) {
-    return {
-        type: _richtexttypes.INLINES.EMBEDDED_ENTRY,
-        children: [
-            {
-                text: ''
-            }
-        ],
-        data: {
-            target: {
-                sys: {
-                    id,
-                    type: 'Link',
-                    linkType: 'Entry'
-                }
-            }
-        }
+async function selectResourceEntityAndInsert(editor, sdk, logAction) {
+    const nodeType = _richtexttypes.INLINES.EMBEDDED_RESOURCE;
+    logAction('openCreateEmbedDialog', {
+        nodeType
+    });
+    const { dialogs , field  } = sdk;
+    const config = {
+        ...(0, _config.newResourceEntitySelectorConfigFromRichTextField)(field, nodeType),
+        withCreate: true
     };
+    const { selection  } = editor;
+    const entry = await dialogs.selectSingleResourceEntry(config);
+    if (!entry) {
+        logAction('cancelCreateEmbedDialog', {
+            nodeType
+        });
+    } else {
+        (0, _transforms.select)(editor, selection);
+        (0, _transforms.insertNodes)(editor, createInlineEntryNode(nodeType, entry));
+        logAction('insert', {
+            nodeType
+        });
+    }
 }

package/dist/cjs/plugins/shared/ResourceNewBadge.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ResourceNewBadge", {
+    enumerable: true,
+    get: function() {
+        return ResourceNewBadge;
+    }
+});
+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 = {};
+    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 ResourceNewBadge = ()=>{
+    return _react.createElement(_react.Fragment, null, ' ', "(different space)", ' ', _react.createElement(_f36components.Badge, {
+        variant: "primary-filled",
+        size: "small"
+    }, "new"));
+};

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/components/EmbedEntityWidget.js

@@ -14,6 +14,7 @@ export const EmbedEntityWidget = ({ isDisabled , canInsertBlocks  })=>{
     const onCloseEntityDropdown = ()=>setEmbedDropdownOpen(false);
     const onToggleEntityDropdown = ()=>setEmbedDropdownOpen(!isEmbedDropdownOpen);
     const inlineEntryEmbedEnabled = isNodeTypeEnabled(sdk.field, INLINES.EMBEDDED_ENTRY);
+    const inlineResourceEmbedEnabled = isNodeTypeEnabled(sdk.field, INLINES.EMBEDDED_RESOURCE);
     const blockEntryEmbedEnabled = isNodeTypeEnabled(sdk.field, BLOCKS.EMBEDDED_ENTRY) && canInsertBlocks;
     const blockResourceEmbedEnabled = isNodeTypeEnabled(sdk.field, BLOCKS.EMBEDDED_RESOURCE) && canInsertBlocks;
     const blockAssetEmbedEnabled = isNodeTypeEnabled(sdk.field, BLOCKS.EMBEDDED_ASSET) && canInsertBlocks;
@@ -26,6 +27,11 @@ export const EmbedEntityWidget = ({ isDisabled , canInsertBlocks  })=>{
         nodeType: BLOCKS.EMBEDDED_RESOURCE,
         onClose: onCloseEntityDropdown
     }), inlineEntryEmbedEnabled && React.createElement(EmbeddedInlineToolbarIcon, {
+        nodeType: INLINES.EMBEDDED_ENTRY,
+        isDisabled: !!isDisabled || isLinkActive(editor),
+        onClose: onCloseEntityDropdown
+    }), inlineResourceEmbedEnabled && React.createElement(EmbeddedInlineToolbarIcon, {
+        nodeType: INLINES.EMBEDDED_RESOURCE,
         isDisabled: !!isDisabled || isLinkActive(editor),
         onClose: onCloseEntityDropdown
     }), blockAssetEmbedEnabled && React.createElement(EmbeddedBlockToolbarIcon, {

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: [
                 {
@@ -157,6 +168,9 @@ export default {
         },
         [INLINES.EMBEDDED_ENTRY]: {
             isVoid: true
+        },
+        [INLINES.EMBEDDED_RESOURCE]: {
+            isVoid: true
         }
     }
 };

package/dist/esm/helpers/{newEntitySelectorConfigFromRichTextField.js → config.js}

@@ -1,11 +1,12 @@
+import getAllowedResourcesForNodeType from './getAllowedResourcesForNodeType';
 import getLinkedContentTypeIdsForNodeType from './getLinkedContentTypeIdsForNodeType';
-export default function newEntitySelectorConfigFromRichTextField(field, nodeType) {
+export const newEntitySelectorConfigFromRichTextField = (field, nodeType)=>{
     return {
         entityType: getEntityTypeFromRichTextNode(nodeType),
         locale: field.locale || null,
         contentTypes: getLinkedContentTypeIdsForNodeType(field, nodeType)
     };
-}
+};
 function getEntityTypeFromRichTextNode(nodeType) {
     const words = nodeType.split('-');
     if (words.indexOf('entry') !== -1) {
@@ -16,3 +17,8 @@ function getEntityTypeFromRichTextNode(nodeType) {
     }
     throw new Error(`RichText node type \`${nodeType}\` has no associated \`entityType\``);
 }
+export const newResourceEntitySelectorConfigFromRichTextField = (field, nodeType)=>{
+    return {
+        allowedResources: getAllowedResourcesForNodeType(field, nodeType)
+    };
+};

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/DragAndDrop/index.js

@@ -6,11 +6,13 @@ export function createDragAndDropPlugin() {
         BLOCKS.EMBEDDED_ASSET,
         BLOCKS.EMBEDDED_RESOURCE,
         BLOCKS.HR,
-        INLINES.EMBEDDED_ENTRY
+        INLINES.EMBEDDED_ENTRY,
+        INLINES.EMBEDDED_RESOURCE
     ];
     const ON_DROP_ALLOWED_TYPES = {
         TABLE: [
-            INLINES.EMBEDDED_ENTRY
+            INLINES.EMBEDDED_ENTRY,
+            INLINES.EMBEDDED_RESOURCE
         ]
     };
     return {