@prismicio/editor-fields 0.4.2 → 0.4.4

package/dist/EditorConfig.d.ts

@@ -9,6 +9,7 @@ export interface EditorConfig {
         url: string;
         repository: string;
     };
+    env: "dev" | "stage" | "prod";
 }
 export declare const EditorConfigContext: import("react").Context<EditorConfig | undefined>;
 export declare function useEditorConfig(): EditorConfig;

package/dist/NestableWidgetSwitch.d.ts

@@ -1,12 +1,11 @@
 import { NestableContent } from "@prismicio/types-internal/lib/content";
 import type { NestableWidget } from "@prismicio/types-internal/lib/customtypes";
-import type { FC } from "react";
-declare type NestableWidgetSwitchProps = Readonly<{
+interface Props {
     content: NestableContent | undefined;
     id: string;
     nestableWidget: NestableWidget;
     onContentChange: (content: NestableContent | undefined) => void;
     readOnly: boolean;
-}>;
-export declare const NestableWidgetSwitch: FC<NestableWidgetSwitchProps>;
+}
+export declare function NestableWidgetSwitch(props: Props): JSX.Element | null;
 export {};

package/dist/SectionEditor.d.ts

@@ -1,14 +1,13 @@
 import { type Document } from "@prismicio/types-internal/lib/content";
 import type { StaticSection } from "@prismicio/types-internal/lib/customtypes";
-import { type FC } from "react";
 import type { Selection } from "./Selection";
-declare type SectionEditorProps = Readonly<{
+interface Props {
     id: string;
     readOnly: boolean;
     selection?: Selection;
     section: StaticSection;
     content: Document;
     onContentChange: (content: Document) => void;
-}>;
-export declare const SectionEditor: FC<SectionEditorProps>;
+}
+export declare function SectionEditor(props: Props): JSX.Element;
 export {};

package/dist/fields/EmbedField/EmbedField.d.ts

@@ -1,11 +1,11 @@
 import type { EmbedContent } from "@prismicio/types-internal/lib/content";
 import type { Embed as EmbedT } from "@prismicio/types-internal/lib/customtypes";
-declare type Props = Readonly<{
+interface Props {
     id: string;
     readOnly: boolean;
     field: EmbedT;
     content?: EmbedContent;
     onContentChange: (content?: EmbedContent) => void;
-}>;
-export declare const EmbedField: ({ id, readOnly, field, content, onContentChange }: Props) => JSX.Element;
+}
+export declare function EmbedField(props: Props): JSX.Element;
 export {};

package/dist/fields/GeoPointField.d.ts

@@ -0,0 +1,11 @@
+import type { GeoPointContent } from "@prismicio/types-internal/lib/content";
+import type { GeoPoint } from "@prismicio/types-internal/lib/customtypes";
+interface GeoPointFieldProps {
+    content: GeoPointContent | undefined;
+    field: GeoPoint;
+    id: string;
+    onContentChange: (content?: GeoPointContent) => void;
+    readOnly: boolean;
+}
+export declare function GeoPointField(props: GeoPointFieldProps): JSX.Element;
+export {};

package/dist/fields/ImageField/{CroppedDialog/index.d.ts → CropperDialog/CropperDialog.d.ts}

@@ -1,6 +1,6 @@
 import type { ImageContentView } from "@prismicio/types-internal/lib/content";
 import * as React from "react";
-import type { getImageLabel, Thumbnail } from "../imageField";
+import type { getImageLabel, Thumbnail } from "../imageFieldUtils";
 import { type CroppedImage } from "./croppedImage";
 export declare type CroppedImages = Record<string, CroppedImage>;
 interface Image {

package/dist/fields/ImageField/{CroppedDialog → CropperDialog}/croppedImage.d.ts

@@ -1,6 +1,6 @@
 import type { ImageContent, ImageContentView } from "@prismicio/types-internal/lib/content";
 import type { Image } from "@prismicio/types-internal/lib/customtypes";
-import { type Thumbnail } from "../imageField";
+import { type Thumbnail } from "../imageFieldUtils";
 export interface Point {
     x: number;
     y: number;

package/dist/fields/ImageField/CropperDialog/index.d.ts

@@ -0,0 +1 @@
+export { type CroppedImages, CropperDialog } from "./CropperDialog";

package/dist/fields/ImageField/ImageField.d.ts

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

package/dist/fields/ImageField/MediaPicker/MediaLibrary/MediaLibrary.d.ts

@@ -1,6 +1,17 @@
 import type { ExternalImage } from "../externalImage";
-interface Props {
+import type { UploadFile } from "../mediaPickerData";
+interface MediaLibraryProps {
+    assets: {
+        url: string;
+        dev: boolean;
+        repository: string;
+    };
+    uploadingFiles: UploadFile[];
+    onFilesSelected: (uploadingFiles: File[]) => void;
+    onSuccessFiles: () => void;
+    onFailedFiles: (failedFiles: UploadFile[]) => void;
+    onTryAgain: (failedFile: UploadFile) => void;
     onMediaSelected: (media: ExternalImage) => void;
 }
-export declare const MediaLibrary: (props: Props) => JSX.Element | null;
+export declare function MediaLibrary(props: MediaLibraryProps): JSX.Element;
 export {};

package/dist/fields/ImageField/MediaPicker/MediaLibrary/mediaLibraryData.d.ts

@@ -1,100 +1,124 @@
 import { TypeOf } from "zod";
-declare const mediaLibraryImage: import("zod").ZodObject<{
+export declare const mediaLibraryImageOkType: import("zod").ZodObject<{
     id: import("zod").ZodString;
     kind: import("zod").ZodString;
     extension: import("zod").ZodString;
     filename: import("zod").ZodString;
-    width: import("zod").ZodNumber;
-    height: import("zod").ZodNumber;
+    width: import("zod").ZodOptional<import("zod").ZodNumber>;
+    height: import("zod").ZodOptional<import("zod").ZodNumber>;
     last_modified: import("zod").ZodNumber;
     url: import("zod").ZodString;
 }, "strip", import("zod").ZodTypeAny, {
     id: string;
+    url: string;
     kind: string;
     extension: string;
     filename: string;
-    width: number;
-    height: number;
     last_modified: number;
-    url: string;
+    width?: number | undefined;
+    height?: number | undefined;
 }, {
     id: string;
+    url: string;
     kind: string;
     extension: string;
     filename: string;
-    width: number;
-    height: number;
     last_modified: number;
-    url: string;
+    width?: number | undefined;
+    height?: number | undefined;
 }>;
-export declare const mediaLibrarySearchAPISchema: import("zod").ZodObject<{
+export declare const mediaLibrarySearchAPISchemaOkType: import("zod").ZodObject<{
     total: import("zod").ZodNumber;
-    cursor: import("zod").ZodString;
+    cursor: import("zod").ZodOptional<import("zod").ZodString>;
     items: import("zod").ZodArray<import("zod").ZodObject<{
         id: import("zod").ZodString;
         kind: import("zod").ZodString;
         extension: import("zod").ZodString;
         filename: import("zod").ZodString;
-        width: import("zod").ZodNumber;
-        height: import("zod").ZodNumber;
+        width: import("zod").ZodOptional<import("zod").ZodNumber>;
+        height: import("zod").ZodOptional<import("zod").ZodNumber>;
         last_modified: import("zod").ZodNumber;
         url: import("zod").ZodString;
     }, "strip", import("zod").ZodTypeAny, {
         id: string;
+        url: string;
         kind: string;
         extension: string;
         filename: string;
-        width: number;
-        height: number;
         last_modified: number;
-        url: string;
+        width?: number | undefined;
+        height?: number | undefined;
     }, {
         id: string;
+        url: string;
         kind: string;
         extension: string;
         filename: string;
-        width: number;
-        height: number;
         last_modified: number;
-        url: string;
+        width?: number | undefined;
+        height?: number | undefined;
     }>, "many">;
 }, "strip", import("zod").ZodTypeAny, {
     total: number;
-    cursor: string;
     items: {
         id: string;
+        url: string;
         kind: string;
         extension: string;
         filename: string;
-        width: number;
-        height: number;
         last_modified: number;
-        url: string;
+        width?: number | undefined;
+        height?: number | undefined;
     }[];
+    cursor?: string | undefined;
 }, {
     total: number;
-    cursor: string;
     items: {
         id: string;
+        url: string;
         kind: string;
         extension: string;
         filename: string;
-        width: number;
-        height: number;
         last_modified: number;
-        url: string;
+        width?: number | undefined;
+        height?: number | undefined;
     }[];
+    cursor?: string | undefined;
 }>;
-export declare type MediaLibrarySearchApi = TypeOf<typeof mediaLibrarySearchAPISchema>;
-export declare type MediaLibraryImage = TypeOf<typeof mediaLibraryImage>;
-export declare function useMediaLibrarySearch(url: string, repository: string): {
-    id: string;
-    kind: string;
-    extension: string;
-    filename: string;
-    width: number;
-    height: number;
-    last_modified: number;
+export declare type MediaLibrarySearchApi = TypeOf<typeof mediaLibrarySearchAPISchemaOkType>;
+export declare type MediaLibraryImage = TypeOf<typeof mediaLibraryImageOkType>;
+interface MediaLibrarySearchProps {
     url: string;
-}[];
+    repository: string;
+    dev: boolean;
+}
+export declare function useMediaLibrarySearch(props: MediaLibrarySearchProps): {
+    media: {
+        id: string;
+        url: string;
+        kind: string;
+        extension: string;
+        filename: string;
+        last_modified: number;
+        width?: number | undefined;
+        height?: number | undefined;
+    }[];
+    limit: number;
+    onHasReachedBottom: () => void;
+    response: {
+        total: number;
+        items: {
+            id: string;
+            url: string;
+            kind: string;
+            extension: string;
+            filename: string;
+            last_modified: number;
+            width?: number | undefined;
+            height?: number | undefined;
+        }[];
+        cursor?: string | undefined;
+    };
+    updateMedia: (newFiles: MediaLibraryImage[]) => void;
+};
 export {};

package/dist/fields/ImageField/MediaPicker/MediaPicker.d.ts

@@ -1,8 +1,8 @@
-import { FC, ReactNode } from "react";
+import { ReactNode } from "react";
 import type { ExternalImage } from "./externalImage";
 interface MediaPickerProps {
     trigger: ReactNode;
     onMediaSelected: (media: ExternalImage) => void;
 }
-export declare const MediaPicker: FC<MediaPickerProps>;
+export declare function MediaPicker(props: MediaPickerProps): JSX.Element;
 export {};

package/dist/fields/ImageField/MediaPicker/mediaPickerData.d.ts

@@ -0,0 +1,26 @@
+import type { EditorConfig } from "../../../EditorConfig";
+import { MediaLibraryImage } from "./MediaLibrary/mediaLibraryData";
+export declare type UploadFile = UploadFileLoading | UploadFileSuccess;
+interface UploadFileLoading {
+    id: string;
+    file: File;
+    status: "failed" | "loading";
+    response?: MediaLibraryImage;
+}
+export interface UploadFileSuccess {
+    id: string;
+    file: File;
+    status: "success";
+    response: MediaLibraryImage;
+}
+interface useMediaLibraryUploadProps {
+    config: EditorConfig;
+}
+export declare function useMediaLibraryUpload(props: useMediaLibraryUploadProps): {
+    onFilesSelected: (selectedFiles: File[]) => void;
+    uploadingFiles: UploadFile[];
+    onSuccessFiles: () => void;
+    onFailedFiles: (failedFiles: UploadFile[]) => void;
+    onTryAgain: (failedFile: UploadFile) => void;
+};
+export {};

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

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

package/dist/fields/KeyTextField.d.ts

@@ -1,12 +1,11 @@
 import type { TextContent } from "@prismicio/types-internal/lib/content";
 import type { Text } from "@prismicio/types-internal/lib/customtypes";
-import type { FC } from "react";
-declare type KeyTextFieldProps = Readonly<{
+interface Props {
     content: TextContent | undefined;
     field: Text;
     id: string;
     onContentChange: (content: TextContent | undefined) => void;
     readOnly: boolean;
-}>;
-export declare const KeyTextField: FC<KeyTextFieldProps>;
+}
+export declare function KeyTextField(props: Props): JSX.Element;
 export {};

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

@@ -0,0 +1,11 @@
+import type { LinkContent } from "@prismicio/types-internal/lib/content";
+import type { Link } from "@prismicio/types-internal/lib/customtypes";
+interface LinkFieldProps {
+    id: string;
+    field: Link;
+    readOnly: boolean;
+    content: LinkContent | undefined;
+    onContentChange: (content: LinkContent | undefined) => void;
+}
+export declare function LinkField(props: LinkFieldProps): JSX.Element;
+export {};

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,17 @@
+import type { LinkContent } from "@prismicio/types-internal/lib/content";
+import type { Link } from "@prismicio/types-internal/lib/customtypes";
+import type { FieldSelectTypes } from "./LinkFieldActions";
+export declare function useLinkField(params: {
+    field: Link;
+    content: LinkContent | undefined;
+    onContentChange: (content: LinkContent | undefined) => void;
+}): {
+    contentType: "ExternalLink" | "ImageLink" | "FileLink" | "DocumentLink" | undefined;
+    selectType: "document" | "media" | "web" | undefined;
+    isUnsupportedField: boolean;
+    fieldValue: string;
+    onValueChange: (value: string) => void;
+    onTypeChange: (newValue: FieldSelectTypes) => void;
+    placeholder: string;
+    isTypeSelectEnabled: boolean;
+};

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/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";