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

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Badge } from '@contentful/f36-components';
+export const ResourceNewBadge = ()=>{
+    return React.createElement(React.Fragment, null, ' ', "(different space)", ' ', React.createElement(Badge, {
+        variant: "primary-filled",
+        size: "small"
+    }, "new"));
+};

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 { FetchingWrappedResourceCard } from '../FetchingWrappedResourceCard';
+import { FetchingWrappedResourceBlockCard } from '../../EmbeddedResourceBlock/FetchingWrappedResourceBlockCard';
 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(FetchingWrappedResourceCard, {
+    }, React.createElement(FetchingWrappedResourceBlockCard, {
         isDisabled: false,
         isSelected: false,
         sdk: sdk,

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

@@ -0,0 +1,2 @@
+const isResourceLink = (link)=>!!link.sys.urn;
+export const getLinkEntityId = (link)=>isResourceLink(link) ? link.sys.urn : link.sys.id;

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

@@ -106,6 +106,9 @@ declare const _default: {
         "embedded-entry-inline": {
             isVoid: boolean;
         };
+        "embedded-resource-inline": {
+            isVoid: boolean;
+        };
     };
 };
 export default _default;

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

@@ -0,0 +1,33 @@
+import { FieldAPI } from '@contentful/app-sdk';
+/**
+ * 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}
+ */
+type EntitySelectorConfig = {
+    entityType: string;
+    locale: string | null;
+    contentTypes: string[];
+};
+export declare const newEntitySelectorConfigFromRichTextField: (field: FieldAPI, nodeType: any) => EntitySelectorConfig;
+/**
+ * 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 declare const newResourceEntitySelectorConfigFromRichTextField: (field: any, nodeType: any) => {
+    allowedResources: {
+        type: "Contentful:Entry";
+        source: string;
+        contentTypes: string[];
+    }[];
+};
+export {};

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

@@ -1,15 +1,10 @@
 import * as React from 'react';
+import { EntityLink } from '@contentful/field-editor-reference';
 import { Element, RenderElementProps } from '../../internal/types';
 type LinkedEntityBlockProps = {
     element: Element & {
         data: {
-            target: {
-                sys: {
-                    id: string;
-                    linkType: 'Entry' | 'Asset';
-                    type: 'Link';
-                };
-            };
+            target: EntityLink;
         };
     };
     attributes: Pick<RenderElementProps, 'attributes'>;

package/dist/types/plugins/EmbeddedEntityInline/LinkedEntityInline.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { EntryLink } from '@contentful/field-editor-reference';
+import { Element, RenderElementProps } from '../../internal/types';
+type LinkedEntityInlineProps = {
+    element: Element & {
+        data: {
+            target: EntryLink;
+        };
+    };
+    attributes: Pick<RenderElementProps, 'attributes'>;
+    children: Pick<RenderElementProps, 'children'>;
+};
+export declare function LinkedEntityInline(props: LinkedEntityInlineProps): React.JSX.Element;
+export {};

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

@@ -1,10 +1,3 @@
-import * as React from 'react';
 import { FieldAppSDK } from '@contentful/app-sdk';
 import { PlatePlugin } from '../../internal/types';
-interface ToolbarEmbeddedEntityInlineButtonProps {
-    onClose: () => void;
-    isDisabled: boolean;
-}
-export declare function ToolbarEmbeddedEntityInlineButton(props: ToolbarEmbeddedEntityInlineButtonProps): React.JSX.Element;
 export declare function createEmbeddedEntityInlinePlugin(sdk: FieldAppSDK): PlatePlugin;
-export {};

package/dist/types/plugins/{shared/FetchingWrappedResourceCard.d.ts → EmbeddedResourceBlock/FetchingWrappedResourceBlockCard.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 FetchingWrappedResourceCardProps {
+interface FetchingWrappedResourceBlockCardProps {
     link: ResourceLink['sys'];
     isDisabled: boolean;
     isSelected: boolean;
@@ -10,5 +10,5 @@ interface FetchingWrappedResourceCardProps {
     onEdit?: VoidFunction;
     onRemove?: VoidFunction;
 }
-export declare const FetchingWrappedResourceCard: (props: FetchingWrappedResourceCardProps) => React.JSX.Element;
+export declare const FetchingWrappedResourceBlockCard: (props: FetchingWrappedResourceBlockCardProps) => React.JSX.Element;
 export {};

package/dist/types/plugins/EmbeddedResourceInline/FetchingWrappedResourceInlineCard.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ResourceLink } from '@contentful/field-editor-reference';
+import { FieldAppSDK } from '@contentful/field-editor-shared';
+interface FetchingWrappedResourceInlineCardProps {
+    link: ResourceLink['sys'];
+    sdk: FieldAppSDK;
+    isSelected: boolean;
+    isDisabled: boolean;
+    onRemove: (event: React.MouseEvent<Element, MouseEvent>) => void;
+    onEntityFetchComplete?: VoidFunction;
+}
+export declare function FetchingWrappedResourceInlineCard(props: FetchingWrappedResourceInlineCardProps): React.JSX.Element;
+export {};

package/dist/types/plugins/EmbeddedResourceInline/LinkedResourceInline.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ResourceLink } from '@contentful/field-editor-reference';
+import { Element, RenderElementProps } from '../../internal';
+export type LinkedResourceInlineProps = {
+    element: Element & {
+        data: {
+            target: ResourceLink;
+        };
+    };
+    attributes: Pick<RenderElementProps, 'attributes'>;
+    children: Pick<RenderElementProps, 'children'>;
+};
+export declare function LinkedResourceInline(props: LinkedResourceInlineProps): React.JSX.Element;

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

@@ -0,0 +1,3 @@
+import { FieldAppSDK } from '@contentful/app-sdk';
+import { PlatePlugin } from '../../internal';
+export declare function createEmbeddedResourceInlinePlugin(sdk: FieldAppSDK): PlatePlugin;

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface EmbeddedInlineToolbarIconProps {
+    onClose: () => void;
+    nodeType: string;
+    isDisabled: boolean;
+}
+export declare function EmbeddedInlineToolbarIcon({ onClose, nodeType, isDisabled, }: EmbeddedInlineToolbarIconProps): React.JSX.Element;
+export {};

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

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

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

@@ -1,25 +1,10 @@
 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';
-};
+import { EntityLink, ResourceLink } from '@contentful/field-editor-reference';
+import { RenderElementProps } from '../../internal';
 type LinkedBlockWrapperProps = React.PropsWithChildren<{
     attributes: Pick<RenderElementProps, 'attributes'>;
     card: JSX.Element;
-    element: Element & {
-        data: {
-            target: {
-                sys: ResourceLink | EntityLink;
-            };
-        };
-    };
+    link: ResourceLink | EntityLink;
 }>;
-export declare function LinkedBlockWrapper({ attributes, card, children, element, }: LinkedBlockWrapperProps): React.JSX.Element;
+export declare function LinkedBlockWrapper({ attributes, card, children, link }: LinkedBlockWrapperProps): React.JSX.Element;
 export {};

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { EntryLink, ResourceLink } from '@contentful/field-editor-reference';
+import { RenderElementProps } from '../../internal/types';
+type LinkedInlineWrapperProps = React.PropsWithChildren<{
+    attributes: Pick<RenderElementProps, 'attributes'>;
+    card: JSX.Element;
+    link: ResourceLink | EntryLink;
+}>;
+export declare function LinkedInlineWrapper({ attributes, card, children, link, }: LinkedInlineWrapperProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const ResourceNewBadge: () => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import { EntityLink, ResourceLink } from '@contentful/field-editor-reference';
+export declare const getLinkEntityId: (link: EntityLink | ResourceLink) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-rich-text",
-  "version": "3.12.6",
+  "version": "3.13.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": "ff0704c0aa9e0f0cdbb4fc70de7ac4ca337529e4"
+  "gitHead": "8cbc98b0d9bd617de2199269659c6ce16807fbeb"
 }

package/dist/cjs/helpers/newResourceEntitySelectorConfigFromRichTextField.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return newResourceEntitySelectorConfigFromRichTextField;
-    }
-});
-const _getAllowedResourcesForNodeType = _interop_require_default(require("./getAllowedResourcesForNodeType"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function newResourceEntitySelectorConfigFromRichTextField(field, nodeType) {
-    return {
-        allowedResources: (0, _getAllowedResourcesForNodeType.default)(field, nodeType)
-    };
-}

package/dist/cjs/plugins/EmbeddedEntityInline/Util.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "createInlineEntryNode", {
-    enumerable: true,
-    get: function() {
-        return createInlineEntryNode;
-    }
-});
-const _richtexttypes = require("@contentful/rich-text-types");
-function createInlineEntryNode(id) {
-    return {
-        type: _richtexttypes.INLINES.EMBEDDED_ENTRY,
-        children: [
-            {
-                text: ''
-            }
-        ],
-        data: {
-            target: {
-                sys: {
-                    id,
-                    type: 'Link',
-                    linkType: 'Entry'
-                }
-            }
-        }
-    };
-}

package/dist/esm/helpers/newResourceEntitySelectorConfigFromRichTextField.js

@@ -1,6 +0,0 @@
-import getAllowedResourcesForNodeType from './getAllowedResourcesForNodeType';
-export default function newResourceEntitySelectorConfigFromRichTextField(field, nodeType) {
-    return {
-        allowedResources: getAllowedResourcesForNodeType(field, nodeType)
-    };
-}

package/dist/esm/plugins/EmbeddedEntityInline/Util.js

@@ -1,20 +0,0 @@
-import { INLINES } from '@contentful/rich-text-types';
-export function createInlineEntryNode(id) {
-    return {
-        type: INLINES.EMBEDDED_ENTRY,
-        children: [
-            {
-                text: ''
-            }
-        ],
-        data: {
-            target: {
-                sys: {
-                    id,
-                    type: 'Link',
-                    linkType: 'Entry'
-                }
-            }
-        }
-    };
-}

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

@@ -1,14 +0,0 @@
-/**
- * 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 newEntitySelectorConfigFromRichTextField(field: any, nodeType: any): {
-    entityType: "Entry" | "Asset";
-    locale: any;
-    contentTypes: string[];
-};

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

@@ -1,16 +0,0 @@
-/**
- * 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/EmbeddedEntityInline/Util.d.ts

@@ -1,16 +0,0 @@
-import { INLINES } from '@contentful/rich-text-types';
-export declare function createInlineEntryNode(id: string): {
-    type: INLINES;
-    children: {
-        text: string;
-    }[];
-    data: {
-        target: {
-            sys: {
-                id: string;
-                type: string;
-                linkType: string;
-            };
-        };
-    };
-};