@layers-app/editor 0.7.83 → 0.7.84

package/dist/index.d.ts

@@ -17,7 +17,6 @@ import { NodeKey } from 'lexical';
 import { ParagraphNode } from 'lexical';
 import { PropsWithChildren } from 'react';
 import { RangeSelection } from 'lexical';
-import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RootNode } from 'lexical';
 import { SerializedEditorState } from 'lexical';
@@ -32,16 +31,27 @@ export declare type ActiveUserProfile<DATA extends object> = EditorUser<DATA> &
     id: string;
 };
 
-export declare const AlignmentImage: ({ editor, nodeKey, opened, setOpened, t, setShown, isShown, }: {
+export declare const AlignmentImage: ({ editor, nodeKey, opened, setOpened, t, setShown, flexBorder, }: {
     editor: EditorType;
     nodeKey?: string;
     t: TFunction;
     opened: boolean;
     setOpened: (value: boolean) => void;
     setShown?: (value: boolean) => void;
-    isShown?: boolean;
+    flexBorder?: boolean;
 }) => JSX_2.Element;
 
+export declare const AlignmentMenu: FC<AlignmentMenuProps>;
+
+declare type AlignmentMenuProps = {
+    currentAlignment: AlignValue;
+    onAlign: (value: AlignValue) => void;
+    className?: string;
+    targetLabel?: ReactNode;
+};
+
+declare type AlignValue = 'left' | 'center' | 'right';
+
 export { CLEAR_EDITOR_COMMAND }
 
 declare interface CommentActions {
@@ -89,7 +99,7 @@ export declare const deleteNode: (editor: EditorType, nodeElement: string | Lexi
 
 export { Dropzone }
 
-export declare const Editor: <USER_DATA extends object, CHILD_PAGE extends PageData>({ initialContent, onChange, outputFormat, mode, maxHeight, onBlur, onFocus, fetchUploadMedia, fetchPromptResult, fetchSmartPastePrompt, fetchSmartPasteStreamPrompt, fetchDeleteMedia, fetchRestoreMedia, pageId, commentController, maxFileSize, contentModalUploadImage, maxImageSizeError, debounce: debounceMs, disable, ws, excludeNodes, imagePickerSettings, childPages, linkablePages, language, shiftEnterInsertNewLine, editorRef, placeholder, plugins, onTrack, }: EditorProps<USER_DATA, CHILD_PAGE>) => JSX_2.Element;
+export declare const Editor: <USER_DATA extends object, CHILD_PAGE extends PageData>({ initialContent, onChange, outputFormat, mode, maxHeight, onBlur, onFocus, fetchUploadMedia, fileChunkUploadApi, fetchPromptResult, fetchSmartPastePrompt, fetchSmartPasteStreamPrompt, fetchDeleteMedia, fetchRestoreMedia, pageId, commentController, maxFileSize, contentModalUploadImage, maxImageSizeError, debounce: debounceMs, disable, ws, excludeNodes, imagePickerSettings, childPages, linkablePages, language, shiftEnterInsertNewLine, editorRef, placeholder, plugins, onTrack, }: EditorProps<USER_DATA, CHILD_PAGE>) => JSX_2.Element;
 
 declare interface EditorProps<USER_DATA extends object = object, PAGE_DATA extends PageData = PageData> {
     initialContent: Root | string;
@@ -100,6 +110,7 @@ declare interface EditorProps<USER_DATA extends object = object, PAGE_DATA exten
     mode?: Mode;
     maxHeight?: number;
     fetchUploadMedia?: fetchUploadMedia;
+    fileChunkUploadApi?: FileChunkUploadApi;
     fetchPromptResult?: fetchPromptResult;
     fetchSmartPastePrompt?: fetchPromptResult;
     fetchSmartPasteStreamPrompt?: fetchPromptStreamResult;
@@ -181,6 +192,25 @@ declare type fetchPromptStreamResult = (prompt: string, onBlock: (block: string)
 
 declare type fetchUploadMedia = (file: File, success: SuccessUploadImage, error?: ErrorDeleteImage, signal?: AbortSignal, onProgress?: (percent: number) => void) => void;
 
+declare interface FileChunkUploadApi {
+    initAttachment: (file: File, parentId: string, parentType: string) => Promise<{
+        attachmentId: string;
+        url?: string;
+        status?: {
+            nextOffset?: number;
+            uploadedBytes?: number;
+        };
+    }>;
+    fetchContentStatus: (attachmentId: string) => Promise<{
+        nextOffset?: number;
+        uploadedBytes?: number;
+    }>;
+    uploadChunkWithProgress: (attachmentId: string, file: File, offset: number, end: number, total: number, signal?: AbortSignal, onProgress?: (loaded: number) => void, onXhrReady?: (xhr: XMLHttpRequest) => void) => Promise<{
+        nextOffset?: number;
+        expectedOffset?: number;
+    }>;
+}
+
 export { FOCUS_COMMAND }
 
 export declare function focusEditor(editor: EditorType, atStart?: boolean): void;
@@ -192,12 +222,21 @@ export declare const Icon: ({ name, iconStyle, ...rest }: {
 
 declare const iconsBlockTypeToBlockName: Record<string, FC<IconProps>>;
 
+declare type ImagePickerGalleryCollection = {
+    id: string;
+    path: string;
+    url: string;
+    title: string;
+    items: string[];
+};
+
 declare type ImagePickerSettings = {
     maxUploadFiles?: number;
     unsplashClientId?: string;
     giphyToken?: string;
     download?: boolean;
     link?: boolean;
+    galleryCollection?: ImagePickerGalleryCollection[];
 };
 
 declare type Mode = 'comment' | 'default' | 'editor';
@@ -260,7 +299,7 @@ declare type ResizableContainerProps = {
     isEmbed?: boolean;
     alignment?: string;
     disableInteractions?: boolean;
-    children: ReactElement;
+    children: ReactNode;
 };
 
 export declare type Root = SerializedEditorState<SerializedLexicalNode>;
@@ -296,4 +335,25 @@ export declare type UploadData = {
     originalFileName: string;
 };
 
+declare interface VideoApiError {
+    status: number;
+    statusText: string;
+    message: string;
+    data?: unknown;
+    source: VideoApiErrorSource;
+    videoId?: string;
+}
+
+declare type VideoApiErrorSource = 'init' | 'upload' | 'status' | 'cover' | 'subtitles' | 'chapters' | 'retry' | 'unknown';
+
+export declare function videoPlugin(config: VideoPluginConfig): PluginConfig;
+
+declare interface VideoPluginConfig {
+    pageId?: string;
+    maxFileSize?: number;
+    onUploadStateChange?: (isUploading: boolean, uploadingCount: number) => void;
+    onError?: (error: VideoApiError) => void;
+    onTrack?: (event: string, params?: Record<string, unknown>) => void;
+}
+
 export { }