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

package/dist/{plugins → types/plugins}/shared/FetchingWrappedEntryCard.d.ts

@@ -1,13 +1,14 @@
-import { FieldExtensionSDK } from '@contentful/app-sdk';
-interface FetchingWrappedEntryCardProps {
-    entryId: string;
-    isDisabled: boolean;
-    isSelected: boolean;
-    locale: string;
-    sdk: FieldExtensionSDK;
-    onEntityFetchComplete?: VoidFunction;
-    onEdit?: VoidFunction;
-    onRemove?: VoidFunction;
-}
-export declare const FetchingWrappedEntryCard: (props: FetchingWrappedEntryCardProps) => JSX.Element;
-export {};
+import * as React from 'react';
+import { FieldExtensionSDK } from '@contentful/app-sdk';
+interface FetchingWrappedEntryCardProps {
+    entryId: string;
+    isDisabled: boolean;
+    isSelected: boolean;
+    locale: string;
+    sdk: FieldExtensionSDK;
+    onEntityFetchComplete?: VoidFunction;
+    onEdit?: VoidFunction;
+    onRemove?: VoidFunction;
+}
+export declare const FetchingWrappedEntryCard: (props: FetchingWrappedEntryCardProps) => React.JSX.Element;
+export {};

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/{plugins → types/plugins}/shared/ToolbarButton.d.ts

@@ -1,11 +1,12 @@
-interface ToolbarButtonProps {
-    onClick: () => void;
-    isActive?: boolean;
-    isDisabled?: boolean;
-    children: any;
-    title: string;
-    className?: string;
-    testId?: string;
-}
-export declare function ToolbarButton(props: ToolbarButtonProps): JSX.Element;
-export {};
+import * as React from 'react';
+interface ToolbarButtonProps {
+    onClick: () => void;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    children: any;
+    title: string;
+    className?: string;
+    testId?: string;
+}
+export declare function ToolbarButton(props: ToolbarButtonProps): React.JSX.Element;
+export {};

package/dist/types/plugins/shared/__tests__/FetchingWrappedAssetCard.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/dist/types/plugins/shared/__tests__/FetchingWrappedEntryCard.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/dist/{prepareDocument.d.ts → types/prepareDocument.d.ts}

@@ -1,19 +1,19 @@
-import { Document } from '@contentful/rich-text-types';
-import { CreatePlateEditorOptions } from './internal';
-import { Value, PlateEditor, Node } from './internal/types';
-/**
- * For legacy reasons, a document may not have any content at all
- * e.g:
- *
- * {nodeType: document, data: {}, content: []}
- *
- * Rendering such document will break the Slate editor
- */
-export declare const hasContent: (doc?: Document | undefined) => boolean;
-export declare const setEditorContent: (editor: PlateEditor, nodes?: Node[] | undefined) => void;
-/**
- * Converts a Contentful rich text document to the corresponding slate editor
- * value
- */
-export declare const documentToEditorValue: (doc?: Document | undefined) => Node[];
-export declare const normalizeEditorValue: (value: Value, options?: Omit<CreatePlateEditorOptions, "id" | "editor"> | undefined) => Value;
+import { Document } from '@contentful/rich-text-types';
+import { CreatePlateEditorOptions } from './internal';
+import { Node, PlateEditor, Value } from './internal/types';
+/**
+ * For legacy reasons, a document may not have any content at all
+ * e.g:
+ *
+ * {nodeType: document, data: {}, content: []}
+ *
+ * Rendering such document will break the Slate editor
+ */
+export declare const hasContent: (doc?: Document) => boolean;
+export declare const setEditorContent: (editor: PlateEditor, nodes?: Node[]) => void;
+/**
+ * Converts a Contentful rich text document to the corresponding slate editor
+ * value
+ */
+export declare const documentToEditorValue: (doc?: Document) => Node[];
+export declare const normalizeEditorValue: (value: Value, options?: Omit<CreatePlateEditorOptions, 'id' | 'editor'>) => Value;

package/dist/{test-utils → types/test-utils}/assertOutput.d.ts

@@ -1,7 +1,7 @@
-import { PlateEditor } from '../internal/types';
-export declare const assertOutput: (options: {
-    input?: any;
-    expected: any;
-    editor?: PlateEditor;
-    log?: boolean;
-}) => void;
+import { PlateEditor } from '../internal/types';
+export declare const assertOutput: (options: {
+    input?: any;
+    expected: any;
+    editor?: PlateEditor;
+    log?: boolean;
+}) => void;

package/dist/{test-utils → types/test-utils}/createEditor.d.ts

@@ -1,31 +1,31 @@
-/// <reference types="react" />
-import { FieldExtensionSDK } from '@contentful/app-sdk';
-import { PlateEditor, PlatePlugin, Value } from '../internal/types';
-import { RichTextTrackingActionHandler } from '../plugins/Tracking';
-export declare const createTestEditor: (options: {
-    input?: any;
-    sdk?: FieldExtensionSDK;
-    trackingHandler?: RichTextTrackingActionHandler;
-    plugins?: PlatePlugin[];
-}) => {
-    editor: PlateEditor & Omit<import("slate").BaseEditor, "children" | "operations" | "marks" | "isInline" | "isVoid" | "normalizeNode" | "apply" | "getFragment" | "insertFragment" | "insertNode"> & {
-        children: Value;
-        operations: import("@udecode/plate-core").TOperation<import("@udecode/plate-core").TDescendant>[];
-        marks: Record<string, any> | null;
-        isInline: <N extends import("@udecode/plate-core").TElement>(element: N) => boolean;
-        isVoid: <N_1 extends import("@udecode/plate-core").TElement>(element: N_1) => boolean;
-        normalizeNode: <N_2 extends import("@udecode/plate-core").TNode>(entry: import("@udecode/plate-core").TNodeEntry<N_2>) => void;
-        apply: <N_3 extends import("@udecode/plate-core").TDescendant>(operation: import("@udecode/plate-core").TOperation<N_3>) => void;
-        getFragment: <N_4 extends import("@udecode/plate-core").TDescendant>() => N_4[];
-        insertFragment: <N_5 extends import("@udecode/plate-core").TDescendant>(fragment: N_5[]) => void;
-        insertNode: <N_6 extends import("@udecode/plate-core").TDescendant>(node: N_6 | N_6[]) => void;
-    } & import("@udecode/plate-core").UnknownObject & Pick<import("slate-history").HistoryEditor, "history" | "undo" | "redo"> & Pick<import("slate-react").ReactEditor, "insertData" | "insertFragmentData" | "setFragmentData" | "insertTextData" | "hasRange"> & {
-        key: any;
-        id: string;
-        plugins: import("@udecode/plate-core").WithPlatePlugin<{}, Value, import("@udecode/plate-core").PlateEditor<Value>>[];
-        pluginsByKey: Record<string, import("@udecode/plate-core").WithPlatePlugin<{}, Value, import("@udecode/plate-core").PlateEditor<Value>>>;
-        prevSelection: import("slate").BaseRange | null;
-        currentKeyboardEvent: import("react").KeyboardEvent<Element> | null;
-    };
-    normalize: () => void;
-};
+/// <reference types="react" />
+import { FieldExtensionSDK } from '@contentful/app-sdk';
+import { PlateEditor, PlatePlugin, Value } from '../internal/types';
+import { RichTextTrackingActionHandler } from '../plugins/Tracking';
+export declare const createTestEditor: (options: {
+    input?: any;
+    sdk?: FieldExtensionSDK;
+    trackingHandler?: RichTextTrackingActionHandler;
+    plugins?: PlatePlugin[];
+}) => {
+    editor: PlateEditor & Omit<import("slate").BaseEditor, "children" | "operations" | "marks" | "isInline" | "isVoid" | "normalizeNode" | "apply" | "getFragment" | "insertFragment" | "insertNode"> & {
+        children: Value;
+        operations: import("@udecode/plate-core").TOperation<import("@udecode/plate-core").TDescendant>[];
+        marks: Record<string, any> | null;
+        isInline: <N extends import("@udecode/plate-core").TElement>(element: N) => boolean;
+        isVoid: <N_1 extends import("@udecode/plate-core").TElement>(element: N_1) => boolean;
+        normalizeNode: <N_2 extends import("@udecode/plate-core").TNode>(entry: import("@udecode/plate-core").TNodeEntry<N_2>) => void;
+        apply: <N_3 extends import("@udecode/plate-core").TDescendant>(operation: import("@udecode/plate-core").TOperation<N_3>) => void;
+        getFragment: <N_4 extends import("@udecode/plate-core").TDescendant>() => N_4[];
+        insertFragment: <N_5 extends import("@udecode/plate-core").TDescendant>(fragment: N_5[]) => void;
+        insertNode: <N_6 extends import("@udecode/plate-core").TDescendant>(node: N_6 | N_6[]) => void;
+    } & import("@udecode/plate-core").UnknownObject & Pick<import("slate-history").HistoryEditor, "history" | "undo" | "redo"> & Pick<import("slate-react").ReactEditor, "insertData" | "insertFragmentData" | "setFragmentData" | "insertTextData" | "hasRange"> & {
+        key: any;
+        id: string;
+        plugins: import("@udecode/plate-core").WithPlatePlugin<{}, Value, import("@udecode/plate-core").PlateEditor<Value>>[];
+        pluginsByKey: Record<string, import("@udecode/plate-core").WithPlatePlugin<{}, Value, import("@udecode/plate-core").PlateEditor<Value>>>;
+        prevSelection: import("slate").BaseRange | null;
+        currentKeyboardEvent: import("react").KeyboardEvent<Element> | null;
+    };
+    normalize: () => void;
+};

package/dist/{test-utils → types/test-utils}/index.d.ts

@@ -1,4 +1,4 @@
-export * from './jsx';
-export * from './createEditor';
-export * from './mockPlugin';
-export * from './assertOutput';
+export * from './jsx';
+export * from './createEditor';
+export * from './mockPlugin';
+export * from './assertOutput';

package/dist/{test-utils → types/test-utils}/jsx.d.ts

@@ -1,28 +1,28 @@
-/**
- * Mapping for JSX => Slate Node types
- *
- * Add items as needed. Don't forget to adjust hyperscript.d.ts
- */
-export declare const jsx: <S extends "text" | "anchor" | "editor" | "focus" | "cursor" | "element" | "selection" | "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: {
-        [key: string]: any;
-    }, children: any[]) => import("slate").BaseEditor;
-    element: typeof import("slate-hyperscript/dist/creators").createElement;
-    focus: typeof import("slate-hyperscript/dist/creators").createFocus;
-    fragment: typeof import("slate-hyperscript/dist/creators").createFragment;
-    selection: typeof import("slate-hyperscript/dist/creators").createSelection;
-    text: typeof import("slate-hyperscript/dist/creators").createText;
-} | {
-    anchor: typeof import("slate-hyperscript/dist/creators").createAnchor;
-    cursor: typeof import("slate-hyperscript/dist/creators").createCursor;
-    editor: (tagName: string, attributes: {
-        [key: string]: any;
-    }, children: any[]) => import("slate").BaseEditor;
-    element: typeof import("slate-hyperscript/dist/creators").createElement;
-    focus: typeof import("slate-hyperscript/dist/creators").createFocus;
-    fragment: typeof import("slate-hyperscript/dist/creators").createFragment;
-    selection: typeof import("slate-hyperscript/dist/creators").createSelection;
-    text: typeof import("slate-hyperscript/dist/creators").createText;
-})[S]>;
+/**
+ * Mapping for JSX => Slate Node types
+ *
+ * Add items as needed. Don't forget to adjust hyperscript.d.ts
+ */
+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: {
+        [key: string]: any;
+    }, children: any[]) => import("slate").BaseEditor;
+    element: typeof import("slate-hyperscript/dist/creators").createElement;
+    focus: typeof import("slate-hyperscript/dist/creators").createFocus;
+    fragment: typeof import("slate-hyperscript/dist/creators").createFragment;
+    selection: typeof import("slate-hyperscript/dist/creators").createSelection;
+    text: typeof import("slate-hyperscript/dist/creators").createText;
+} | {
+    anchor: typeof import("slate-hyperscript/dist/creators").createAnchor;
+    cursor: typeof import("slate-hyperscript/dist/creators").createCursor;
+    editor: (tagName: string, attributes: {
+        [key: string]: any;
+    }, children: any[]) => import("slate").BaseEditor;
+    element: typeof import("slate-hyperscript/dist/creators").createElement;
+    focus: typeof import("slate-hyperscript/dist/creators").createFocus;
+    fragment: typeof import("slate-hyperscript/dist/creators").createFragment;
+    selection: typeof import("slate-hyperscript/dist/creators").createSelection;
+    text: typeof import("slate-hyperscript/dist/creators").createText;
+})[S]>;

package/dist/{test-utils → types/test-utils}/mockPlugin.d.ts

@@ -1,2 +1,2 @@
-import { PlatePlugin } from '../internal/types';
-export declare const mockPlugin: (p: Partial<PlatePlugin>) => any;
+import { PlatePlugin } from '../internal/types';
+export declare const mockPlugin: (p: Partial<PlatePlugin>) => any;

package/dist/{test-utils → types/test-utils}/randomId.d.ts

@@ -1,4 +1,4 @@
-/**
- * Used to guarantee a unique editor and plugin keys for tests.
- */
-export declare const randomId: (prefix?: string) => string;
+/**
+ * Used to guarantee a unique editor and plugin keys for tests.
+ */
+export declare const randomId: (prefix?: string) => string;

package/dist/{test-utils → types/test-utils}/setEmptyDataAttribute.d.ts

@@ -1,6 +1,6 @@
-import { PlateEditor } from '../internal/types';
-/**
- * Sets empty node.data attributes. Helpful when testing against
- * output generated by a 3rd-party library e.g. Plate.
- */
-export declare const setEmptyDataAttribute: (root: PlateEditor) => void;
+import { PlateEditor } from '../internal/types';
+/**
+ * Sets empty node.data attributes. Helpful when testing against
+ * output generated by a 3rd-party library e.g. Plate.
+ */
+export declare const setEmptyDataAttribute: (root: PlateEditor) => void;

package/dist/{test-utils → types/test-utils}/validation.d.ts

@@ -1 +1 @@
-export declare function validateRichTextDocument(document: any): never[];
+export declare function validateRichTextDocument(document: any): never[];

package/dist/{useOnValueChanged.d.ts → types/useOnValueChanged.d.ts}

@@ -1,8 +1,8 @@
-import { Document } from '@contentful/rich-text-types';
-export declare type OnValueChangedProps = {
-    editorId: string;
-    handler?: (value: Document) => unknown;
-    skip?: boolean;
-    onSkip?: VoidFunction;
-};
-export declare const useOnValueChanged: ({ editorId, handler, skip, onSkip }: OnValueChangedProps) => (value: unknown) => void;
+import { Document } from '@contentful/rich-text-types';
+export type OnValueChangedProps = {
+    editorId: string;
+    handler?: (value: Document) => unknown;
+    skip?: boolean;
+    onSkip?: VoidFunction;
+};
+export declare const useOnValueChanged: ({ editorId, handler, skip, onSkip }: OnValueChangedProps) => (value: unknown) => void;

package/package.json

@@ -1,10 +1,18 @@
 {
   "name": "@contentful/field-editor-rich-text",
-  "version": "3.4.22",
+  "version": "3.6.0",
   "source": "./src/index.tsx",
-  "main": "./dist/index.js",
-  "module": "dist/field-editor-rich-text.esm.js",
-  "typings": "dist/index.d.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/cjs/index.js"
+    },
+    "./package.json": "./package.json"
+  },
   "files": [
     "dist"
   ],
@@ -15,25 +23,31 @@
     "url": "https://github.com/contentful/field-editors"
   },
   "scripts": {
-    "watch": "tsdx watch",
-    "build": "tsdx build",
-    "test": "tsdx test --env=jsdom --watch",
-    "test:ci": "tsdx test --env=jsdom --ci --passWithNoTests",
+    "watch": "yarn concurrently \"yarn:watch:*\"",
+    "watch:cjs": "yarn build:cjs -w",
+    "watch:esm": "yarn build:esm -w",
+    "watch:types": "yarn build:types --watch",
+    "build": "yarn build:types && yarn build:cjs && yarn build:esm",
+    "build:types": "tsc --outDir dist/types --emitDeclarationOnly",
+    "build:cjs": "swc src --config-file ../../.swcrc -d dist/cjs -C module.type=commonjs",
+    "build:esm": "swc src --config-file ../../.swcrc -d dist/esm",
+    "test": "jest --watch",
+    "test:ci": "jest --ci --passWithNoTests",
     "tsc": "tsc -p ./ --noEmit",
     "lint": "eslint ./src --ext .js,.jsx,.ts,.tsx",
     "prepublishOnly": "yarn build"
   },
   "dependencies": {
     "@contentful/app-sdk": "^4.6.0",
-    "@contentful/contentful-slatejs-adapter": "^15.13.1",
+    "@contentful/contentful-slatejs-adapter": "^15.16.5",
     "@contentful/f36-components": "^4.20.6",
     "@contentful/f36-icons": "^4.1.1",
     "@contentful/f36-tokens": "^4.0.0",
     "@contentful/f36-utils": "^4.19.0",
-    "@contentful/field-editor-reference": "^5.9.0",
-    "@contentful/field-editor-shared": "^1.2.0",
-    "@contentful/rich-text-plain-text-renderer": "^15.12.1",
-    "@contentful/rich-text-types": "15.14.1",
+    "@contentful/field-editor-reference": "^5.11.0",
+    "@contentful/field-editor-shared": "^1.3.0",
+    "@contentful/rich-text-plain-text-renderer": "^16.0.4",
+    "@contentful/rich-text-types": "16.1.0",
     "@popperjs/core": "^2.11.5",
     "@udecode/plate-basic-marks": "16.8.0",
     "@udecode/plate-break": "16.8.0",
@@ -60,19 +74,11 @@
     "react-dom": ">=16.14.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.9.6",
-    "@babel/plugin-proposal-class-properties": "^7.8.3",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.8.3",
-    "@babel/plugin-proposal-optional-chaining": "^7.9.0",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.9.6",
-    "@babel/preset-env": "7.12.11",
-    "@babel/preset-react": "7.13.13",
-    "@contentful/field-editor-test-utils": "^1.3.0",
-    "@contentful/rich-text-react-renderer": "^15.11.0",
+    "@contentful/field-editor-test-utils": "^1.4.0",
+    "@contentful/rich-text-react-renderer": "^15.16.4",
     "@types/is-hotkey": "^0.1.6",
     "@udecode/plate-test-utils": "^3.2.0",
     "react": ">=16.14.0"
   },
-  "gitHead": "5315decb241538854fb81f9906c50d0b452066e8"
+  "gitHead": "8d9a4c6609496a27db64f964bdc388a552eae59b"
 }

package/dist/Toolbar/index.d.ts

@@ -1,5 +0,0 @@
-declare type ToolbarProps = {
-    isDisabled?: boolean;
-};
-declare const Toolbar: ({ isDisabled }: ToolbarProps) => JSX.Element;
-export default Toolbar;