@keystatic/core

Search for an npm package
/// <reference types="react" />
import { PreviewProps, ObjectField, Config, ParsedValueForComponentSchema } from "../index.js";
import { BaseStyleProps } from '@keystar/ui/style';
export type CloudImageProps = {
src: string;
width?: number;
height?: number;
alt: string;
};
type ImageDimensions = Pick<CloudImageProps, 'width' | 'height'>;
export declare function parseImageData(data: string): CloudImageProps;
export declare function loadImageData(url: string, config: Config): Promise<CloudImageProps>;
export declare function ImageDimensionsInput(props: {
src: string;
image: ImageDimensions;
onChange: (image: ImageDimensions) => void;
}): import("react").JSX.Element;
export type ImageStatus = '' | 'loading' | 'good' | 'error';
export declare const emptyImageData: CloudImageProps;
export declare function UploadImageButton(props: BaseStyleProps & {
onUploaded: (data: CloudImageProps) => void;
}): import("react").JSX.Element | null;
export declare function CloudImagePreview(props: PreviewProps<ObjectField<typeof import("./cloud-image-schema.js").cloudImageSchema>> & {
onRemove(): void;
}): import("react").JSX.Element;
export declare function handleFile(file: File, config: Config): false | Promise<{
alt: string;
src: string;
height: number;
width: number;
}>;
export declare function CloudImagePreviewForNewEditor(props: {
onRemove: () => void;
onChange: (data: ParsedValueForComponentSchema<ObjectField<typeof import("./cloud-image-schema.js").cloudImageSchema>>) => void;
value: ParsedValueForComponentSchema<ObjectField<typeof import("./cloud-image-schema.js").cloudImageSchema>>;
isSelected: boolean;
}): import("react").JSX.Element;
export declare function useImageLibraryURL(): string;
export declare const cloudImageToolbarIcon: any;
export {};