@layers-app/editor 0.7.24 → 0.7.26

package/dist/index.d.ts

@@ -4,19 +4,27 @@ import { Dropzone } from '@mantine/dropzone';
 import { EditorConfig } from 'lexical';
 import { LexicalEditor as EditorType } from 'lexical';
 import { ElementNode } from 'lexical';
+import { FC } from 'react';
 import { FOCUS_COMMAND } from 'lexical';
+import { IconProps } from '../../../../@tabler/icons-react/dist/esm/icons/index.mjs';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { Klass } from 'lexical';
 import { LexicalCommand } from 'lexical';
+import { LexicalNode } from 'lexical';
 import { MarkNode } from '@lexical/mark';
 import { MouseEventHandler } from 'react';
 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';
 import { SerializedElementNode } from 'lexical';
 import { SerializedLexicalNode } from 'lexical';
 import { Spread } from 'lexical';
+import { TFunction } from 'i18next';
 
 export declare const $createNewParagraph: (editor: EditorType) => void;
 
@@ -24,6 +32,16 @@ export declare type ActiveUserProfile<DATA extends object> = EditorUser<DATA> &
     id: string;
 };
 
+export declare const AlignmentImage: ({ editor, nodeKey, opened, setOpened, t, setShown, isShown, }: {
+    editor: EditorType;
+    nodeKey?: string;
+    t: TFunction;
+    opened: boolean;
+    setOpened: (value: boolean) => void;
+    setShown?: (value: boolean) => void;
+    isShown?: boolean;
+}) => JSX_2.Element;
+
 export { CLEAR_EDITOR_COMMAND }
 
 declare interface CommentActions {
@@ -50,9 +68,9 @@ declare interface CommentAttachment {
 declare interface CommentController {
     activeCommentId: {
         id: string | null;
-        source: 'editor' | 'panel' | null;
+        source: "editor" | "panel" | null;
     };
-    onHighlight?: (id: string | null, source: 'editor' | 'panel') => void;
+    onHighlight?: (id: string | null, source: "editor" | "panel") => void;
     actions: CommentActions;
     editorComments: Map<string, {
         id: string;
@@ -65,9 +83,13 @@ declare type CommentResolve = 'ACCEPTED' | 'REJECTED' | null | 'NONE';
 
 export declare const CREATE_TEMPLATE: LexicalCommand<unknown>;
 
+export declare const createMediaComponent: (imageNode: LexicalNode) => true | undefined;
+
+export declare const deleteNode: (editor: EditorType, nodeElement: string | LexicalNode | null) => void;
+
 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, language, shiftEnterInsertNewLine, editorRef, placeholder, }: 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, fetchPromptResult, fetchDeleteMedia, fetchRestoreMedia, pageId, commentController, maxFileSize, contentModalUploadImage, maxImageSizeError, debounce: debounceMs, disable, ws, excludeNodes, imagePickerSettings, childPages, language, shiftEnterInsertNewLine, editorRef, placeholder, plugins, }: EditorProps<USER_DATA, CHILD_PAGE>) => JSX_2.Element;
 
 declare interface EditorProps<USER_DATA extends object = object, PAGE_DATA extends PageData = PageData> {
     initialContent: Root | string;
@@ -79,8 +101,6 @@ declare interface EditorProps<USER_DATA extends object = object, PAGE_DATA exten
     maxHeight?: number;
     fetchUploadMedia?: fetchUploadMedia;
     fetchPromptResult?: fetchPromptResult;
-    fetchSmartPastePrompt?: fetchPromptResult;
-    fetchSmartPasteStreamPrompt?: fetchPromptStreamResult;
     fetchDeleteMedia?: fetchDeleteRestoreMedia;
     fetchRestoreMedia?: fetchDeleteRestoreMedia;
     maxFileSize?: number;
@@ -103,6 +123,7 @@ declare interface EditorProps<USER_DATA extends object = object, PAGE_DATA exten
         current: EditorType | null;
     };
     placeholder?: string;
+    plugins?: PluginConfig[];
 }
 
 export { EditorType }
@@ -145,14 +166,19 @@ 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;
 
 export { FOCUS_COMMAND }
 
 export declare function focusEditor(editor: EditorType, atStart?: boolean): void;
 
+export declare const Icon: ({ name, iconStyle, ...rest }: {
+    name: keyof typeof iconsBlockTypeToBlockName;
+    [key: string]: any;
+}) => JSX_2.Element;
+
+declare const iconsBlockTypeToBlockName: Record<string, FC<IconProps>>;
+
 declare type ImagePickerSettings = {
     maxUploadFiles?: number;
     unsplashClientId?: string;
@@ -177,8 +203,43 @@ declare interface PageData {
 
 export { ParagraphNode }
 
+export declare interface PluginConfig {
+    key: string;
+    node: Klass<LexicalNode>;
+    Plugin: React.ComponentType;
+    Provider: React.ComponentType<{
+        children: ReactNode;
+    }>;
+    slashMenu: SlashMenuConfig;
+    modes?: PluginModeConfig;
+}
+
+declare interface PluginModeConfig {
+    comment: boolean;
+    default: boolean;
+    editor: boolean;
+}
+
 export { RangeSelection }
 
+export declare const ResizableContainer: FC<PropsWithChildren<ResizableContainerProps>>;
+
+declare type ResizableContainerProps = {
+    editor: EditorType;
+    width: number | string | 'inherit';
+    height: number | string | 'inherit';
+    isIcon: boolean;
+    initialHeight?: number | string;
+    initialWidth?: number | string;
+    type?: 'video';
+    onResizeEnd: (width: 'inherit' | number | string, height: 'inherit' | number | string) => void;
+    onResizeStart?: () => void;
+    isEmbed?: boolean;
+    alignment?: string;
+    disableInteractions?: boolean;
+    children: ReactElement;
+};
+
 export declare type Root = SerializedEditorState<SerializedLexicalNode>;
 
 export { RootNode }
@@ -187,6 +248,17 @@ declare type SerializedMarkNode = Spread<{
     ids: Array<string>;
 }, SerializedElementNode>;
 
+export declare interface SlashMenuConfig {
+    parentKey: string;
+    name: string;
+    description: string;
+    hint?: string;
+    keywords: string[];
+    icon: ReactNode;
+    command: LexicalCommand<string>;
+    commandPayload: string;
+}
+
 export declare const StylesProvider: ({ children }: {
     children: React.ReactNode;
 }) => JSX_2.Element;