@prismicio/editor-fields 0.4.2 → 0.4.5

package/dist/fields/LinkField/LinkFieldActions.d.ts

@@ -1,7 +1,10 @@
-import type { FC } from "react";
+export declare type FieldSelectTypes = "web" | "document" | "media";
 interface Props {
     hasLink: boolean;
     onUnlink: () => void;
+    selectedType?: FieldSelectTypes;
+    selectEnabled: boolean;
+    onValueChange: (newValue: FieldSelectTypes) => void;
 }
-export declare const LinkFieldActions: FC<Props>;
+export declare function LinkFieldActions(props: Props): JSX.Element;
 export {};

package/dist/fields/LinkField/index.d.ts

@@ -1,12 +1,2 @@
-import type { LinkContent } from "@prismicio/types-internal/lib/content";
-import type { Link } from "@prismicio/types-internal/lib/customtypes";
-import { FC } from "react";
-declare type LinkFieldProps = Readonly<{
-    content: LinkContent | undefined;
-    field: Link;
-    id: string;
-    readOnly: boolean;
-    onContentChange: (content: LinkContent | undefined) => void;
-}>;
-export declare const LinkField: FC<LinkFieldProps>;
-export {};
+export { LinkField } from "./LinkField";
+export { LinkFieldActions } from "./LinkFieldActions";

package/dist/fields/LinkField/useLinkField.d.ts

@@ -0,0 +1,37 @@
+import type { ErrorBoundary } from "@prismicio/editor-ui";
+import type { LinkContent } from "@prismicio/types-internal/lib/content";
+import type { Link } from "@prismicio/types-internal/lib/customtypes";
+import { TypeOf } from "zod";
+import { Env } from "../../EditorConfig";
+import type { FieldSelectTypes } from "./LinkFieldActions";
+export declare function useLinkField(params: {
+    field: Link;
+    content: LinkContent | undefined;
+    onContentChange: (content: LinkContent | undefined) => void;
+}): {
+    contentType: "ImageLink" | "FileLink" | "DocumentLink" | "ExternalLink" | undefined;
+    selectType: "document" | "media" | "web" | undefined;
+    isUnsupportedField: boolean | undefined;
+    fieldValue: string;
+    onValueChange: (value: string) => void;
+    onTypeChange: (newValue: FieldSelectTypes) => void;
+    placeholder: string;
+    isTypeSelectEnabled: boolean;
+    onDocumentSelected: (documentId: string) => void;
+    onError: () => void;
+    errorBoundaryRef: import("react").RefObject<ErrorBoundary>;
+};
+export declare function useDocumentTitle(id: string): string;
+declare const documentMeta: import("zod").ZodObject<{
+    id: import("zod").ZodString;
+    title: import("zod").ZodString;
+}, "strip", import("zod").ZodTypeAny, {
+    id: string;
+    title: string;
+}, {
+    id: string;
+    title: string;
+}>;
+export declare type DocumentMeta = TypeOf<typeof documentMeta>;
+export declare function getDocumentTitleRequest(baseUrl: string | undefined, env: Env, id: string): Promise<DocumentMeta>;
+export {};

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

@@ -1,12 +1,12 @@
 import type { RichTextContent } from "@prismicio/types-internal/lib/content";
 import type { RichText } from "@prismicio/types-internal/lib/customtypes";
 import { type FC } from "react";
-declare type RichTextFieldProps = Readonly<{
+interface RichTextFieldProps {
     content: RichTextContent | undefined;
     field: RichText;
     id: string;
     onContentChange: (content: RichTextContent | undefined) => void;
     readOnly: boolean;
-}>;
+}
 export declare const RichTextField: FC<RichTextFieldProps>;
 export {};

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

@@ -4,7 +4,7 @@ declare const _default: {
     component: import("@tiptap/core").Node<import("@tiptap/extension-list-item").ListItemOptions, any>;
     converter: {
         fromPrismic(schema: Schema<any, any>): (list: {
-            type: "image" | "em" | "embed" | "strong" | "paragraph" | "list-item" | "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;
             } & {
@@ -13,7 +13,7 @@ declare const _default: {
                 } & {
                     start: number;
                     end: number;
-                    type: "image" | "em" | "embed" | "label" | "strong" | "paragraph" | "list-item" | "o-list-item" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "preformatted" | "hyperlink" | "rtl";
+                    type: "label" | "em" | "embed" | "strong" | "image" | "paragraph" | "list-item" | "o-list-item" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "preformatted" | "hyperlink" | "rtl";
                 })[] | undefined;
             };
         } & {
@@ -21,7 +21,7 @@ declare const _default: {
             direction?: string | undefined;
         }) => ProsemirrorNode | undefined;
         toPrismic(node: ProsemirrorNode, nodeType: "list-item" | "o-list-item"): readonly ({
-            type: "image" | "em" | "embed" | "strong" | "paragraph" | "list-item" | "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;
             } & {
@@ -30,7 +30,7 @@ declare const _default: {
                 } & {
                     start: number;
                     end: number;
-                    type: "image" | "em" | "embed" | "label" | "strong" | "paragraph" | "list-item" | "o-list-item" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "preformatted" | "hyperlink" | "rtl";
+                    type: "label" | "em" | "embed" | "strong" | "image" | "paragraph" | "list-item" | "o-list-item" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "preformatted" | "hyperlink" | "rtl";
                 })[] | undefined;
             };
         } & {

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

@@ -1,3 +1,8 @@
-import { type ExtensionPlaceholder } from "../models";
-declare const _default: (placeholderByNodeType: Record<string, ExtensionPlaceholder>) => import("@tiptap/core").Extension<import("@tiptap/extension-placeholder").PlaceholderOptions, any>;
+import { type ExtensionPlaceholder, NodeExtension } from "../models";
+interface PlaceholderParams {
+    placeholderByNodeType: Record<string, ExtensionPlaceholder>;
+    unfocusedPlaceholder: string | undefined;
+    nodeExtensions: readonly NodeExtension[];
+}
+declare const _default: (params: PlaceholderParams) => import("@tiptap/core").Extension<import("@tiptap/extension-placeholder").PlaceholderOptions, any>;
 export default _default;

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

@@ -0,0 +1,10 @@
+import { EmbedExtension } from "../../models";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        embed: {
+            setEmbed: () => ReturnType;
+        };
+    }
+}
+declare const _default: EmbedExtension;
+export default _default;

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

@@ -1,3 +1,13 @@
-import { type FC } from "react";
-declare const EmbedView: FC;
-export default EmbedView;
+import type { EmbedContent } from "@prismicio/types-internal/lib/content";
+import type { Node as ProseMirrorNode } from "@tiptap/pm/model";
+import { NodeViewProps } from "@tiptap/react";
+interface EmbedNode extends ProseMirrorNode {
+    attrs: {
+        content: EmbedContent | undefined;
+    };
+}
+export interface EmbedViewProps extends NodeViewProps {
+    node: EmbedNode;
+}
+export declare function EmbedView(props: EmbedViewProps): JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import type { EmbedContent } from "@prismicio/types-internal/lib/content";
+import { KeyboardEvent, RefObject } from "react";
+import type { EmbedViewProps } from "./EmbedView";
+export declare function useEmbedView(props: EmbedViewProps, inputRef: RefObject<HTMLInputElement>, containerRef: RefObject<HTMLDivElement>): {
+    inputRef: RefObject<HTMLInputElement>;
+    containerRef: RefObject<HTMLDivElement>;
+    onKeyDown: (event: KeyboardEvent<Element>) => void;
+    url: string;
+    urlChanged: (url: string) => void;
+    onContentChange: (content?: EmbedContent) => void;
+    debouncedUrl: string;
+};

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

@@ -3,7 +3,7 @@ import type { WidgetExtension } from "../models";
 import { default as Bold } from "./Bold";
 import { default as BulletList } from "./BulletList";
 import { default as CodeBlock } from "./CodeBlock";
-import { default as Embed } from "./Embed";
+import { default as Embed } from "./Embed/EmbedExtension";
 import { default as Heading } from "./Heading";
 import { default as Italic } from "./Italic";
 import { default as OrderedList } from "./OrderedList";

package/dist/fields/RichTextField/globalExtensions/TextDirection.d.ts

@@ -8,10 +8,10 @@ export declare enum Direction {
 interface TextDirectionOptions {
     supportedExtensionNames: readonly string[];
 }
-export declare const TEXT_DIRECTION_ATTR_NAME = "text-direction";
+export declare const attrName = "dir";
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        [TEXT_DIRECTION_ATTR_NAME]: {
+        [attrName]: {
             setDirection: (direction: Direction) => ReturnType;
             toggleDirection: (direction: Direction) => ReturnType;
             /**
@@ -30,7 +30,7 @@ export declare const component: Extension<TextDirectionOptions, any>;
 export declare const converter: {
     parseNodeAttrsDirection(attributes: Record<string, unknown>): Direction;
     fromPrismic(textBlock: TextBlock): {
-        [TEXT_DIRECTION_ATTR_NAME]: Direction;
+        [attrName]: Direction;
     };
     toPrismic(node: ProsemirrorNode): {
         direction: Direction;

package/dist/fields/externalLinks.d.ts

@@ -0,0 +1,2 @@
+export declare const maximumFileSizeURL = " https://prismic.io/docs/guides/manage-images#maximum-file-size";
+export declare const supportedMediaURL = " https://prismic.io/docs/guides/manage-images#supported-media";