@prismicio/editor-fields 0.4.11 → 0.4.14

package/dist/fields/NumberField.d.ts

@@ -1,7 +1,7 @@
 import type { NumberContent } from "@prismicio/types-internal/lib/content";
 import type { Number as NumberT } from "@prismicio/types-internal/lib/customtypes";
 import type { FC } from "react";
-declare type NumberFieldProps = Readonly<{
+type NumberFieldProps = Readonly<{
     content: NumberContent | undefined;
     field: NumberT;
     id: string;

package/dist/fields/RichTextField/BubbleMenu/BubbleMenu.d.ts

@@ -3,6 +3,6 @@ interface BubbleMenuProps {
     editor: Editor;
     nodeTypes: string[];
 }
-export declare type Modal = "webLink" | "documentLink" | undefined;
+export type Modal = "webLink" | "documentLink" | "mediaLink" | undefined;
 export declare function BubbleMenu(props: BubbleMenuProps): JSX.Element;
 export {};

package/dist/fields/RichTextField/BubbleMenu/Link/LinkPopover.d.ts

@@ -3,6 +3,7 @@ interface LinkPopoverProps {
     editor: Editor;
     onEditWebLink: () => void;
     onEditDocumentLink: () => void;
+    onEditMediaLink: () => void;
 }
 export declare function LinkPopover(props: LinkPopoverProps): JSX.Element | null;
 interface DocumentLinkPopoverProps {

package/dist/fields/RichTextField/BubbleMenu/Link/SetMediaLinkModal.d.ts

@@ -0,0 +1,8 @@
+import type { Editor } from "@tiptap/core";
+interface SetMediaLinkModalProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    editor: Editor;
+}
+export declare function SetMediaLinkModal(props: SetMediaLinkModalProps): JSX.Element;
+export {};

package/dist/fields/RichTextField/coreExtensions/ListItem.d.ts

@@ -3,7 +3,7 @@ declare const _default: {
     component: import("@tiptap/core").Node<import("@tiptap/extension-list-item").ListItemOptions, any>;
     converter: {
         fromPrismic(schema: Schema<any, any>): (list: {
-            type: "em" | "embed" | "strong" | "image" | "list-item" | "paragraph" | "o-list-item" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "preformatted" | "hyperlink" | "rtl";
+            type: "em" | "embed" | "strong" | "image" | "paragraph" | "list-item" | "o-list-item" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "preformatted" | "hyperlink" | "rtl";
             content: {
                 text: string;
             } & {
@@ -66,7 +66,7 @@ declare const _default: {
             direction?: string | undefined;
         }) => ProsemirrorNode | undefined;
         toPrismic(node: ProsemirrorNode, nodeType: "list-item" | "o-list-item"): readonly ({
-            type: "em" | "embed" | "strong" | "image" | "list-item" | "paragraph" | "o-list-item" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "preformatted" | "hyperlink" | "rtl";
+            type: "em" | "embed" | "strong" | "image" | "paragraph" | "list-item" | "o-list-item" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "preformatted" | "hyperlink" | "rtl";
             content: {
                 text: string;
             } & {

package/dist/fields/RichTextField/coreExtensions/Placeholder.d.ts

@@ -1,4 +1,4 @@
-import { type ExtensionPlaceholder, NodeExtension } from "../models";
+import { type ExtensionPlaceholder, type NodeExtension } from "../models";
 interface PlaceholderParams {
     placeholderByNodeType: Record<string, ExtensionPlaceholder>;
     unfocusedPlaceholder: string | undefined;

package/dist/fields/RichTextField/coreExtensions/index.d.ts

@@ -1,9 +1,10 @@
 import { type RichText } from "@prismicio/types-internal/lib/customtypes";
-import type { Node } from "@tiptap/core";
 import { type NodeExtension } from "../models";
 import { default as Document } from "./Document";
 import { default as HardBreak } from "./HardBreak";
 import { default as ListItem } from "./ListItem";
 import { default as Text } from "./Text";
-export declare function CoreComponents(field: RichText, nodeExtensions: readonly NodeExtension[]): readonly Node[];
+export declare function CoreComponents(field: RichText, nodeExtensions: NodeExtension[]): NonNullable<import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<import("@tiptap/extension-placeholder").PlaceholderOptions, any> | import("@tiptap/core").Extension<Readonly<{
+    nodeTypes: readonly string[];
+}>, any> | undefined>[];
 export { Document, HardBreak, ListItem, Text };

package/dist/fields/RichTextField/extensions/Embed/EmbedView.d.ts

@@ -1,6 +1,6 @@
 import type { EmbedContent } from "@prismicio/types-internal/lib/content";
 import type { Node as ProseMirrorNode } from "@tiptap/pm/model";
-import { NodeViewProps } from "@tiptap/react";
+import { type NodeViewProps } from "@tiptap/react";
 interface EmbedNode extends ProseMirrorNode {
     attrs: {
         content: EmbedContent | undefined;

package/dist/fields/RichTextField/extensions/Embed/useEmbedView.d.ts

@@ -1,5 +1,5 @@
 import type { EmbedContent } from "@prismicio/types-internal/lib/content";
-import { KeyboardEvent, RefObject } from "react";
+import { type KeyboardEvent, type RefObject } from "react";
 import type { EmbedViewProps } from "./EmbedView";
 export declare function useEmbedView(props: EmbedViewProps, inputRef: RefObject<HTMLInputElement>, containerRef: RefObject<HTMLDivElement>): {
     inputRef: RefObject<HTMLInputElement>;
@@ -9,4 +9,23 @@ export declare function useEmbedView(props: EmbedViewProps, inputRef: RefObject<
     urlChanged: (newUrl: string) => void;
     onContentChange: (content?: EmbedContent) => void;
     debouncedUrl: string;
+    content: ({
+        embed_url: string;
+        type: string;
+    } & {
+        version?: string | number | null | undefined;
+        title?: string | null | undefined;
+        author_name?: string | null | undefined;
+        author_url?: string | null | undefined;
+        provider_name?: string | null | undefined;
+        provider_url?: string | null | undefined;
+        cache_age?: string | number | null | undefined;
+        thumbnail_url?: string | null | undefined;
+        thumbnail_width?: number | null | undefined;
+        thumbnail_height?: number | null | undefined;
+        html?: string | null | undefined;
+    } & {
+        __TYPE__: "EmbedContent";
+        all: unknown;
+    }) | undefined;
 };

package/dist/fields/RichTextField/extensions/Heading/Heading.d.ts

@@ -1,9 +1,8 @@
 import { RichTextNodeType } from "@prismicio/types-internal/lib/customtypes";
 import { type Level as TTLevel } from "@tiptap/extension-heading";
-import { type ReadonlyNonEmptyArray } from "fp-ts/ReadonlyNonEmptyArray";
 import type { Node as ProsemirrorNode } from "prosemirror-model";
 import { HeadingTextExtension } from "../../models";
-export declare type Level = TTLevel;
+export type Level = TTLevel;
 interface HeadingName {
     fullName: RichTextNodeType;
     level: Level;
@@ -11,8 +10,8 @@ interface HeadingName {
 export declare const HeadingName: {
     byLevel(level: Level): RichTextNodeType;
     default(level: Level): HeadingName;
-    fromPrismic(headingName: string, levels?: ReadonlyNonEmptyArray<Level>): HeadingName | undefined;
-    fromProsemirror(nodeAttributes: ProsemirrorNode["attrs"], levels: ReadonlyNonEmptyArray<Level>): HeadingName | undefined;
+    fromPrismic(headingName: string, levels?: Level[]): HeadingName | undefined;
+    fromProsemirror(nodeAttributes: ProsemirrorNode["attrs"], levels: Level[]): HeadingName | undefined;
 };
 declare const _default: {
     name: string;

package/dist/fields/RichTextField/extensions/Image/ImageView.d.ts

@@ -1,6 +1,6 @@
 import type { ImageContent } from "@prismicio/types-internal/lib/content";
 import type { Node as ProseMirrorNode } from "@tiptap/pm/model";
-import { NodeViewProps } from "@tiptap/react";
+import { type NodeViewProps } from "@tiptap/react";
 interface ImageNode extends ProseMirrorNode {
     attrs: {
         content: ImageContent | undefined;

package/dist/fields/RichTextField/extensions/Image/useImageView.d.ts

@@ -1,6 +1,6 @@
 import type { ImageContent } from "@prismicio/types-internal/lib/content";
 import type { CroppedImages } from "../../../ImageField/CropperDialog";
-import { ExternalImage } from "../../../ImageField/MediaPicker/externalImage";
+import type { MediaAssetOrExternalImage } from "../../../ImageField/MediaPicker/MediaLibrary/mediaLibraryData";
 import type { ImageViewProps } from "./ImageView";
 interface useImageViewProps {
     content: ImageContent | undefined;
@@ -12,7 +12,7 @@ interface useImageViewProps {
     imageViewProps: ImageViewProps;
 }
 export declare function useImageView(props: useImageViewProps): {
-    onMediaSelected: (media: ExternalImage) => void;
+    onMediaSelected: (media: MediaAssetOrExternalImage) => void;
     onCropperDialogClose: ({ croppedImages }: {
         croppedImages: CroppedImages;
     }) => void;

package/dist/fields/RichTextField/extensions/Link/Link.d.ts

@@ -1,4 +1,5 @@
-import { LinkExtension } from "./LinkModel";
+import type { MediaAssetOrExternalImage } from "../../../ImageField/MediaPicker/MediaLibrary/mediaLibraryData";
+import { type FileLinkData, type ImageLinkData, type LinkElementData, LinkExtension } from "./LinkModel";
 export interface LinkProtocolOptions {
     scheme: string;
     optionalSlashes?: boolean;
@@ -22,8 +23,13 @@ declare module "@tiptap/core" {
             setDocumentLink: (attributes: {
                 id: string;
             }) => ReturnType;
+            setMediaLink: (attributes: {
+                media: MediaAssetOrExternalImage;
+            }) => ReturnType;
             unsetLink: () => ReturnType;
         };
     }
 }
 export declare const Link: LinkExtension;
+export declare function stringifyMediaLinkData(media: ImageLinkData | FileLinkData): string;
+export declare function parseMediaLinkData(media: string): LinkElementData;

package/dist/fields/RichTextField/extensions/Link/LinkModel.d.ts

@@ -21,8 +21,8 @@ export interface LinkElement {
     end: number;
     data: LinkElementData;
 }
-export declare type LinkElementData = ImageLinkData | FileLinkData | DocumentLinkData | ExternalLinkData;
-interface ImageLinkData {
+export type LinkElementData = ImageLinkData | FileLinkData | DocumentLinkData | ExternalLinkData;
+export interface ImageLinkData {
     __TYPE__: "ImageLink";
     id: string;
     url: string;
@@ -33,7 +33,7 @@ interface ImageLinkData {
     kind: string;
     date?: string | null | undefined;
 }
-interface FileLinkData {
+export interface FileLinkData {
     __TYPE__: "FileLink";
     id: string;
     url: string;

package/dist/fields/RichTextField/models/EditorExtension.d.ts

@@ -1,8 +1,6 @@
 import type { EmbedBlock, ImageBlock, RichTextContent, TextBlock } from "@prismicio/types-internal/lib/content";
 import type { RichTextNodeType } from "@prismicio/types-internal/lib/customtypes";
 import type { Node } from "@tiptap/core";
-import type { NonEmptyArray } from "fp-ts/NonEmptyArray";
-import type { ReadonlyNonEmptyArray } from "fp-ts/ReadonlyNonEmptyArray";
 import type { Node as ProsemirrorNode, Schema } from "prosemirror-model";
 import type { BoldExtension } from "../extensions/Bold/BoldModel";
 import type { Level } from "../extensions/Heading/Heading";
@@ -18,9 +16,9 @@ export declare enum NodeType {
     Embed = "embed",
     Image = "image"
 }
-export declare type Extension = WidgetExtension | DocumentExtension;
-export declare type WidgetExtension = MarkExtension | NodeExtension;
-export declare type ExtensionPlaceholder = string | ((nodeAttrs: ProsemirrorNode["attrs"]) => string | undefined) | undefined;
+export type Extension = WidgetExtension | DocumentExtension;
+export type WidgetExtension = MarkExtension | NodeExtension;
+export type ExtensionPlaceholder = string | ((nodeAttrs: ProsemirrorNode["attrs"]) => string | undefined) | undefined;
 export declare class DocumentExtension {
     readonly name: string;
     readonly component: (multiLines: boolean) => Node;
@@ -34,10 +32,10 @@ export declare class DocumentExtension {
         toPrismic(elmt: ProsemirrorNode): RichTextContent | undefined;
     });
 }
-export declare type MarkExtension = LinkExtension | BoldExtension | ItalicExtension;
-export declare type NodeExtension = TextExtension | EmbedExtension | ImageExtension;
+export type MarkExtension = LinkExtension | BoldExtension | ItalicExtension;
+export type NodeExtension = TextExtension | EmbedExtension | ImageExtension;
 export declare class TextExtension {
-    readonly richTextNodeTypes: ReadonlyNonEmptyArray<RichTextNodeType>;
+    readonly richTextNodeTypes: RichTextNodeType[];
     readonly name: string;
     readonly component: Node;
     readonly converter: {
@@ -48,14 +46,14 @@ export declare class TextExtension {
     readonly lockedFormat: boolean;
     extType: ExtensionType.Node;
     nodeType: NodeType.Text;
-    constructor(richTextNodeTypes: ReadonlyNonEmptyArray<RichTextNodeType>, name: string, component: Node, converter: {
+    constructor(richTextNodeTypes: RichTextNodeType[], name: string, component: Node, converter: {
         fromPrismic(schema: Schema): (elmt: TextBlock) => ProsemirrorNode | undefined;
         toPrismic(elmt: ProsemirrorNode): TextBlock | readonly TextBlock[] | undefined;
     }, placeholder?: ExtensionPlaceholder, lockedFormat?: boolean);
 }
 export declare function isTextExtension(extension: WidgetExtension): extension is TextExtension;
 export declare class EmbedExtension {
-    readonly richTextNodeTypes: NonEmptyArray<RichTextNodeType>;
+    readonly richTextNodeTypes: RichTextNodeType[];
     readonly name: string;
     readonly component: Node;
     readonly converter: {
@@ -64,13 +62,13 @@ export declare class EmbedExtension {
     };
     extType: ExtensionType;
     nodeType: NodeType.Embed;
-    constructor(richTextNodeTypes: NonEmptyArray<RichTextNodeType>, name: string, component: Node, converter: {
+    constructor(richTextNodeTypes: RichTextNodeType[], name: string, component: Node, converter: {
         fromPrismic(schema: Schema): (elmt: EmbedBlock) => ProsemirrorNode | undefined;
         toPrismic(elmt: ProsemirrorNode): EmbedBlock | undefined;
     });
 }
 export declare class ImageExtension {
-    readonly richTextNodeTypes: NonEmptyArray<RichTextNodeType>;
+    readonly richTextNodeTypes: RichTextNodeType[];
     readonly name: string;
     readonly component: Node;
     readonly converter: {
@@ -79,20 +77,20 @@ export declare class ImageExtension {
     };
     extType: ExtensionType.Node;
     nodeType: NodeType.Image;
-    constructor(richTextNodeTypes: NonEmptyArray<RichTextNodeType>, name: string, component: Node, converter: {
+    constructor(richTextNodeTypes: RichTextNodeType[], name: string, component: Node, converter: {
         fromPrismic(schema: Schema): (elmt: ImageBlock) => ProsemirrorNode | undefined;
         toPrismic(elmt: ProsemirrorNode): ImageBlock | undefined;
     });
 }
 export declare class HeadingTextExtension extends TextExtension {
     readonly levels: readonly Level[];
-    constructor(richTextNodeTypes: ReadonlyNonEmptyArray<RichTextNodeType>, Component: Node, levels: readonly Level[], Converter: {
+    constructor(richTextNodeTypes: RichTextNodeType[], Component: Node, levels: readonly Level[], Converter: {
         fromPrismic(schema: Schema): (elmt: TextBlock) => ProsemirrorNode | undefined;
         toPrismic(elmt: ProsemirrorNode): TextBlock | undefined;
     }, placeholder?: ExtensionPlaceholder);
 }
 export declare class ListExtension extends TextExtension {
-    constructor(richTextNodeTypes: NonEmptyArray<RichTextNodeType>, name: string, Component: Node, Converter: {
+    constructor(richTextNodeTypes: RichTextNodeType[], name: string, Component: Node, Converter: {
         fromPrismic(schema: Schema): (elmt: TextBlock) => ProsemirrorNode | undefined;
         toPrismic(elmt: ProsemirrorNode): readonly TextBlock[];
     });

package/dist/fields/RichTextField/models/MenuItems.d.ts

@@ -1,7 +1,7 @@
 import type { IconName } from "@prismicio/editor-ui";
 import { RichTextNodeType } from "@prismicio/types-internal/lib/customtypes";
 import type { ChainedCommands, Editor, Range } from "@tiptap/core";
-export declare type MenuItem = Readonly<{
+export type MenuItem = Readonly<{
     nodeType: RichTextNodeType;
     icon: IconName;
     isActive: (editor: Editor) => boolean;
@@ -13,7 +13,7 @@ export declare type MenuItem = Readonly<{
     shortText?: undefined;
     text?: undefined;
 })>;
-declare type RunCommandsOptions = Readonly<{
+type RunCommandsOptions = Readonly<{
     can?: boolean;
     deleteRange?: Range;
 }>;

package/dist/fields/RichTextField/models/RichTextConfig.d.ts

@@ -7,7 +7,7 @@ export declare function composeExtensions(config?: RichTextConfig): {
 } | {
     extensions: WidgetExtension[];
     defaultTextConverter: (schema: Schema<any, any>) => (block: {
-        type: "em" | "embed" | "strong" | "image" | "list-item" | "paragraph" | "o-list-item" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "preformatted" | "hyperlink" | "rtl";
+        type: "em" | "embed" | "strong" | "image" | "paragraph" | "list-item" | "o-list-item" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "preformatted" | "hyperlink" | "rtl";
         content: {
             text: string;
         } & {

package/dist/fields/RichTextField/useEditor.d.ts

@@ -1,4 +1,9 @@
 import type { EditorOptions } from "@tiptap/core";
 import { Editor } from "@tiptap/react";
-import { DependencyList } from "react";
+import { type DependencyList } from "react";
 export declare function useEditor(options?: Partial<EditorOptions>, deps?: DependencyList): Editor | undefined;
+/**
+ * setTimeout is required to combat tiptap flushsync issue
+ * https://github.com/ueberdosis/tiptap/issues/3764
+ */
+export declare function handleEditorFlushSyncError(callback: VoidFunction): number;

package/dist/fields/UIDField/UIDField.d.ts

@@ -1,10 +1,10 @@
 import type { UIDContent } from "@prismicio/types-internal/lib/content";
 import type { UID as UIDType } from "@prismicio/types-internal/lib/customtypes";
-declare type Props = Readonly<{
+interface UIDFieldProps {
     id: string;
     content?: UIDContent;
     field: UIDType;
     onContentChange: (content?: UIDContent) => void;
-}>;
-export declare const UIDField: ({ id, field, content, onContentChange }: Props) => JSX.Element;
+}
+export declare function UIDField(props: UIDFieldProps): JSX.Element;
 export {};

package/dist/fields/utils.d.ts

@@ -1,6 +1,6 @@
 import type { BooleanField, GeoPoint, NestableWidget, Separator, UID } from "@prismicio/types-internal/lib/customtypes";
-declare type Widgets = NestableWidget | UID;
-declare type Field = Exclude<Widgets, Separator | GeoPoint>;
+type Widgets = NestableWidget | UID;
+type Field = Exclude<Widgets, Separator | GeoPoint>;
 export declare function getFieldLabel(field: Widgets): string;
 export declare const DEFAULT_PLACEHOLDER = "...";
 export declare function getFieldPlaceholder(field: Exclude<Field, BooleanField>): string;

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export { DocumentEditor } from "./DocumentEditor";
 export { type EditorConfig, suppressConfigErrors, throwConfigError } from "./EditorConfig";
-export type { Selection } from "./Selection";
+export { getSelectionDOMId, type Selection, type SelectionArea, SelectionContext, useSelection } from "./Selection";
+export { defaultImageContentWidget } from "./slices/defaults";
 export { SharedSliceEditor } from "./slices/SharedSliceEditor";
+export { UIDContext } from "./UID";