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

package/dist/cjs/plugins/EmbeddedResourceInline/index.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createEmbeddedResourceInlinePlugin", {
+    enumerable: true,
+    get: function() {
+        return createEmbeddedResourceInlinePlugin;
+    }
+});
+const _richtexttypes = require("@contentful/rich-text-types");
+const _EmbeddedInlineUtil = require("../shared/EmbeddedInlineUtil");
+const _LinkedResourceInline = require("./LinkedResourceInline");
+function createEmbeddedResourceInlinePlugin(sdk) {
+    const htmlAttributeName = 'data-embedded-resource-inline-id';
+    const nodeType = _richtexttypes.INLINES.EMBEDDED_RESOURCE;
+    return {
+        key: nodeType,
+        type: nodeType,
+        isElement: true,
+        isInline: true,
+        isVoid: true,
+        component: _LinkedResourceInline.LinkedResourceInline,
+        options: {
+            hotkey: 'mod+shift+p'
+        },
+        handlers: {
+            onKeyDown: (0, _EmbeddedInlineUtil.getWithEmbeddedEntryInlineEvents)(nodeType, sdk)
+        },
+        deserializeHtml: {
+            rules: [
+                {
+                    validAttribute: htmlAttributeName
+                }
+            ],
+            withoutChildren: true,
+            getNode: (el)=>({
+                    type: nodeType,
+                    children: [
+                        {
+                            text: ''
+                        }
+                    ],
+                    data: {
+                        target: {
+                            sys: {
+                                urn: el.getAttribute('data-entity-id'),
+                                linkType: el.getAttribute('data-entity-type'),
+                                type: 'ResourceLink'
+                            }
+                        }
+                    }
+                })
+        }
+    };
+}

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

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "EmbeddedInlineToolbarIcon", {
+    enumerable: true,
+    get: function() {
+        return EmbeddedInlineToolbarIcon;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _f36icons = require("@contentful/f36-icons");
+const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _richtexttypes = require("@contentful/rich-text-types");
+const _emotion = require("emotion");
+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
+    };
+}
+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 styles = {
+    icon: (0, _emotion.css)({
+        marginRight: '10px'
+    }),
+    root: (0, _emotion.css)({
+        display: 'inline-block',
+        margin: `0 ${_f36tokens.default.spacing2Xs}`,
+        fontSize: 'inherit',
+        span: {
+            userSelect: 'none'
+        }
+    })
+};
+function EmbeddedInlineToolbarIcon({ onClose , nodeType , isDisabled  }) {
+    const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
+    const sdk = (0, _SdkProvider.useSdkContext)();
+    async function handleClick(event) {
+        event.preventDefault();
+        if (!editor) return;
+        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: isDisabled,
+        className: "rich-text__entry-link-block-button",
+        testId: `toolbar-toggle-${nodeType}`,
+        onClick: handleClick
+    }, _react.createElement(_f36components.Flex, {
+        alignItems: "center",
+        flexDirection: "row"
+    }, _react.createElement(_f36icons.EmbeddedEntryInlineIcon, {
+        variant: "secondary",
+        className: `rich-text__embedded-entry-list-icon ${styles.icon}`
+    }), _react.createElement("span", null, "Inline entry", nodeType == _richtexttypes.INLINES.EMBEDDED_RESOURCE && _react.createElement(_ResourceNewBadge.ResourceNewBadge, null))));
+}

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

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getWithEmbeddedEntryInlineEvents: function() {
+        return getWithEmbeddedEntryInlineEvents;
+    },
+    selectEntityAndInsert: function() {
+        return selectEntityAndInsert;
+    },
+    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 _sdkNavigatorSlideIn = require("../../helpers/sdkNavigatorSlideIn");
+const _transforms = require("../../internal/transforms");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function getWithEmbeddedEntryInlineEvents(nodeType, sdk) {
+    return function withEmbeddedEntryInlineEvents(editor, { options: { hotkey  }  }) {
+        return function handleEvent(event) {
+            if (!editor) return;
+            if (hotkey && (0, _ishotkey.default)(hotkey, event)) {
+                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
+    });
+    const config = {
+        ...(0, _config.newEntitySelectorConfigFromRichTextField)(sdk.field, nodeType),
+        withCreate: true
+    };
+    const { selection  } = editor;
+    const rteSlide = (0, _sdkNavigatorSlideIn.watchCurrentSlide)(sdk.navigator);
+    const entry = await sdk.dialogs.selectSingleEntry(config);
+    if (!entry) {
+        logAction('cancelCreateEmbedDialog', {
+            nodeType
+        });
+    } else {
+        (0, _transforms.select)(editor, selection);
+        (0, _transforms.insertNodes)(editor, createInlineEntryNode(nodeType, entry));
+        logAction('insert', {
+            nodeType
+        });
+    }
+    rteSlide.onActive(()=>{
+        rteSlide.unwatch();
+        (0, _editor.focus)(editor);
+    });
+}
+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/LinkedBlockWrapper.js

@@ -11,6 +11,7 @@ Object.defineProperty(exports, "LinkedBlockWrapper", {
 const _react = _interop_require_default(require("react"));
 const _emotion = require("emotion");
 const _environment = require("../../helpers/environment");
+const _utils = require("./utils");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -27,14 +28,12 @@ const styles = {
         width: '100%'
     })
 };
-const isResourceLink = (link)=>!!link.urn;
-function LinkedBlockWrapper({ attributes , card , children , element  }) {
-    const link = element.data.target.sys;
+function LinkedBlockWrapper({ attributes , card , children , link  }) {
     return _react.default.createElement("div", {
         ...attributes,
         className: styles.root,
-        "data-entity-type": link.linkType,
-        "data-entity-id": isResourceLink(link) ? link.urn : link.id,
+        "data-entity-type": link.sys.linkType,
+        "data-entity-id": (0, _utils.getLinkEntityId)(link),
         contentEditable: _environment.IS_CHROME ? undefined : false,
         draggable: _environment.IS_CHROME ? true : undefined
     }, _react.default.createElement("div", {

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

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LinkedInlineWrapper", {
+    enumerable: true,
+    get: function() {
+        return LinkedInlineWrapper;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _emotion = require("emotion");
+const _environment = require("../../helpers/environment");
+const _utils = require("./utils");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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 styles = {
+    icon: (0, _emotion.css)({
+        marginRight: '10px'
+    }),
+    root: (0, _emotion.css)({
+        display: 'inline-block',
+        margin: `0 ${_f36tokens.default.spacing2Xs}`,
+        fontSize: 'inherit',
+        span: {
+            userSelect: 'none'
+        }
+    })
+};
+function LinkedInlineWrapper({ attributes , card , children , link  }) {
+    return _react.createElement("span", {
+        ...attributes,
+        className: styles.root,
+        "data-entity-type": link.sys.linkType,
+        "data-entity-id": (0, _utils.getLinkEntityId)(link),
+        contentEditable: _environment.IS_CHROME ? undefined : false,
+        draggable: _environment.IS_CHROME ? true : undefined
+    }, _react.createElement("span", {
+        contentEditable: _environment.IS_CHROME ? false : undefined,
+        draggable: _environment.IS_CHROME ? true : undefined
+    }, card), children);
+}

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/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 _FetchingWrappedResourceCard = require("../FetchingWrappedResourceCard");
+const _FetchingWrappedResourceBlockCard = require("../../EmbeddedResourceBlock/FetchingWrappedResourceBlockCard");
 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(_FetchingWrappedResourceCard.FetchingWrappedResourceCard, {
+    }, _react.createElement(_FetchingWrappedResourceBlockCard.FetchingWrappedResourceBlockCard, {
         isDisabled: false,
         isSelected: false,
         sdk: sdk,

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getLinkEntityId", {
+    enumerable: true,
+    get: function() {
+        return getLinkEntityId;
+    }
+});
+const isResourceLink = (link)=>!!link.sys.urn;
+const getLinkEntityId = (link)=>isResourceLink(link) ? link.sys.urn : link.sys.id;

package/dist/esm/Toolbar/components/EmbedEntityWidget.js

@@ -3,8 +3,8 @@ import { BLOCKS, INLINES } from '@contentful/rich-text-types';
 import { useContentfulEditor } from '../../ContentfulEditorProvider';
 import { isLinkActive } from '../../helpers/editor';
 import { isNodeTypeEnabled } from '../../helpers/validations';
-import { ToolbarEmbeddedEntityInlineButton } from '../../plugins/EmbeddedEntityInline';
 import { EmbeddedBlockToolbarIcon } from '../../plugins/shared/EmbeddedBlockToolbarIcon';
+import { EmbeddedInlineToolbarIcon } from '../../plugins/shared/EmbeddedInlineToolbarIcon';
 import { useSdkContext } from '../../SdkProvider';
 import { EmbeddedEntityDropdownButton } from './EmbeddedEntityDropdownButton';
 export const EmbedEntityWidget = ({ isDisabled , canInsertBlocks  })=>{
@@ -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;
@@ -25,7 +26,12 @@ export const EmbedEntityWidget = ({ isDisabled , canInsertBlocks  })=>{
         isDisabled: !!isDisabled,
         nodeType: BLOCKS.EMBEDDED_RESOURCE,
         onClose: onCloseEntityDropdown
-    }), inlineEntryEmbedEnabled && React.createElement(ToolbarEmbeddedEntityInlineButton, {
+    }), 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/constants/Schema.js

@@ -157,6 +157,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/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 {

package/dist/esm/plugins/EmbeddedEntityBlock/LinkedEntityBlock.js

@@ -57,6 +57,6 @@ export function LinkedEntityBlock(props) {
             onEdit: handleEditClick,
             onEntityFetchComplete: onEntityFetchComplete
         })),
-        element: element
+        link: element.data.target
     }, children);
 }