@contentful/field-editor-rich-text 3.5.0 → 3.6.0

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

@@ -0,0 +1,39 @@
+import React from 'react';
+import { useSelected, useReadOnly } from 'slate-react';
+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';
+export function LinkedResourceBlock(props) {
+    const { attributes , children , element  } = props;
+    const { onEntityFetchComplete  } = useLinkTracking();
+    const isSelected = useSelected();
+    const editor = useContentfulEditor();
+    const sdk = useSdkContext();
+    const isDisabled = useReadOnly();
+    const link = element.data.target.sys;
+    const handleRemoveClick = React.useCallback(()=>{
+        if (!editor) return;
+        const pathToElement = findNodePath(editor, element);
+        removeNodes(editor, {
+            at: pathToElement
+        });
+    }, [
+        editor,
+        element
+    ]);
+    return React.createElement(LinkedBlockWrapper, {
+        attributes: attributes,
+        element: element,
+        card: React.createElement(FetchingWrappedResourceCard, {
+            sdk: sdk,
+            link: link,
+            isDisabled: isDisabled,
+            isSelected: isSelected,
+            onRemove: handleRemoveClick,
+            onEntityFetchComplete: onEntityFetchComplete
+        })
+    }, children);
+}

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

@@ -0,0 +1,45 @@
+import { BLOCKS } from '@contentful/rich-text-types';
+import { getWithEmbeddedBlockEvents } from '../shared/EmbeddedBlockUtil';
+import { LinkedResourceBlock } from './LinkedResourceBlock';
+const createEmbeddedResourcePlugin = (nodeType, hotkey)=>(sdk)=>({
+            key: nodeType,
+            type: nodeType,
+            isElement: true,
+            isVoid: true,
+            component: LinkedResourceBlock,
+            options: {
+                hotkey
+            },
+            handlers: {
+                onKeyDown: getWithEmbeddedBlockEvents(nodeType, sdk)
+            },
+            deserializeHtml: {
+                rules: [
+                    {
+                        validAttribute: {
+                            'data-entity-type': 'Contentful:Entry'
+                        }
+                    }
+                ],
+                withoutChildren: true,
+                getNode: (el)=>({
+                        type: nodeType,
+                        children: [
+                            {
+                                text: ''
+                            }
+                        ],
+                        isVoid: true,
+                        data: {
+                            target: {
+                                sys: {
+                                    urn: el.getAttribute('data-entity-id'),
+                                    linkType: el.getAttribute('data-entity-type'),
+                                    type: 'ResourceLink'
+                                }
+                            }
+                        }
+                    })
+            }
+        });
+export const createEmbeddedResourceBlockPlugin = createEmbeddedResourcePlugin(BLOCKS.EMBEDDED_RESOURCE, 'mod+shift+s');

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

@@ -3,6 +3,7 @@ import { Tooltip, TextLink } from '@contentful/f36-components';
 import { useContentfulEditor } from '../../../ContentfulEditorProvider';
 import { fromDOMPoint } from '../../../internal';
 import { useSdkContext } from '../../../SdkProvider';
+import { useLinkTracking } from '../../links-tracking';
 import { addOrEditLink } from '../HyperlinkModal';
 import { useEntityInfo } from '../useEntityInfo';
 import { styles } from './styles';
@@ -10,7 +11,7 @@ export function EntityHyperlink(props) {
     const editor = useContentfulEditor();
     const sdk = useSdkContext();
     const { target  } = props.element.data;
-    const { onEntityFetchComplete  } = props;
+    const { onEntityFetchComplete  } = useLinkTracking();
     const tooltipContent = useEntityInfo({
         target,
         sdk,

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

@@ -3,7 +3,6 @@ import { INLINES } from '@contentful/rich-text-types';
 import isHotkey from 'is-hotkey';
 import { isLinkActive, unwrapLink } from '../../helpers/editor';
 import { transformRemove } from '../../helpers/transformers';
-import { withLinkTracking } from '../links-tracking';
 import { EntityHyperlink } from './components/EntityHyperlink';
 import { UrlHyperlink } from './components/UrlHyperlink';
 import { addOrEditLink } from './HyperlinkModal';
@@ -77,7 +76,7 @@ export const createHyperlinkPlugin = (sdk)=>{
                 ...common,
                 key: INLINES.ENTRY_HYPERLINK,
                 type: INLINES.ENTRY_HYPERLINK,
-                component: withLinkTracking(EntityHyperlink),
+                component: EntityHyperlink,
                 deserializeHtml: {
                     rules: [
                         {
@@ -94,7 +93,7 @@ export const createHyperlinkPlugin = (sdk)=>{
                 ...common,
                 key: INLINES.ASSET_HYPERLINK,
                 type: INLINES.ASSET_HYPERLINK,
-                component: withLinkTracking(EntityHyperlink),
+                component: EntityHyperlink,
                 deserializeHtml: {
                     rules: [
                         {

package/dist/esm/plugins/Text/createTextPlugin.js

@@ -85,6 +85,7 @@ function deleteEmptyParagraph(unit, editor, deleteFunction) {
                             allow: [
                                 BLOCKS.EMBEDDED_ASSET,
                                 BLOCKS.EMBEDDED_ENTRY,
+                                BLOCKS.EMBEDDED_RESOURCE,
                                 BLOCKS.HR
                             ]
                         }),

package/dist/esm/plugins/index.js

@@ -6,6 +6,7 @@ import { isCommandPromptPluginEnabled } from './CommandPalette/useCommands';
 import { createDragAndDropPlugin } from './DragAndDrop';
 import { createEmbeddedAssetBlockPlugin, createEmbeddedEntryBlockPlugin } from './EmbeddedEntityBlock';
 import { createEmbeddedEntityInlinePlugin } from './EmbeddedEntityInline';
+import { createEmbeddedResourceBlockPlugin } from './EmbeddedResourceBlock';
 import { createHeadingPlugin } from './Heading';
 import { createHrPlugin } from './Hr';
 import { createHyperlinkPlugin } from './Hyperlink';
@@ -38,6 +39,7 @@ export const getPlugins = (sdk, onAction, restrictedMarks)=>[
         createTablePlugin(),
         createEmbeddedEntryBlockPlugin(sdk),
         createEmbeddedAssetBlockPlugin(sdk),
+        createEmbeddedResourceBlockPlugin(sdk),
         createHyperlinkPlugin(sdk),
         createEmbeddedEntityInlinePlugin(sdk),
         createMarksPlugin(),

package/dist/esm/plugins/links-tracking.js

@@ -1,14 +1,10 @@
-import React from 'react';
+import { useCallback } from 'react';
 import { useContentfulEditorRef } from '../ContentfulEditorProvider';
-export function withLinkTracking(Component) {
-    return function ComponentWithTracking(props) {
-        const editor = useContentfulEditorRef();
-        const onEntityFetchComplete = React.useCallback(()=>editor?.tracking.onViewportAction('linkRendered'), [
+export function useLinkTracking() {
+    const editor = useContentfulEditorRef();
+    return {
+        onEntityFetchComplete: useCallback(()=>editor?.tracking.onViewportAction('linkRendered'), [
             editor
-        ]);
-        return React.createElement(Component, {
-            ...props,
-            onEntityFetchComplete: onEntityFetchComplete
-        });
+        ])
     };
 }

package/dist/esm/plugins/{EmbeddedEntityBlock/ToolbarIcon.js → shared/EmbeddedBlockToolbarIcon.js}

@@ -1,16 +1,17 @@
 import * as React from 'react';
-import { Flex, Icon, Menu } from '@contentful/f36-components';
+import { Badge, Flex, Icon, Menu } from '@contentful/f36-components';
 import { AssetIcon, EmbeddedEntryBlockIcon } from '@contentful/f36-icons';
+import { BLOCKS } from '@contentful/rich-text-types';
 import { css } from 'emotion';
 import { useContentfulEditor } from '../../ContentfulEditorProvider';
 import { useSdkContext } from '../../SdkProvider';
-import { selectEntityAndInsert } from './Util';
+import { selectEntityAndInsert, selectResourceEntityAndInsert } from '../shared/EmbeddedBlockUtil';
 export const styles = {
     icon: css({
         marginRight: '10px'
     })
 };
-export function EmbeddedEntityBlockToolbarIcon({ isDisabled , nodeType , onClose  }) {
+export function EmbeddedBlockToolbarIcon({ isDisabled , nodeType , onClose  }) {
     const editor = useContentfulEditor();
     const sdk = useSdkContext();
     const handleClick = async (event)=>{
@@ -19,7 +20,11 @@ export function EmbeddedEntityBlockToolbarIcon({ isDisabled , nodeType , onClose
             return;
         }
         onClose();
-        await selectEntityAndInsert(nodeType, sdk, editor, editor.tracking.onToolbarAction);
+        if (nodeType == BLOCKS.EMBEDDED_RESOURCE) {
+            await selectResourceEntityAndInsert(sdk, editor, editor.tracking.onToolbarAction);
+        } else {
+            await selectEntityAndInsert(nodeType, sdk, editor, editor.tracking.onToolbarAction);
+        }
     };
     const type = getEntityTypeFromNodeType(nodeType);
     const baseClass = `rich-text__${nodeType}`;
@@ -35,11 +40,14 @@ export function EmbeddedEntityBlockToolbarIcon({ isDisabled , nodeType , onClose
         as: type === 'Asset' ? AssetIcon : EmbeddedEntryBlockIcon,
         className: `rich-text__embedded-entry-list-icon ${styles.icon}`,
         variant: "secondary"
-    }), React.createElement("span", null, type)));
+    }), React.createElement("span", null, type, nodeType == BLOCKS.EMBEDDED_RESOURCE && React.createElement(React.Fragment, null, ' ', "(different space)", ' ', React.createElement(Badge, {
+        variant: "primary-filled",
+        size: "small"
+    }, "new")))));
 }
 function getEntityTypeFromNodeType(nodeType) {
     const words = nodeType.toLowerCase().split('-');
-    if (words.includes('entry')) {
+    if (words.includes('entry') || words.includes('resource')) {
         return 'Entry';
     }
     if (words.includes('asset')) {

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

@@ -0,0 +1,144 @@
+import { BLOCKS, TEXT_CONTAINERS } from '@contentful/rich-text-types';
+import isHotkey from 'is-hotkey';
+import { focus, getNodeEntryFromSelection, insertEmptyParagraph, moveToTheNextChar } from '../../helpers/editor';
+import newEntitySelectorConfigFromRichTextField from '../../helpers/newEntitySelectorConfigFromRichTextField';
+import newResourceEntitySelectorConfigFromRichTextField from '../../helpers/newResourceEntitySelectorConfigFromRichTextField';
+import { watchCurrentSlide } from '../../helpers/sdkNavigatorSlideIn';
+import { getText, getAboveNode, getLastNodeByLevel, insertNodes, setNodes, select, removeNodes } from '../../internal';
+export function getWithEmbeddedBlockEvents(nodeType, sdk) {
+    return (editor, { options: { hotkey  }  })=>(event)=>{
+            const [, pathToSelectedElement] = getNodeEntryFromSelection(editor, nodeType);
+            if (pathToSelectedElement) {
+                const isDelete = event.key === 'Delete';
+                const isBackspace = event.key === 'Backspace';
+                if (isDelete || isBackspace) {
+                    event.preventDefault();
+                    removeNodes(editor, {
+                        at: pathToSelectedElement
+                    });
+                }
+                return;
+            }
+            if (hotkey && isHotkey(hotkey, event)) {
+                if (nodeType === BLOCKS.EMBEDDED_RESOURCE) {
+                    selectResourceEntityAndInsert(sdk, editor, editor.tracking.onShortcutAction);
+                } else {
+                    selectEntityAndInsert(nodeType, sdk, editor, editor.tracking.onShortcutAction);
+                }
+            }
+        };
+}
+export async function selectEntityAndInsert(nodeType, sdk, editor, logAction) {
+    logAction('openCreateEmbedDialog', {
+        nodeType
+    });
+    const { field , dialogs  } = sdk;
+    const baseConfig = newEntitySelectorConfigFromRichTextField(field, nodeType);
+    const selectEntity = baseConfig.entityType === 'Asset' ? dialogs.selectSingleAsset : dialogs.selectSingleEntry;
+    const config = {
+        ...baseConfig,
+        withCreate: true
+    };
+    const { selection  } = editor;
+    const rteSlide = watchCurrentSlide(sdk.navigator);
+    const entity = await selectEntity(config);
+    if (!entity) {
+        logAction('cancelCreateEmbedDialog', {
+            nodeType
+        });
+    } else {
+        select(editor, selection);
+        insertBlock(editor, nodeType, entity);
+        ensureFollowingParagraph(editor, [
+            BLOCKS.EMBEDDED_ASSET,
+            BLOCKS.EMBEDDED_ENTRY
+        ]);
+        logAction('insert', {
+            nodeType
+        });
+    }
+    rteSlide.onActive(()=>{
+        rteSlide.unwatch();
+        focus(editor);
+    });
+}
+export async function selectResourceEntityAndInsert(sdk, editor, logAction) {
+    logAction('openCreateEmbedDialog', {
+        nodeType: BLOCKS.EMBEDDED_RESOURCE
+    });
+    const { field , dialogs  } = sdk;
+    const config = newResourceEntitySelectorConfigFromRichTextField(field, BLOCKS.EMBEDDED_RESOURCE);
+    const { selection  } = editor;
+    const entity = await dialogs.selectSingleResourceEntry(config);
+    if (!entity) {
+        logAction('cancelCreateEmbedDialog', {
+            nodeType: BLOCKS.EMBEDDED_RESOURCE
+        });
+    } else {
+        select(editor, selection);
+        insertBlock(editor, BLOCKS.EMBEDDED_RESOURCE, entity);
+        ensureFollowingParagraph(editor, [
+            BLOCKS.EMBEDDED_RESOURCE
+        ]);
+        logAction('insert', {
+            nodeType: BLOCKS.EMBEDDED_RESOURCE
+        });
+    }
+}
+function ensureFollowingParagraph(editor, nodeTypes) {
+    const entityBlock = getAboveNode(editor, {
+        match: {
+            type: nodeTypes
+        }
+    });
+    if (!entityBlock) {
+        return;
+    }
+    const level = entityBlock[1].length - 1;
+    const lastNode = getLastNodeByLevel(editor, level);
+    const isTextContainer = TEXT_CONTAINERS.includes(lastNode?.[0].type ?? '');
+    if (level !== 0 && !isTextContainer) {
+        insertEmptyParagraph(editor);
+    }
+    moveToTheNextChar(editor);
+}
+const getLink = (nodeType, entity)=>{
+    if (nodeType === BLOCKS.EMBEDDED_RESOURCE) {
+        return {
+            urn: entity.sys.urn,
+            type: 'ResourceLink',
+            linkType: 'Contentful:Entry'
+        };
+    }
+    return {
+        id: entity.sys.id,
+        type: 'Link',
+        linkType: entity.sys.type
+    };
+};
+const createNode = (nodeType, entity)=>{
+    return {
+        type: nodeType,
+        data: {
+            target: {
+                sys: getLink(nodeType, entity)
+            }
+        },
+        children: [
+            {
+                text: ''
+            }
+        ],
+        isVoid: true
+    };
+};
+function insertBlock(editor, nodeType, entity) {
+    if (!editor?.selection) return;
+    const linkedEntityBlock = createNode(nodeType, entity);
+    const hasText = editor.selection && !!getText(editor, editor.selection.focus.path);
+    if (hasText) {
+        insertNodes(editor, linkedEntityBlock);
+    } else {
+        setNodes(editor, linkedEntityBlock);
+    }
+}

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

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { EntryCard } from '@contentful/f36-components';
+import { MissingEntityCard, WrappedEntryCard, useResource } from '@contentful/field-editor-reference';
+import areEqual from 'fast-deep-equal';
+const InternalEntryCard = React.memo((props)=>{
+    if (props.status === 'loading') {
+        return React.createElement(EntryCard, {
+            isLoading: true
+        });
+    }
+    if (!props.data || props.status === 'error') {
+        return React.createElement(MissingEntityCard, {
+            entityType: "Entry",
+            isDisabled: props.isDisabled,
+            onRemove: props.onRemove
+        });
+    }
+    const { contentType , resource: entry , space  } = props.data;
+    return React.createElement(WrappedEntryCard, {
+        size: "default",
+        getAsset: ()=>Promise.resolve(),
+        isSelected: props.isSelected,
+        isDisabled: props.isDisabled,
+        localeCode: props.data.defaultLocaleCode,
+        defaultLocaleCode: props.data.defaultLocaleCode,
+        contentType: contentType,
+        spaceName: space?.name,
+        entry: entry,
+        onEdit: props.onEdit,
+        onRemove: props.isDisabled ? undefined : props.onRemove,
+        isClickable: false,
+        getEntityScheduledActions: ()=>Promise.resolve([])
+    });
+}, areEqual);
+InternalEntryCard.displayName = 'ReferenceCard';
+export const FetchingWrappedResourceCard = (props)=>{
+    const { link , onEntityFetchComplete  } = props;
+    const { data , status  } = useResource(link.linkType, link.urn);
+    React.useEffect(()=>{
+        if (status === 'success') {
+            onEntityFetchComplete?.();
+        }
+    }, [
+        onEntityFetchComplete,
+        status
+    ]);
+    return React.createElement(InternalEntryCard, {
+        data: data,
+        status: status,
+        sdk: props.sdk,
+        isDisabled: props.isDisabled,
+        isSelected: props.isSelected,
+        onEdit: props.onEdit,
+        onRemove: props.onRemove
+    });
+};

package/dist/esm/plugins/shared/LinkedBlockWrapper.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { css } from 'emotion';
+import { IS_CHROME } from '../../helpers/environment';
+const styles = {
+    root: css({
+        marginBottom: '1.25rem !important',
+        display: 'block'
+    }),
+    container: css({
+        display: 'inline-block',
+        verticalAlign: 'text-top',
+        width: '100%'
+    })
+};
+const isResourceLink = (link)=>!!link.urn;
+export function LinkedBlockWrapper({ attributes , card , children , element  }) {
+    const link = element.data.target.sys;
+    return React.createElement("div", {
+        ...attributes,
+        className: styles.root,
+        "data-entity-type": link.linkType,
+        "data-entity-id": isResourceLink(link) ? link.urn : link.id,
+        contentEditable: IS_CHROME ? undefined : false,
+        draggable: IS_CHROME ? true : undefined
+    }, React.createElement("div", {
+        contentEditable: IS_CHROME ? false : undefined,
+        draggable: IS_CHROME ? true : undefined,
+        className: styles.container
+    }, card), children);
+}

package/dist/esm/useOnValueChanged.js

@@ -13,7 +13,7 @@ const isRelevantOperation = (op)=>{
 export const useOnValueChanged = ({ editorId , handler , skip , onSkip  })=>{
     const onChange = useMemo(()=>debounce((document)=>{
             const contentfulDocument = toContentfulDocument({
-                document,
+                document: document,
                 schema
             });
             const cleanedDocument = removeInternalMarks(contentfulDocument);

package/dist/types/dialogs/HypelinkDialog/HyperlinkDialog.d.ts

@@ -1,7 +1,7 @@
 export namespace LINK_TYPES {
-    const URI: string;
-    const ENTRY: string;
-    const ASSET: string;
+    let URI: string;
+    let ENTRY: string;
+    let ASSET: string;
 }
 export class HyperlinkDialog extends React.Component<any, any, any> {
     static propTypes: {

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

@@ -0,0 +1,25 @@
+type AllowedResource = {
+    type: 'Contentful:Entry';
+    source: string;
+    contentTypes: string[];
+};
+/**
+ * Given a field object and a rich text node type, return a list of allowed
+ * resources associated with the node type, based on that node type's
+ * `allowedResources` property.
+ *
+ * The navigation here is explained by the `nodes` validation having signature:
+ * { nodes: { [nodeType]: { allowedResources: AllowedResource[] } } }
+ *
+ * We defensively navigate through this object because
+ * 1) the field may not have a `validations` array,
+ * 2) the `validations` array may be empty,
+ * 3) the `validations` array may not have a `nodes` validation, and
+ * 4) the `nodes` validation may not validate the `nodeType`.
+ *
+ * @param {object} field
+ * @param {string} nodeType
+ * @returns {AllowedResource[]}
+ */
+export default function getAllowedResourcesForNodeType(field: any, nodeType: any): AllowedResource[];
+export {};

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

@@ -0,0 +1,16 @@
+/**
+ * Returns a config for the entity selector based on a given rich text field and a
+ * rich text node type that the entity should be picked for. Takes the field
+ * validations for the given node type into account.
+ *
+ * @param {object} field
+ * @param {string} nodeType
+ * @returns {object}
+ */
+export default function newResourceEntitySelectorConfigFromRichTextField(field: any, nodeType: any): {
+    allowedResources: {
+        type: "Contentful:Entry";
+        source: string;
+        contentTypes: string[];
+    }[];
+};

package/dist/types/plugins/EmbeddedEntityBlock/LinkedEntityBlock.d.ts

@@ -14,7 +14,6 @@ type LinkedEntityBlockProps = {
     };
     attributes: Pick<RenderElementProps, 'attributes'>;
     children: Pick<RenderElementProps, 'children'>;
-    onEntityFetchComplete: VoidFunction;
 };
 export declare function LinkedEntityBlock(props: LinkedEntityBlockProps): React.JSX.Element;
 export {};

package/dist/types/plugins/EmbeddedEntityBlock/index.d.ts

@@ -1,5 +1,4 @@
 import { FieldExtensionSDK } from '@contentful/app-sdk';
-import { PlatePlugin } from '../../internal/types';
-export { EmbeddedEntityBlockToolbarIcon as ToolbarIcon } from './ToolbarIcon';
+import { PlatePlugin } from '../../internal';
 export declare const createEmbeddedEntryBlockPlugin: (sdk: FieldExtensionSDK) => PlatePlugin;
 export declare const createEmbeddedAssetBlockPlugin: (sdk: FieldExtensionSDK) => PlatePlugin;

package/dist/types/plugins/EmbeddedResourceBlock/LinkedResourceBlock.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Element, RenderElementProps } from '../../internal';
+export type LinkedResourceBlockProps = {
+    element: Element & {
+        data: {
+            target: {
+                sys: {
+                    urn: string;
+                    linkType: 'Contentful:Entry';
+                    type: 'ResourceLink';
+                };
+            };
+        };
+    };
+    attributes: Pick<RenderElementProps, 'attributes'>;
+    children: Pick<RenderElementProps, 'children'>;
+};
+export declare function LinkedResourceBlock(props: LinkedResourceBlockProps): React.JSX.Element;

package/dist/types/plugins/EmbeddedResourceBlock/index.d.ts

@@ -0,0 +1,3 @@
+import { FieldExtensionSDK } from '@contentful/app-sdk';
+import { PlatePlugin } from '../../internal';
+export declare const createEmbeddedResourceBlockPlugin: (sdk: FieldExtensionSDK) => PlatePlugin;

package/dist/types/plugins/links-tracking.d.ts

@@ -1,3 +1,3 @@
-import React, { ComponentProps } from 'react';
-import { HyperlinkElementProps } from './Hyperlink/components/EntityHyperlink';
-export declare function withLinkTracking(Component: React.ComponentType<HyperlinkElementProps>): (props: ComponentProps<typeof Component>) => React.JSX.Element;
+export declare function useLinkTracking(): {
+    onEntityFetchComplete: () => unknown;
+};

package/dist/types/plugins/shared/EmbeddedBlockToolbarIcon.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export declare const styles: {
+    icon: string;
+};
+interface EmbeddedBlockToolbarIconProps {
+    isDisabled: boolean;
+    nodeType: string;
+    onClose: () => void;
+}
+export declare function EmbeddedBlockToolbarIcon({ isDisabled, nodeType, onClose, }: EmbeddedBlockToolbarIconProps): React.JSX.Element;
+export {};

package/dist/types/plugins/shared/EmbeddedBlockUtil.d.ts

@@ -0,0 +1,8 @@
+import { FieldExtensionSDK } from '@contentful/app-sdk';
+import { BLOCKS } from '@contentful/rich-text-types';
+import { HotkeyPlugin } from '@udecode/plate-core';
+import { KeyboardHandler } from '../../internal';
+import { TrackingPluginActions } from '../Tracking';
+export declare function getWithEmbeddedBlockEvents(nodeType: BLOCKS.EMBEDDED_ENTRY | BLOCKS.EMBEDDED_ASSET | BLOCKS.EMBEDDED_RESOURCE, sdk: FieldExtensionSDK): KeyboardHandler<HotkeyPlugin>;
+export declare function selectEntityAndInsert(nodeType: any, sdk: any, editor: any, logAction: TrackingPluginActions['onToolbarAction'] | TrackingPluginActions['onShortcutAction']): Promise<void>;
+export declare function selectResourceEntityAndInsert(sdk: any, editor: any, logAction: TrackingPluginActions['onToolbarAction'] | TrackingPluginActions['onShortcutAction']): Promise<void>;

package/dist/types/plugins/shared/FetchingWrappedResourceCard.d.ts

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

package/dist/types/plugins/shared/LinkedBlockWrapper.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Element, RenderElementProps } from '../../internal';
+type EntityLink = {
+    id: string;
+    linkType: 'Entry' | 'Asset';
+    type: 'Link';
+};
+type ResourceLink = {
+    urn: string;
+    linkType: 'Contentful:Entry';
+    type: 'ResourceLink';
+};
+type LinkedBlockWrapperProps = React.PropsWithChildren<{
+    attributes: Pick<RenderElementProps, 'attributes'>;
+    card: JSX.Element;
+    element: Element & {
+        data: {
+            target: {
+                sys: ResourceLink | EntityLink;
+            };
+        };
+    };
+}>;
+export declare function LinkedBlockWrapper({ attributes, card, children, element, }: LinkedBlockWrapperProps): React.JSX.Element;
+export {};

package/dist/types/test-utils/jsx.d.ts

@@ -3,7 +3,7 @@
  *
  * Add items as needed. Don't forget to adjust hyperscript.d.ts
  */
-export declare const jsx: <S extends "text" | "selection" | "editor" | "anchor" | "focus" | "element" | "cursor" | "fragment">(tagName: S, attributes?: Object | undefined, ...children: any[]) => ReturnType<({
+export declare const jsx: <S extends "text" | "selection" | "editor" | "anchor" | "element" | "focus" | "cursor" | "fragment">(tagName: S, attributes?: Object | undefined, ...children: any[]) => ReturnType<({
     anchor: typeof import("slate-hyperscript/dist/creators").createAnchor;
     cursor: typeof import("slate-hyperscript/dist/creators").createCursor;
     editor: (tagName: string, attributes: {