@prismicio/editor-fields 0.4.11 → 0.4.15

package/dist/DocumentEditor.d.ts

@@ -1,16 +1,13 @@
 import type { Document } from "@prismicio/types-internal/lib/content";
 import type { StaticCustomType } from "@prismicio/types-internal/lib/customtypes";
-import { type FC } from "react";
-import { EditorConfig } from "./EditorConfig";
-import type { Selection } from "./Selection";
-declare type DocumentEditorProps = Readonly<{
+import { type EditorConfig } from "./EditorConfig";
+interface Props {
     config: EditorConfig;
     readOnly?: boolean;
     customType: StaticCustomType;
     sectionName: string;
-    selection?: Selection;
     content: Document;
     onContentChange: (content: Document) => void;
-}>;
-export declare const DocumentEditor: FC<DocumentEditorProps>;
+}
+export declare function DocumentEditor(props: Props): JSX.Element | null;
 export {};

package/dist/EditorConfig.d.ts

@@ -1,17 +1,26 @@
-export declare type EditorConfig = {
+export type EditorConfig = {
     embedsUrl: string;
     unsplashUrl: string;
     env: Env;
 } & OptionalConfigs;
-declare type OptionalConfigs = SearchDocuments & MediaLibrary;
-declare type MediaLibrary = {
+type OptionalConfigs = SearchDocuments & MediaLibrary & UIDField;
+type MediaLibrary = {
     mediaLibrary?: never;
 } | {
     mediaLibrary: true;
     assetsUrl: string;
     repository: string;
 };
-declare type SearchDocuments = {
+type UIDField = {
+    uidField?: never;
+} | {
+    uidField: true;
+    coreApiUrl: string;
+    documentId?: string;
+    localeId: string;
+    customTypeId: string;
+};
+type SearchDocuments = {
     searchDocuments?: never;
 } | {
     searchDocuments: true;
@@ -20,8 +29,9 @@ declare type SearchDocuments = {
     repository: string;
     status: "published" | "release" | "archived" | "unclassified";
     localeId?: string;
+    customTypeId?: string;
 };
-export declare type Env = "dev" | "stage" | "prod";
+export type Env = "dev" | "stage" | "prod";
 export declare const EditorConfigContext: import("react").Context<EditorConfig | undefined>;
 export declare function useEditorConfig(): EditorConfig;
 export declare function throwConfigError(configKey: string): never;

package/dist/GroupEditor.d.ts

@@ -1,7 +1,7 @@
 import type { GroupContent } from "@prismicio/types-internal/lib/content";
 import type { Group } from "@prismicio/types-internal/lib/customtypes";
 import type { FC } from "react";
-declare type GroupEditorProps = Readonly<{
+type GroupEditorProps = Readonly<{
     content: GroupContent | undefined;
     group: Group;
     id: string;

package/dist/Selection.d.ts

@@ -1,5 +1,27 @@
 export interface Selection {
-    id: string;
-    key: string;
-    offset?: number;
+    /**
+     * The logical id of the content to select.
+     */
+    id?: string;
+    /**
+     * Update the current selection.
+     */
+    update: (requestedFrom: SelectionArea, newId: string) => void;
 }
+export type SelectionArea = "sliceTable" | "sliceFieldSet";
+export declare function getSelectionDOMId(area: SelectionArea, id?: string): string | undefined;
+export declare const SelectionContext: import("react").Context<Selection>;
+interface UseSelectionArgs {
+    /**
+     * Initial slice key.
+     * Used to determine if the slice is selected.
+     * @param {string} sliceKey
+     */
+    sliceKey?: string;
+}
+export declare function useSelection(args?: UseSelectionArgs): {
+    selectionId: string | undefined;
+    selected: boolean;
+    selection: Selection;
+};
+export {};

package/dist/UID.d.ts

@@ -0,0 +1,5 @@
+export interface UIDContext {
+    isDirty: boolean;
+    markDirty: () => void;
+}
+export declare const UIDContext: import("react").Context<UIDContext>;

package/dist/constants/images.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Default only applied to SVG's which do not have height and width.
+ *
+ * Fix planned in ticket https://linear.app/prismic/issue/PBD-926/apply-a-default-height-and-width-for-an-svg
+ *
+ * This will add a default height and width which is more accurate in the BE.
+ */
+export declare const defaultImageDimension = 2000;

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

@@ -1,9 +1,9 @@
 import type { EmbedContent } from "@prismicio/types-internal/lib/content";
 interface FooterProps {
     debouncedUrl: string;
-    content?: EmbedContent;
+    content: EmbedContent | undefined;
     onContentChange: (content?: EmbedContent) => void;
     selected?: boolean;
 }
-export declare function Footer(props: FooterProps): JSX.Element;
+export declare function Footer(props: FooterProps): JSX.Element | null;
 export {};

package/dist/fields/GeoPointField/geoPointFieldUtils.d.ts

@@ -1,5 +1,5 @@
 import type { GeoPointContent } from "@prismicio/types-internal/lib/content";
-declare type Coordinates = GeoPointContent["position"];
+type Coordinates = GeoPointContent["position"];
 export declare function parseGoogleMapsUrl(url: string): Coordinates | undefined;
 export declare function coordinatesToString(coordinates?: Coordinates): string;
 export declare function parseString(str: string): Coordinates | undefined;

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

@@ -1,8 +1,8 @@
-import type { ExternalImage } from "../MediaPicker/externalImage";
+import type { MediaAssetOrExternalImage } from "../MediaPicker/MediaLibrary/mediaLibraryData";
 interface EmptyCardContentProps {
     isUpdating: boolean;
     readOnly: boolean;
-    onMediaSelected: (media: ExternalImage) => void;
+    onMediaSelected: (media: MediaAssetOrExternalImage) => void;
 }
 export declare function EmptyCardContent(props: EmptyCardContentProps): JSX.Element;
 export {};

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

@@ -1,15 +1,15 @@
 import type { ImageContent } from "@prismicio/types-internal/lib/content";
-import type { ReactNode } from "react";
-import { CroppedImages } from "../CropperDialog";
+import { type ReactNode } from "react";
+import { type CroppedImages } from "../CropperDialog";
 import type { CropperImage } from "../imageFieldUtils";
-import type { ExternalImage } from "../MediaPicker/externalImage";
+import type { MediaAssetOrExternalImage } from "../MediaPicker/MediaLibrary/mediaLibraryData";
 interface ImageFieldCardProps {
     content: ImageContent | undefined;
     selected?: boolean;
     fieldLabel: string;
     readOnly: boolean;
     imageLabel: string[];
-    onMediaSelected: (media: ExternalImage) => void;
+    onMediaSelected: (media: MediaAssetOrExternalImage) => void;
     initialImages: CropperImage[];
     initialOption?: number;
     onCropperDialogClose: (result: {

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

@@ -1,6 +1,6 @@
 import type { CropperImage } from "../imageFieldUtils";
 import { type CroppedImage } from "./croppedImage";
-export declare type CroppedImages = Record<string, CroppedImage>;
+export type CroppedImages = Record<string, CroppedImage>;
 interface Props {
     trigger: React.ReactNode;
     initialImages: CropperImage[];

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

@@ -9,7 +9,7 @@ export interface Size {
     width: number;
     height: number;
 }
-export declare type CroppedImage = Point & Size & {
+export type CroppedImage = Point & Size & {
     zoom: number;
 };
 export declare const updateImage: ({ field, content, thumbnail, croppedImage }: {
@@ -36,7 +36,7 @@ export declare const updateImage: ({ field, content, thumbnail, croppedImage }:
     thumbnail: string;
     croppedImage: CroppedImage;
 }) => ImageContent;
-declare type Constraints = Pick<Thumbnail, "width" | "height">;
+type Constraints = Pick<Thumbnail, "width" | "height">;
 /**
  * Given a content view and optional constraints, it provides the cropped area
  * and the zoom to initialize the cropper.

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

@@ -1,11 +1,12 @@
-import type { ExternalImage } from "../externalImage";
 import type { UploadFile } from "../mediaPickerData";
+import { type MediaAsset, type MediaAssetType } from "./mediaLibraryData";
 interface MediaLibraryProps {
     isUploading: boolean;
     uploadingFiles: UploadFile[];
     onFilesSelected: (uploadingFiles: File[]) => void;
-    onMediaSelected: (media: ExternalImage) => void;
+    onMediaSelected: (media: MediaAsset) => void;
     onRetry: () => void;
+    assetType?: MediaAssetType;
 }
 export declare function MediaLibrary(props: MediaLibraryProps): JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
-import { TypeOf } from "zod";
-export declare const mediaLibraryImageOkType: import("zod").ZodObject<{
+import { type TypeOf } from "zod";
+import type { ExternalImage } from "../externalImage";
+export declare const mediaAssetOkType: import("zod").ZodObject<{
     id: import("zod").ZodString;
     kind: import("zod").ZodString;
     extension: import("zod").ZodString;
@@ -9,9 +10,11 @@ export declare const mediaLibraryImageOkType: import("zod").ZodObject<{
     last_modified: import("zod").ZodNumber;
     url: import("zod").ZodString;
     alt: import("zod").ZodOptional<import("zod").ZodString>;
+    size: import("zod").ZodNumber;
 }, "strip", import("zod").ZodTypeAny, {
     id: string;
     url: string;
+    size: number;
     kind: string;
     extension: string;
     filename: string;
@@ -22,6 +25,7 @@ export declare const mediaLibraryImageOkType: import("zod").ZodObject<{
 }, {
     id: string;
     url: string;
+    size: number;
     kind: string;
     extension: string;
     filename: string;
@@ -43,9 +47,11 @@ export declare const mediaLibrarySearchAPISchemaOkType: import("zod").ZodObject<
         last_modified: import("zod").ZodNumber;
         url: import("zod").ZodString;
         alt: import("zod").ZodOptional<import("zod").ZodString>;
+        size: import("zod").ZodNumber;
     }, "strip", import("zod").ZodTypeAny, {
         id: string;
         url: string;
+        size: number;
         kind: string;
         extension: string;
         filename: string;
@@ -56,6 +62,7 @@ export declare const mediaLibrarySearchAPISchemaOkType: import("zod").ZodObject<
     }, {
         id: string;
         url: string;
+        size: number;
         kind: string;
         extension: string;
         filename: string;
@@ -69,6 +76,7 @@ export declare const mediaLibrarySearchAPISchemaOkType: import("zod").ZodObject<
     items: {
         id: string;
         url: string;
+        size: number;
         kind: string;
         extension: string;
         filename: string;
@@ -83,6 +91,7 @@ export declare const mediaLibrarySearchAPISchemaOkType: import("zod").ZodObject<
     items: {
         id: string;
         url: string;
+        size: number;
         kind: string;
         extension: string;
         filename: string;
@@ -93,12 +102,23 @@ export declare const mediaLibrarySearchAPISchemaOkType: import("zod").ZodObject<
     }[];
     cursor?: string | undefined;
 }>;
-export declare type MediaLibrarySearchApi = TypeOf<typeof mediaLibrarySearchAPISchemaOkType>;
-export declare type MediaLibraryImage = TypeOf<typeof mediaLibraryImageOkType>;
-export declare function useMediaLibrarySearch(): {
+export type MediaLibrarySearchApi = TypeOf<typeof mediaLibrarySearchAPISchemaOkType>;
+export type MediaAsset = TypeOf<typeof mediaAssetOkType>;
+export type MediaAssetOrExternalImage = MediaAsset | ExternalImage;
+/**
+ * set the allowed media type for the media library
+ * @param all for both images and PDFs
+ * @param image for only images
+ */
+export type MediaAssetType = "all" | "image";
+interface UseMediaLibrarySearchArgs {
+    assetType?: MediaAssetType;
+}
+export declare function useMediaLibrarySearch(args: UseMediaLibrarySearchArgs): {
     media: {
         id: string;
         url: string;
+        size: number;
         kind: string;
         extension: string;
         filename: string;
@@ -114,6 +134,7 @@ export declare function useMediaLibrarySearch(): {
         items: {
             id: string;
             url: string;
+            size: number;
             kind: string;
             extension: string;
             filename: string;
@@ -124,5 +145,6 @@ export declare function useMediaLibrarySearch(): {
         }[];
         cursor?: string | undefined;
     };
-    updateMedia: (newFiles: MediaLibraryImage[]) => void;
+    updateMedia: (newFiles: MediaAsset[]) => void;
 };
+export {};

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

@@ -1,8 +1,9 @@
-import { ReactNode } from "react";
-import type { ExternalImage } from "./externalImage";
+import type { MediaAssetOrExternalImage, MediaAssetType } from "./MediaLibrary/mediaLibraryData";
 interface MediaPickerProps {
-    trigger: ReactNode;
-    onMediaSelected: (media: ExternalImage) => void;
+    onMediaSelected: (media: MediaAssetOrExternalImage) => void;
+    assetType?: MediaAssetType;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
 }
 export declare function MediaPicker(props: MediaPickerProps): JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { TypeOf } from "zod";
+import { type TypeOf } from "zod";
 declare const unsplashImage: import("zod").ZodObject<{
     id: import("zod").ZodString;
     width: import("zod").ZodNumber;
@@ -13,6 +13,7 @@ declare const unsplashImage: import("zod").ZodObject<{
         small: string;
         full: string;
     }>;
+    alt_description: import("zod").ZodOptional<import("zod").ZodString>;
 }, "strip", import("zod").ZodTypeAny, {
     id: string;
     width: number;
@@ -21,6 +22,7 @@ declare const unsplashImage: import("zod").ZodObject<{
         small: string;
         full: string;
     };
+    alt_description?: string | undefined;
 }, {
     id: string;
     width: number;
@@ -29,6 +31,7 @@ declare const unsplashImage: import("zod").ZodObject<{
         small: string;
         full: string;
     };
+    alt_description?: string | undefined;
 }>;
 export declare const unsplashSearchApiType: import("zod").ZodEffects<import("zod").ZodObject<{
     results: import("zod").ZodArray<import("zod").ZodObject<{
@@ -45,6 +48,7 @@ export declare const unsplashSearchApiType: import("zod").ZodEffects<import("zod
             small: string;
             full: string;
         }>;
+        alt_description: import("zod").ZodOptional<import("zod").ZodString>;
     }, "strip", import("zod").ZodTypeAny, {
         id: string;
         width: number;
@@ -53,6 +57,7 @@ export declare const unsplashSearchApiType: import("zod").ZodEffects<import("zod
             small: string;
             full: string;
         };
+        alt_description?: string | undefined;
     }, {
         id: string;
         width: number;
@@ -61,6 +66,7 @@ export declare const unsplashSearchApiType: import("zod").ZodEffects<import("zod
             small: string;
             full: string;
         };
+        alt_description?: string | undefined;
     }>, "many">;
 }, "strip", import("zod").ZodTypeAny, {
     results: {
@@ -71,6 +77,7 @@ export declare const unsplashSearchApiType: import("zod").ZodEffects<import("zod
             small: string;
             full: string;
         };
+        alt_description?: string | undefined;
     }[];
 }, {
     results: {
@@ -81,6 +88,7 @@ export declare const unsplashSearchApiType: import("zod").ZodEffects<import("zod
             small: string;
             full: string;
         };
+        alt_description?: string | undefined;
     }[];
 }>, {
     id: string;
@@ -90,6 +98,7 @@ export declare const unsplashSearchApiType: import("zod").ZodEffects<import("zod
         small: string;
         full: string;
     };
+    alt_description?: string | undefined;
 }[], {
     results: {
         id: string;
@@ -99,10 +108,11 @@ export declare const unsplashSearchApiType: import("zod").ZodEffects<import("zod
             small: string;
             full: string;
         };
+        alt_description?: string | undefined;
     }[];
 }>;
-export declare type UnplashSearchApi = TypeOf<typeof unsplashSearchApiType>;
-export declare type UnsplashImage = TypeOf<typeof unsplashImage>;
+export type UnplashSearchApi = TypeOf<typeof unsplashSearchApiType>;
+export type UnsplashImage = TypeOf<typeof unsplashImage>;
 export declare function useUnsplashSearch(baseUrl: string, term: string): {
     id: string;
     width: number;
@@ -111,5 +121,6 @@ export declare function useUnsplashSearch(baseUrl: string, term: string): {
         small: string;
         full: string;
     };
+    alt_description?: string | undefined;
 }[];
 export {};

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

@@ -1,5 +1,6 @@
 import type { ImageContent, ImageContentView } from "@prismicio/types-internal/lib/content";
 import type { Image, ImageConstraint } from "@prismicio/types-internal/lib/customtypes";
+import type { MediaAssetOrExternalImage } from "./MediaLibrary/mediaLibraryData";
 export interface ExternalImage {
     id: string;
     url: string;
@@ -7,8 +8,8 @@ export interface ExternalImage {
     height: number;
     alt?: string;
 }
-export declare function replaceImage(thumbnailName: string, field: Image, content: ImageContent | undefined, extImage: ExternalImage): ImageContent;
-export declare function createContentView(extImage: ExternalImage, constraints?: ImageConstraint): ImageContentView;
+export declare function replaceImage(thumbnailName: string, field: Image, content: ImageContent | undefined, extImage: MediaAssetOrExternalImage): ImageContent;
+export declare function createContentView(extImage: MediaAssetOrExternalImage, constraints?: ImageConstraint): ImageContentView;
 export declare function fitImage(extImage: {
     width: number;
     height: number;

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

@@ -1,5 +1,5 @@
-import { MediaLibraryImage } from "./MediaLibrary/mediaLibraryData";
-export declare type UploadFile = NewUploadFile | UploadedFile;
+import { type MediaAsset } from "./MediaLibrary/mediaLibraryData";
+export type UploadFile = NewUploadFile | UploadedFile;
 interface NewUploadFile {
     id: string;
     file: File;
@@ -9,7 +9,7 @@ interface UploadedFile {
     id: string;
     file: File;
     status: "success";
-    response: MediaLibraryImage;
+    response: MediaAsset;
 }
 export declare function useMediaLibraryUpload(open: boolean): {
     uploadingFiles: UploadFile[];

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

@@ -1,6 +1,6 @@
 import type { ImageContent, ImageContentView } from "@prismicio/types-internal/lib/content";
 import type { Image, ImageConstraint } from "@prismicio/types-internal/lib/customtypes";
-export declare type Thumbnail = Readonly<ImageConstraint & {
+export type Thumbnail = Readonly<ImageConstraint & {
     name: string;
 }>;
 export declare const MAIN_THUMBNAIL_NAME = "__MAIN_THUMBNAIL__";

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

@@ -1,7 +1,7 @@
 import type { ImageContent } from "@prismicio/types-internal/lib/content";
 import type { Image } from "@prismicio/types-internal/lib/customtypes";
 import type { CroppedImages } from "./CropperDialog";
-import { type ExternalImage } from "./MediaPicker/externalImage";
+import type { MediaAssetOrExternalImage } from "./MediaPicker/MediaLibrary/mediaLibraryData";
 interface useImageFieldProps {
     content: ImageContent | undefined;
     field: Image;
@@ -13,7 +13,7 @@ export declare function useImageField(props: useImageFieldProps): {
         croppedImages: CroppedImages;
     }) => void;
     onPageChange: (page: number) => void;
-    onMediaSelected: (media: ExternalImage) => void;
+    onMediaSelected: (media: MediaAssetOrExternalImage) => void;
     isUpdating: boolean;
     page: number;
     thumbnail: Readonly<{

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

@@ -1,3 +1,4 @@
+import { type FilterOption } from "@prismicio/editor-ui";
 interface DocumentsModalProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -6,4 +7,9 @@ interface DocumentsModalProps {
     fixedTags?: Set<string>;
 }
 export declare function DocumentsModal(props: DocumentsModalProps): JSX.Element;
+interface SortTagsByFilteredTagsArgs {
+    tagsFilter: Set<FilterOption>;
+    tags: string[];
+}
+export declare function sortTagsByFilteredTags(args: SortTagsByFilteredTagsArgs): string[];
 export {};

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

@@ -1,4 +1,4 @@
-import { FilterOption } from "@prismicio/editor-ui";
+import { type FilterOption } from "@prismicio/editor-ui";
 interface DocumentsListFiltersProps {
     filteredLocales: Set<FilterOption>;
     setFilteredLocales: (newValue: Set<FilterOption>) => void;

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

@@ -22,6 +22,11 @@ export declare function useDocuments(params: {
             version_id: string;
             tags: string[];
             custom_type_label: string;
+            last_modified_date: Date;
+            author: {
+                first_name?: string | undefined;
+                last_name?: string | undefined;
+            };
             preview_summary?: string | undefined;
             preview_image?: string | undefined;
         })[];
@@ -48,6 +53,11 @@ export declare function useDocuments(params: {
                 version_id: string;
                 tags: string[];
                 custom_type_label: string;
+                last_modified_date: Date;
+                author: {
+                    first_name?: string | undefined;
+                    last_name?: string | undefined;
+                };
                 preview_summary?: string | undefined;
                 preview_image?: string | undefined;
             })[];

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

@@ -1,8 +1,10 @@
 import type { FilterOption } from "@prismicio/editor-ui";
 export declare function useFilters(fixedCustomTypes?: Set<string>, fixedTags?: Set<string>): {
-    searchTerm: string;
-    setSearchTerm: import("react").Dispatch<import("react").SetStateAction<string>>;
-    debouncedSearchTerm: string;
+    searchTerm: {
+        debouncedValue: string;
+        set: import("react").Dispatch<import("react").SetStateAction<string>>;
+        value: string;
+    };
     filteredTags: Set<FilterOption>;
     setFilteredTags: import("react").Dispatch<import("react").SetStateAction<Set<FilterOption>>>;
     filteredCustomTypes: Set<FilterOption>;

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

@@ -1,4 +1,4 @@
-export declare type FieldSelectTypes = "web" | "document" | "media";
+export type FieldSelectTypes = "web" | "document" | "media";
 interface Props {
     hasLink: boolean;
     onUnlink: () => void;

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

@@ -1,2 +1,3 @@
 export { LinkField } from "./LinkField";
 export { LinkFieldActions } from "./LinkFieldActions";
+export { mapMediaToLinkContent } from "./useLinkField";

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

@@ -1,8 +1,9 @@
 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 TypeOf } from "zod";
+import { type Env } from "../../EditorConfig";
+import { type MediaAssetOrExternalImage } from "../ImageField/MediaPicker/MediaLibrary/mediaLibraryData";
 import type { FieldSelectTypes } from "./LinkFieldActions";
 interface useLinkFieldParams {
     field: Link;
@@ -12,7 +13,6 @@ interface useLinkFieldParams {
 export declare function useLinkField(params: useLinkFieldParams): {
     contentType: "ImageLink" | "FileLink" | "DocumentLink" | "ExternalLink" | undefined;
     selectType: "media" | "web" | "document" | undefined;
-    isUnsupportedField: boolean | undefined;
     fieldValue: string;
     onValueChange: (value: string) => void;
     onTypeChange: (newValue: FieldSelectTypes) => void;
@@ -23,6 +23,7 @@ export declare function useLinkField(params: useLinkFieldParams): {
     errorBoundaryRef: import("react").RefObject<ErrorBoundary>;
     isTargetNewTab: boolean;
     updateWebLinkTarget: (newTab: boolean) => void;
+    onMediaSelected: (media: MediaAssetOrExternalImage) => void;
 };
 export declare function useDocumentTitle(id: string): string;
 declare const documentMeta: import("zod").ZodObject<{
@@ -35,6 +36,49 @@ declare const documentMeta: import("zod").ZodObject<{
     id: string;
     title: string;
 }>;
-export declare type DocumentMeta = TypeOf<typeof documentMeta>;
+export type DocumentMeta = TypeOf<typeof documentMeta>;
 export declare function getDocumentTitleRequest(baseUrl: string, env: Env, id: string): Promise<DocumentMeta>;
+interface MapMediaToLinkContentArgs {
+    media: MediaAssetOrExternalImage;
+}
+export declare function mapMediaToLinkContent(args: MapMediaToLinkContentArgs): {
+    __TYPE__: "LinkContent";
+    value: {
+        __TYPE__: "FileLink";
+        id: string;
+        name: string;
+        kind: string;
+        url: string;
+        size: string;
+        date: string;
+        height?: undefined;
+        width?: undefined;
+    };
+} | {
+    __TYPE__: "LinkContent";
+    value: {
+        __TYPE__: "ImageLink";
+        id: string;
+        name: string;
+        url: string;
+        kind: string;
+        size: string;
+        height: string;
+        width: string;
+        date: string;
+    };
+} | {
+    __TYPE__: "LinkContent";
+    value: {
+        __TYPE__: "ImageLink";
+        id: string;
+        name: string;
+        kind: string;
+        url: string;
+        size: string;
+        height: string;
+        width: string;
+        date?: undefined;
+    };
+};
 export {};