@layers-app/editor 0.7.9 → 0.7.11

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,9 +32,17 @@ export declare type ActiveUserProfile<DATA extends object> = EditorUser<DATA> &
     id: string;
 };
 
-export { CLEAR_EDITOR_COMMAND }
+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 declare type CollabStatus = 'connected' | 'reconnecting' | 'error' | 'disabled';
+export { CLEAR_EDITOR_COMMAND }
 
 declare interface CommentActions {
     add(params: {
@@ -67,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, fetchDeleteMedia, fetchRestoreMedia, pageId, commentController, maxFileSize, contentModalUploadImage, maxImageSizeError, debounce: debounceMs, disable, ws, excludeNodes, imagePickerSettings, childPages, language, shiftEnterInsertNewLine, editorRef, placeholder, maxContentLength, onContentLimitExceeded, }: 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;
@@ -94,24 +114,13 @@ declare interface EditorProps<USER_DATA extends object = object, PAGE_DATA exten
     ws?: EditorWebSocketProps<USER_DATA>;
     excludeNodes?: Record<string, boolean>;
     imagePickerSettings?: ImagePickerSettings;
-    childPages?: {
-        items: PAGE_DATA[];
-        isLoading: boolean;
-    };
+    childPages?: PAGE_DATA[];
     language?: 'ru' | 'en' | 'es';
     editorRef?: {
         current: EditorType | null;
     };
     placeholder?: string;
-    /** Maximum allowed character count (plain text). Default: 50000 */
-    maxContentLength?: number;
-    /** Called when paste/drop is blocked due to content limit */
-    onContentLimitExceeded?: (info: {
-        currentLength: number;
-        pasteLength: number;
-        maxChars: number;
-        remainingChars: number;
-    }) => void;
+    plugins?: PluginConfig[];
 }
 
 export { EditorType }
@@ -127,10 +136,6 @@ declare interface EditorWebSocketProps<USER_DATA extends object> {
     id: string;
     user: EditorUser<USER_DATA>;
     getActiveUsers?: (users: ActiveUserProfile<USER_DATA>[]) => void;
-    onFlush?: (html: string, plainText: string, expectedVersion?: number) => void;
-    onConnectionChange?: (status: CollabStatus) => void;
-    /** Entity version for stale-flush protection */
-    docVersion?: number;
 }
 
 export declare type ErrorDeleteImage = (error?: Error) => void;
@@ -164,6 +169,13 @@ 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;
@@ -188,8 +200,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 }
@@ -198,6 +245,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;