@layers-app/editor 0.7.76 → 0.7.78

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, 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,7 +110,10 @@ 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;
     fetchDeleteMedia?: fetchDeleteRestoreMedia;
     fetchRestoreMedia?: fetchDeleteRestoreMedia;
     maxFileSize?: number;
@@ -153,7 +166,7 @@ declare type ExcludeNodes = {
     [K in ExcludeNodesKey]?: boolean;
 };
 
-declare type ExcludeNodesKey = 'paragraph' | 'quote' | 'code' | 'table' | 'grid' | 'horizontal-rule' | 'caret-right' | 'emoji' | 'excalidraw' | 'childDocs' | 'photo' | 'video' | 'audio' | 'file' | 'embed' | 'form' | 'contents' | 'template' | 'componentPicker' | 'hashtag' | 'list' | 'check' | 'link' | 'comment' | 'swagger' | 'callout' | 'layout' | 'draggableBlock' | 'newParagraph' | 'actionMenu' | 'emptyPage' | 'previewCodeEquation' | '1' | '2' | '3' | 'number' | 'bullet' | 'default' | 'alert' | 'success' | 'warning' | 'images' | 'collapsible' | 'checkList' | 'horizontalRule' | 'inlinePageLink' | 'equation' | 'equation-inline' | 'pageLink' | 'codeHighlight';
+declare type ExcludeNodesKey = 'paragraph' | 'quote' | 'code' | 'table' | 'grid' | 'horizontal-rule' | 'caret-right' | 'emoji' | 'excalidraw' | 'childDocs' | 'photo' | 'video' | 'audio' | 'file' | 'embed' | 'form' | 'contents' | 'template' | 'componentPicker' | 'hashtag' | 'list' | 'check' | 'link' | 'comment' | 'swagger' | 'callout' | 'layout' | 'draggableBlock' | 'newParagraph' | 'actionMenu' | 'emptyPage' | 'previewCodeEquation' | '1' | '2' | '3' | 'number' | 'bullet' | 'default' | 'alert' | 'success' | 'warning' | 'images' | 'collapsible' | 'checkList' | 'horizontalRule' | 'inlinePageLink' | 'equation' | 'equation-inline' | 'pageLink' | 'codeHighlight' | 'smartPaste';
 
 export declare class ExtendMarkNode extends MarkNode implements ElementNode {
     __resolve: CommentResolve;
@@ -175,8 +188,29 @@ declare type fetchDeleteRestoreMedia = (id: string, success: SuccessDeleteImage,
 
 declare type fetchPromptResult = (prompt: string, success: (data: string) => void, error?: () => void) => void;
 
+declare type fetchPromptStreamResult = (prompt: string, onBlock: (block: string) => void, onDone: () => void, onError?: () => void) => void;
+
 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;
@@ -188,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';
@@ -256,7 +299,7 @@ declare type ResizableContainerProps = {
     isEmbed?: boolean;
     alignment?: string;
     disableInteractions?: boolean;
-    children: ReactElement;
+    children: ReactNode;
 };
 
 export declare type Root = SerializedEditorState<SerializedLexicalNode>;
@@ -292,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 { }