@inshapardaz/likhari-react 0.1.9 → 0.1.11-dev.102

package/dist/EditorRoot.d.ts

@@ -8,7 +8,7 @@ import { type Locale } from './i18n/index.js';
 /** What happens when the user is about to leave with unsaved changes. */
 export type NavigationGuardMode = 'confirm' | 'save-draft' | 'off';
 export interface EditorInitialContent {
-    format: Extract<FormatId, 'lexical-json' | 'plain-text'>;
+    format: FormatId;
     value: string;
 }
 export interface EditorRootProps {

package/dist/EditorRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorRoot.d.ts","sourceRoot":"","sources":["../src/EditorRoot.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EditorRoot.d.ts","sourceRoot":"","sources":["../src/EditorRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAY1D,OAAO,KAAK,EAA8B,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEjF,OAAO,EAAyB,KAAK,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AACvF,OAAO,EAAwB,KAAK,mBAAmB,EAAE,KAAK,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAKzH,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAGjE,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAYhF,OAAO,EAAgC,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAMnE,yEAAyE;AACzE,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,YAAY,GAAG,KAAK,CAAC;AAEnE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,QAAQ,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAChD;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC;;;;;;;;;;;;;;;OAeG;IACH,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,uGAAuG;IACvG,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3E,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,MAAM,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrC,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;IAClD,iBAAiB,IAAI,OAAO,CAAC;IAC7B,cAAc,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACnC,KAAK,IAAI,IAAI,CAAC;CACf;AAQD,eAAO,MAAM,UAAU,uGAqXrB,CAAC"}

package/dist/EditorRoot.js

@@ -7,9 +7,11 @@ import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
 import { ListPlugin } from '@lexical/react/LexicalListPlugin';
 import { CheckListPlugin } from '@lexical/react/LexicalCheckListPlugin';
 import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
+import { TablePlugin } from '@lexical/react/LexicalTablePlugin';
 import { HorizontalRulePlugin } from '@lexical/react/LexicalHorizontalRulePlugin';
 import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
 import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary';
+import { EditorInstancePlugin } from './plugins/EditorInstancePlugin.js';
 import { defaultFormatRegistry } from '@inshapardaz/likhari-converters';
 import { resolveFeatureConfig } from '@inshapardaz/likhari-core';
 import { EDITOR_NODES } from './nodes.js';
@@ -18,6 +20,7 @@ import { EditorThemeProvider } from './theme/EditorThemeProvider.js';
 import { Toolbar } from './components/Toolbar.js';
 import { injectUrduWebFontsCss } from './fonts/index.js';
 import { LinkPastePlugin } from './plugins/LinkPastePlugin.js';
+import { PageBreakPlugin } from './plugins/PageBreakPlugin.js';
 import { DraftRestore } from './components/DraftRestore.js';
 import { LeaveDialog } from './components/LeaveDialog.js';
 import { clearDraft, createDraftId, hasDraftContent, pruneDrafts, writeDraft, } from './persistence/draftStorage.js';
@@ -198,13 +201,20 @@ export const EditorRoot = forwardRef(function EditorRoot({ documentId, initialCo
             return defaultFormatRegistry.serialize(format, json);
         },
         setContent(value, format) {
-            // Applied on next render via editorState prop is not supported for
-            // an already-mounted LexicalComposer; hosts needing this before
-            // Phase 2's controlled-mode support should remount with a new
-            // `initialContent`/`documentId` in the meantime.
-            void value;
-            void format;
-            throw new Error('@inshapardaz/likhari-react: EditorRef.setContent is not implemented yet — controlled mode is Phase 2 work (docs/editor-architecture-design.md §5).');
+            const editor = editorInstanceRef.current;
+            if (!editor)
+                return;
+            const parsed = editor.parseEditorState(JSON.stringify(defaultFormatRegistry.parse(format, value)));
+            // The host's value is the new baseline: clean, and no stale draft of
+            // whatever it replaces should be offered back later.
+            lastSavedJsonRef.current = JSON.stringify(parsed.toJSON());
+            if (autosaveTimerRef.current) {
+                clearTimeout(autosaveTimerRef.current);
+                autosaveTimerRef.current = null;
+            }
+            pendingDraftRef.current = null;
+            editor.setEditorState(parsed);
+            setIsDirty(false);
         },
         hasUnsavedChanges() {
             return isDirty;
@@ -217,6 +227,7 @@ export const EditorRoot = forwardRef(function EditorRoot({ documentId, initialCo
         },
     }), [isDirty]);
     const rootElementRef = useRef(null);
+    const editorInstanceRef = useRef(null);
     const handleChange = (state) => {
         editorStateRef.current = state;
         const json = JSON.stringify(state.toJSON());
@@ -266,7 +277,7 @@ export const EditorRoot = forwardRef(function EditorRoot({ documentId, initialCo
     const portalTargetSelector = `#${CSS.escape(portalTargetId)}`;
     return (_jsx(EditorThemeProvider, { theme: theme, colorScheme: colorScheme, accentColor: accentColor, scopeElementId: portalTargetId, children: _jsxs("div", { className: "likhari-root", dir: dir, ref: rootElementRef, "data-document-id": documentId, style: { height: typeof height === 'number' ? `${height}px` : height }, children: [_jsx("div", { id: portalTargetId, className: "likhari-portal-target" }), _jsx(PortalTargetContext.Provider, { value: portalTargetSelector, children: _jsxs(UiStringsContext.Provider, { value: strings, children: [_jsx(ImageOptionsContext.Provider, { value: imageOptions, children: _jsxs(LexicalComposer, { initialConfig: initialConfig, children: [_jsx(Toolbar, { config: config, onSave: handleSave, isDirty: isDirty, showSave: showSave, fontOptions: fontOptions, direction: dir, locale: locale, drafts: autosave
                                                 ? { currentId: draftId, maxBytes: autosaveMaxBytes, adoptOnRestore: !documentId, onRestored: handleDraftRestored }
-                                                : undefined }), documentId && (_jsx(DraftRestore, { draftId: documentId, mode: restoreDraft, initialJson: initialContentJsonRef.current, locale: locale, onRestored: handleDraftRestored })), _jsx("div", { className: "likhari-canvas", children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: "likhari-content-editable", dir: dir, "aria-label": strings.editor.contentLabel }), placeholder: _jsx("div", { className: "likhari-placeholder", children: resolvedPlaceholder }), ErrorBoundary: LexicalErrorBoundary }) }), config.history && _jsx(HistoryPlugin, {}), (config.lists.bullet || config.lists.numbered || config.lists.check) && _jsx(ListPlugin, {}), config.lists.check && _jsx(CheckListPlugin, {}), config.links && _jsx(LinkPlugin, {}), config.links && _jsx(LinkPastePlugin, {}), config.blocks.horizontalRule && _jsx(HorizontalRulePlugin, {}), _jsx(OnChangePlugin, { onChange: handleChange })] }) }), _jsx(LeaveDialog, { opened: leavePrompt !== null, canSave: Boolean(onSave), canSaveDraft: autosave || navigationGuard === 'save-draft', draftFailed: leavePrompt?.draftFailed ?? false, onSave: () => {
+                                                : undefined }), documentId && (_jsx(DraftRestore, { draftId: documentId, mode: restoreDraft, initialJson: initialContentJsonRef.current, locale: locale, onRestored: handleDraftRestored })), _jsx("div", { className: "likhari-canvas", children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: "likhari-content-editable", dir: dir, "aria-label": strings.editor.contentLabel }), placeholder: _jsx("div", { className: "likhari-placeholder", children: resolvedPlaceholder }), ErrorBoundary: LexicalErrorBoundary }) }), config.history && _jsx(HistoryPlugin, {}), (config.lists.bullet || config.lists.numbered || config.lists.check) && _jsx(ListPlugin, {}), config.lists.check && _jsx(CheckListPlugin, {}), config.links && _jsx(LinkPlugin, {}), config.links && _jsx(LinkPastePlugin, {}), config.blocks.pageBreak && _jsx(PageBreakPlugin, {}), config.tables && _jsx(TablePlugin, { hasCellMerge: false, hasTabHandler: true }), config.blocks.horizontalRule && _jsx(HorizontalRulePlugin, {}), _jsx(EditorInstancePlugin, { instanceRef: editorInstanceRef }), _jsx(OnChangePlugin, { onChange: handleChange })] }) }), _jsx(LeaveDialog, { opened: leavePrompt !== null, canSave: Boolean(onSave), canSaveDraft: autosave || navigationGuard === 'save-draft', draftFailed: leavePrompt?.draftFailed ?? false, onSave: () => {
                                     handleSave();
                                     settleLeave(true);
                                 }, onSaveDraft: () => {

package/dist/blocks/PageBreakNode.d.ts

@@ -0,0 +1,30 @@
+import { type ReactElement } from 'react';
+import { DecoratorNode, type DOMConversionMap, type DOMExportOutput, type EditorConfig, type LexicalCommand, type LexicalNode, type SerializedLexicalNode } from 'lexical';
+export declare const INSERT_PAGE_BREAK_COMMAND: LexicalCommand<void>;
+export type SerializedPageBreakNode = SerializedLexicalNode;
+/**
+ * A manual page break — a print/paginated-export concept with no native
+ * Lexical node (lexical-editor-spec.md §4.3/§4.6). Renders as a visible
+ * dashed marker while editing, and as `page-break-after: always` both live
+ * (a print stylesheet, editor.css) and in exported HTML (`exportDOM`).
+ *
+ * Mirrors @lexical/react's HorizontalRuleNode pattern: `createDOM` returns
+ * the actual visible element (the click target `PageBreakComponent` wires
+ * selection/delete against), rather than `decorate()` rendering visuals.
+ */
+export declare class PageBreakNode extends DecoratorNode<ReactElement> {
+    static getType(): string;
+    static clone(node: PageBreakNode): PageBreakNode;
+    static importJSON(): PageBreakNode;
+    exportJSON(): SerializedPageBreakNode;
+    static importDOM(): DOMConversionMap | null;
+    exportDOM(): DOMExportOutput;
+    createDOM(config: EditorConfig): HTMLElement;
+    getTextContent(): string;
+    isInline(): false;
+    updateDOM(): boolean;
+    decorate(): import("react").JSX.Element;
+}
+export declare function $createPageBreakNode(): PageBreakNode;
+export declare function $isPageBreakNode(node: LexicalNode | null | undefined): node is PageBreakNode;
+//# sourceMappingURL=PageBreakNode.d.ts.map

package/dist/blocks/PageBreakNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageBreakNode.d.ts","sourceRoot":"","sources":["../../src/blocks/PageBreakNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAKlE,OAAO,EAOL,aAAa,EAGb,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,WAAW,EAEhB,KAAK,qBAAqB,EAC3B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,yBAAyB,EAAE,cAAc,CAAC,IAAI,CAA8C,CAAC;AAE1G,MAAM,MAAM,uBAAuB,GAAG,qBAAqB,CAAC;AA6D5D;;;;;;;;;GASG;AACH,qBAAa,aAAc,SAAQ,aAAa,CAAC,YAAY,CAAC;IAC5D,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa;IAIhD,MAAM,CAAC,UAAU,IAAI,aAAa;IAIlC,UAAU,IAAI,uBAAuB;IAIrC,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAS3C,SAAS,IAAI,eAAe;IAO5B,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,WAAW;IAM5C,cAAc,IAAI,MAAM;IAIxB,QAAQ,IAAI,KAAK;IAIjB,SAAS,IAAI,OAAO;IAIpB,QAAQ;CAGT;AAED,wBAAgB,oBAAoB,IAAI,aAAa,CAEpD;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,aAAa,CAE5F"}

package/dist/blocks/PageBreakNode.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection';
+import { addClassNamesToElement, mergeRegister, removeClassNamesFromElement } from '@lexical/utils';
+import { useUiStrings } from '../i18n/useStrings.js';
+import { $applyNodeReplacement, $getSelection, $isNodeSelection, CLICK_COMMAND, COMMAND_PRIORITY_LOW, createCommand, DecoratorNode, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, } from 'lexical';
+export const INSERT_PAGE_BREAK_COMMAND = createCommand('INSERT_PAGE_BREAK_COMMAND');
+const SELECTED_CLASS_NAME = 'likhari-page-break-selected';
+function PageBreakComponent({ nodeKey }) {
+    const [editor] = useLexicalComposerContext();
+    const strings = useUiStrings();
+    const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey);
+    const onDelete = useCallback((event) => {
+        const selection = $getSelection();
+        if (isSelected && $isNodeSelection(selection)) {
+            event.preventDefault();
+            editor.update(() => {
+                selection.getNodes().forEach((node) => {
+                    if ($isPageBreakNode(node))
+                        node.remove();
+                });
+            });
+        }
+        return false;
+    }, [editor, isSelected]);
+    useEffect(() => {
+        return mergeRegister(editor.registerCommand(CLICK_COMMAND, (event) => {
+            const element = editor.getElementByKey(nodeKey);
+            // The marker is made of child spans (the label and two lines), so a
+            // click almost never lands on the outer element itself.
+            if (!element || !element.contains(event.target))
+                return false;
+            if (!event.shiftKey)
+                clearSelection();
+            setSelected(!isSelected);
+            return true;
+        }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_DELETE_COMMAND, onDelete, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_BACKSPACE_COMMAND, onDelete, COMMAND_PRIORITY_LOW));
+    }, [clearSelection, editor, isSelected, nodeKey, onDelete, setSelected]);
+    useEffect(() => {
+        const element = editor.getElementByKey(nodeKey);
+        if (!element)
+            return;
+        if (isSelected)
+            addClassNamesToElement(element, SELECTED_CLASS_NAME);
+        else
+            removeClassNamesFromElement(element, SELECTED_CLASS_NAME);
+    }, [editor, isSelected, nodeKey]);
+    return (_jsxs(_Fragment, { children: [_jsx("span", { className: "likhari-page-break-line", "aria-hidden": "true" }), _jsx("span", { className: "likhari-page-break-label", children: strings.editor.pageBreakLabel }), _jsx("span", { className: "likhari-page-break-line", "aria-hidden": "true" })] }));
+}
+/**
+ * A manual page break — a print/paginated-export concept with no native
+ * Lexical node (lexical-editor-spec.md §4.3/§4.6). Renders as a visible
+ * dashed marker while editing, and as `page-break-after: always` both live
+ * (a print stylesheet, editor.css) and in exported HTML (`exportDOM`).
+ *
+ * Mirrors @lexical/react's HorizontalRuleNode pattern: `createDOM` returns
+ * the actual visible element (the click target `PageBreakComponent` wires
+ * selection/delete against), rather than `decorate()` rendering visuals.
+ */
+export class PageBreakNode extends DecoratorNode {
+    static getType() {
+        return 'page-break';
+    }
+    static clone(node) {
+        return new PageBreakNode(node.__key);
+    }
+    static importJSON() {
+        return $createPageBreakNode();
+    }
+    exportJSON() {
+        return { type: 'page-break', version: 1 };
+    }
+    static importDOM() {
+        return {
+            div: (domNode) => {
+                if (!domNode.hasAttribute('data-likhari-page-break'))
+                    return null;
+                return { conversion: () => ({ node: $createPageBreakNode() }), priority: 2 };
+            },
+        };
+    }
+    exportDOM() {
+        const element = document.createElement('div');
+        element.setAttribute('data-likhari-page-break', '');
+        element.style.pageBreakAfter = 'always';
+        return { element };
+    }
+    createDOM(config) {
+        const element = document.createElement('div');
+        addClassNamesToElement(element, config.theme.pageBreak ?? 'likhari-page-break');
+        return element;
+    }
+    getTextContent() {
+        return '\n';
+    }
+    isInline() {
+        return false;
+    }
+    updateDOM() {
+        return false;
+    }
+    decorate() {
+        return _jsx(PageBreakComponent, { nodeKey: this.__key });
+    }
+}
+export function $createPageBreakNode() {
+    return $applyNodeReplacement(new PageBreakNode());
+}
+export function $isPageBreakNode(node) {
+    return node instanceof PageBreakNode;
+}

package/dist/components/TableDialog.d.ts

@@ -0,0 +1,17 @@
+export interface TableDialogValue {
+    rows: number;
+    columns: number;
+    headerRow: boolean;
+}
+export interface TableDialogProps {
+    opened: boolean;
+    onSubmit: (value: TableDialogValue) => void;
+    onClose: () => void;
+}
+/**
+ * Insert-table dialog: rows x columns and an optional header row. Cell
+ * merge/split is intentionally not offered anywhere in this dialog or the
+ * table it creates — see the comment on `TablePlugin` in `EditorRoot.tsx`.
+ */
+export declare function TableDialog({ opened, onSubmit, onClose }: TableDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=TableDialog.d.ts.map

package/dist/components/TableDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableDialog.d.ts","sourceRoot":"","sources":["../../src/components/TableDialog.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAOD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,gBAAgB,+BAiD1E"}

package/dist/components/TableDialog.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Button, Checkbox, Group, Modal, NumberInput } from '@mantine/core';
+import { useUiStrings } from '../i18n/useStrings.js';
+import { usePortalTarget } from '../PortalTargetContext.js';
+const MIN_DIMENSION = 1;
+const MAX_DIMENSION = 20;
+const DEFAULT_ROWS = 3;
+const DEFAULT_COLUMNS = 3;
+/**
+ * Insert-table dialog: rows x columns and an optional header row. Cell
+ * merge/split is intentionally not offered anywhere in this dialog or the
+ * table it creates — see the comment on `TablePlugin` in `EditorRoot.tsx`.
+ */
+export function TableDialog({ opened, onSubmit, onClose }) {
+    const strings = useUiStrings();
+    const portalTarget = usePortalTarget();
+    const [rows, setRows] = useState(DEFAULT_ROWS);
+    const [columns, setColumns] = useState(DEFAULT_COLUMNS);
+    const [headerRow, setHeaderRow] = useState(true);
+    useEffect(() => {
+        if (!opened)
+            return;
+        setRows(DEFAULT_ROWS);
+        setColumns(DEFAULT_COLUMNS);
+        setHeaderRow(true);
+    }, [opened]);
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        onSubmit({ rows, columns, headerRow });
+    };
+    return (_jsx(Modal, { opened: opened, onClose: onClose, title: strings.tableDialog.title, centered: true, size: "sm", portalProps: { target: portalTarget }, children: _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs(Group, { grow: true, align: "flex-end", children: [_jsx(NumberInput, { label: strings.tableDialog.rows, min: MIN_DIMENSION, max: MAX_DIMENSION, value: rows, onChange: (v) => setRows(typeof v === 'number' ? v : DEFAULT_ROWS), "data-autofocus": true }), _jsx(NumberInput, { label: strings.tableDialog.columns, min: MIN_DIMENSION, max: MAX_DIMENSION, value: columns, onChange: (v) => setColumns(typeof v === 'number' ? v : DEFAULT_COLUMNS) })] }), _jsx(Checkbox, { mt: "sm", label: strings.tableDialog.headerRow, checked: headerRow, onChange: (e) => setHeaderRow(e.currentTarget.checked) }), _jsxs(Group, { justify: "flex-end", gap: "xs", mt: "md", children: [_jsx(Button, { variant: "default", onClick: onClose, children: strings.common.cancel }), _jsx(Button, { type: "submit", children: strings.common.insert })] })] }) }));
+}

package/dist/components/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AA4CA,OAAO,EAAgB,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAA6D,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAItG,OAAO,KAAK,EAAE,MAAM,EAAW,MAAM,iBAAiB,CAAC;AAuUvD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,2BAA2B,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,wFAAwF;IACxF,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAkC,EAAE,SAAiB,EAAE,MAAa,EAAE,MAAM,EAAE,EAAE,YAAY,+BA4xBxJ"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAuDA,OAAO,EAAgB,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAA6D,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAItG,OAAO,KAAK,EAAE,MAAM,EAAW,MAAM,iBAAiB,CAAC;AA+YvD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,2BAA2B,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,wFAAwF;IACxF,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAkC,EAAE,SAAiB,EAAE,MAAa,EAAE,MAAM,EAAE,EAAE,YAAY,+BAg7BxJ"}

package/dist/components/Toolbar.js

@@ -11,6 +11,10 @@ import { $findMatchingParent, $insertNodeToNearestRoot } from '@lexical/utils';
 import { INSERT_HORIZONTAL_RULE_COMMAND } from '@lexical/react/LexicalHorizontalRuleNode';
 import { ImageDialog } from '../image/ImageDialog.js';
 import { $createImageNode } from '../image/ImageNode.js';
+import { INSERT_PAGE_BREAK_COMMAND } from '../blocks/PageBreakNode.js';
+import { TableDialog } from './TableDialog.js';
+import { $getTableCellNodeFromLexicalNode, $isTableSelection, INSERT_TABLE_COMMAND } from '@lexical/table';
+import { $deleteTable, $deleteTableColumns, $deleteTableRows, $getTableSelectionSize, $insertTableColumns, $insertTableRows, } from '../table/tableActions.js';
 import { $createLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link';
 import { LinkDialog } from './LinkDialog.js';
 import { DraftsDialog } from './DraftsDialog.js';
@@ -19,7 +23,7 @@ import { CANVAS_FONT_DEFAULTS, DEFAULT_FONT_OPTIONS, FONT_SIZES_PX } from '../fo
 import { setStyleProperty } from '../utils/style.js';
 import { useStrings } from '../i18n/useStrings.js';
 import { usePortalTarget } from '../PortalTargetContext.js';
-import { IconAbc, IconAlignCenter, IconAlignJustified, IconAlignLeft, IconAlignRight, IconArrowBackUp, IconArrowForwardUp, IconBold, IconClearFormatting, IconDeviceFloppy, IconDots, IconHistory, IconExternalLink, IconFeather, IconH1, IconH2, IconH3, IconH4, IconH5, IconH6, IconIndentDecrease, IconIndentIncrease, IconItalic, IconLetterCase, IconLetterCaseLower, IconLetterCaseUpper, IconLink, IconLinkOff, IconList, IconListCheck, IconListNumbers, IconPencil, IconPhoto, IconPilcrow, IconQuote, IconSeparatorHorizontal, IconSparkles, IconStrikethrough, IconSubscript, IconSuperscript, IconTextSize, IconTypography, IconUnderline, IconWand, } from '@tabler/icons-react';
+import { IconAbc, IconAlignCenter, IconAlignJustified, IconAlignLeft, IconAlignRight, IconArrowBackUp, IconArrowForwardUp, IconBold, IconClearFormatting, IconDeviceFloppy, IconDots, IconHistory, IconExternalLink, IconFeather, IconH1, IconH2, IconH3, IconH4, IconH5, IconH6, IconIndentDecrease, IconIndentIncrease, IconItalic, IconLetterCase, IconLetterCaseLower, IconLetterCaseUpper, IconLink, IconLinkOff, IconList, IconListCheck, IconListNumbers, IconPageBreak, IconPencil, IconPhoto, IconPilcrow, IconQuote, IconSeparatorHorizontal, IconSparkles, IconStrikethrough, IconSubscript, IconSuperscript, IconColumnInsertLeft, IconColumnInsertRight, IconColumnRemove, IconRowInsertBottom, IconRowInsertTop, IconRowRemove, IconTable, IconTableMinus, IconTableOptions, IconTextSize, IconTypography, IconUnderline, IconWand, } from '@tabler/icons-react';
 /** Sentinel for "no inline style": Lexical returns the default it is given when
  * the selection has none, so this tells "unstyled" (show the canvas default)
  * apart from "styled with a value the dropdown doesn't list" (show nothing). */
@@ -33,6 +37,9 @@ const INITIAL_STATE = {
     fontSize: UNSET_STYLE,
     isLink: false,
     linkUrl: '',
+    inTable: false,
+    tableRows: 1,
+    tableColumns: 1,
     canUndo: false,
     canRedo: false,
 };
@@ -121,6 +128,21 @@ function LinkMenuItems({ url, onEdit, onRemove, strings }) {
             // Not a URL the editor would accept (e.g. loaded from a document): show it, don't make it clickable.
             _jsx(Menu.Item, { disabled: true, title: url, className: "likhari-link-menu-url", children: url || strings.link.noUrl })), _jsx(Menu.Item, { leftSection: _jsx(IconPencil, { size: ICON_SIZE, stroke: ICON_STROKE }), onMouseDown: (e) => e.preventDefault(), onClick: onEdit, children: strings.link.editLink }), _jsx(Menu.Item, { color: "red", leftSection: _jsx(IconLinkOff, { size: ICON_SIZE, stroke: ICON_STROKE }), onMouseDown: (e) => e.preventDefault(), onClick: onRemove, children: strings.link.removeLink })] }));
 }
+/** The table actions menu's contents — shared by the toolbar button and the
+ * right-click menu. Each acts on the selected cell, or on every row/column a
+ * multi-cell selection covers. */
+function TableMenuItems({ strings, direction, rows, columns, onAction, }) {
+    const t = strings.tableMenu;
+    // "Before" is the start side, which is on the right in an RTL table.
+    const rtl = direction === 'rtl';
+    const manyRows = rows > 1;
+    const manyColumns = columns > 1;
+    const item = (icon, label, action, color) => {
+        const Icon = icon;
+        return (_jsx(Menu.Item, { color: color, leftSection: _jsx(Icon, { size: ICON_SIZE, stroke: ICON_STROKE }), onMouseDown: (e) => e.preventDefault(), onClick: onAction(action), children: label }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Menu.Label, { children: t.menuLabel }), item(IconRowInsertTop, manyRows ? t.insertRowsBefore : t.insertRowBefore, () => $insertTableRows(false)), item(IconRowInsertBottom, manyRows ? t.insertRowsAfter : t.insertRowAfter, () => $insertTableRows(true)), item(rtl ? IconColumnInsertRight : IconColumnInsertLeft, manyColumns ? t.insertColumnsBefore : t.insertColumnBefore, () => $insertTableColumns(false)), item(rtl ? IconColumnInsertLeft : IconColumnInsertRight, manyColumns ? t.insertColumnsAfter : t.insertColumnAfter, () => $insertTableColumns(true)), _jsx(Menu.Divider, {}), item(IconRowRemove, manyRows ? t.deleteRows : t.deleteRow, $deleteTableRows), item(IconColumnRemove, manyColumns ? t.deleteColumns : t.deleteColumn, $deleteTableColumns), item(IconTableMinus, t.deleteTable, $deleteTable, 'red')] }));
+}
 export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAULT_FONT_OPTIONS, direction = 'ltr', locale = 'en', drafts }) {
     const [editor] = useLexicalComposerContext();
     const [state, setState] = useState(INITIAL_STATE);
@@ -139,9 +161,17 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
     const updateToolbar = useCallback(() => {
         editor.getEditorState().read(() => {
             const selection = $getSelection();
+            // A selection of several table cells isn't a range selection.
+            if ($isTableSelection(selection)) {
+                const { rows, columns } = $getTableSelectionSize();
+                setState((s) => ({ ...s, inTable: true, tableRows: rows, tableColumns: columns }));
+                return;
+            }
             if (!$isRangeSelection(selection))
                 return;
             const anchorNode = selection.anchor.getNode();
+            const inTable = $getTableCellNodeFromLexicalNode(anchorNode) !== null;
+            const tableSize = inTable ? $getTableSelectionSize() : { rows: 1, columns: 1 };
             const element = anchorNode.getKey() === 'root' ? anchorNode : (anchorNode.getTopLevelElement() ?? anchorNode);
             const listParent = $findMatchingParent(anchorNode, $isListNode);
             const listType = listParent && $isListNode(listParent) ? listParent.getListType() : null;
@@ -177,6 +207,9 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
                 fontSize,
                 isLink,
                 linkUrl,
+                inTable,
+                tableRows: tableSize.rows,
+                tableColumns: tableSize.columns,
             }));
         });
     }, [editor]);
@@ -276,6 +309,26 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
         });
         closeImageDialog();
     };
+    const [tableDialogOpen, setTableDialogOpen] = useState(false);
+    const openTableDialog = () => {
+        snapshotSelection();
+        setTableDialogOpen(true);
+    };
+    const closeTableDialog = () => {
+        setTableDialogOpen(false);
+        editor.focus();
+    };
+    const insertTable = ({ rows, columns, headerRow }) => {
+        const saved = menuSelectionRef.current;
+        if (saved)
+            editor.update(() => $setSelection(saved.clone()), { discrete: true });
+        editor.dispatchCommand(INSERT_TABLE_COMMAND, {
+            rows: String(rows),
+            columns: String(columns),
+            includeHeaders: { rows: headerRow, columns: false },
+        });
+        closeTableDialog();
+    };
     /** Applies a font property per `config.font.scope`: to the selection, to
      * every text node in the document, or (for 'both') to the selection when
      * there is a range and to the whole document when there isn't. */
@@ -369,6 +422,50 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
             root?.addEventListener('contextmenu', onContextMenu);
         });
     }, [editor, config.links]);
+    // Table actions. The menu takes focus, so the selection is snapshotted when it
+    // opens and restored before an action runs.
+    const runTableAction = (action) => () => {
+        restoreSelection();
+        editor.update(action);
+        editor.focus();
+    };
+    // Right-clicking a table cell opens the same actions at the pointer.
+    const [tableContext, setTableContext] = useState(null);
+    useEffect(() => {
+        if (!config.tables)
+            return;
+        const onContextMenu = (event) => {
+            if (event.defaultPrevented)
+                return; // a link inside the cell already took it
+            const cellElement = event.target?.closest?.('td, th');
+            if (!cellElement)
+                return;
+            let handled = false;
+            editor.update(() => {
+                const node = $getNearestNodeFromDOMNode(cellElement);
+                const cell = node ? $getTableCellNodeFromLexicalNode(node) : null;
+                if (!cell)
+                    return;
+                handled = true;
+                const selection = $getSelection();
+                // Keep a multi-cell selection that includes this cell, so "insert
+                // rows" / "delete columns" act on everything selected.
+                const insideSelection = $isTableSelection(selection) && selection.getNodes().some((n) => n.getKey() === cell.getKey());
+                if (!insideSelection)
+                    cell.selectEnd();
+            }, { discrete: true });
+            if (!handled)
+                return;
+            event.preventDefault();
+            snapshotSelectionRef.current();
+            const size = editor.getEditorState().read($getTableSelectionSize);
+            setTableContext({ x: event.clientX, y: event.clientY, rows: size.rows, columns: size.columns });
+        };
+        return editor.registerRootListener((root, previous) => {
+            previous?.removeEventListener('contextmenu', onContextMenu);
+            root?.addEventListener('contextmenu', onContextMenu);
+        });
+    }, [editor, config.tables]);
     // Ctrl/Cmd+K opens the link dialog.
     useEffect(() => {
         if (!config.links)
@@ -429,7 +526,12 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
     const showFormattingGroup = headingLevels.length > 0 || config.lists.bullet || config.lists.numbered || config.lists.check || config.blocks.quote;
     const showInlineGroup = fmt.bold || fmt.italic || fmt.underline;
     const showAlignGroup = config.alignment.start || config.alignment.center || config.alignment.justify || config.alignment.left || config.alignment.right;
-    const showStubInsertGroup = config.images.linked || config.images.embedded || config.blocks.horizontalRule || config.poetry.enabled;
+    const showStubInsertGroup = config.images.linked ||
+        config.images.embedded ||
+        config.tables ||
+        config.blocks.horizontalRule ||
+        config.blocks.pageBreak ||
+        config.poetry.enabled;
     const showLanguageGroup = config.language.autocorrect || config.language.textCleanup || config.language.spellCheck;
     // The "script & cleanup" and "indent/outdent" groups (UI spec §3.3) render
     // as normal inline toolbar groups whenever there's room, and only move
@@ -599,7 +701,8 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
                                 restoreSelection();
                                 openLinkDialog();
                             }, onRemove: removeLink, strings: strings }) })] })) : (_jsx(ToolbarButton, { icon: IconLink, title: strings.toolbar.insertLink, onClick: openLinkDialog })) }, "link")),
-        showStubInsertGroup && (_jsxs("div", { className: "likhari-toolbar-group likhari-toolbar-group--collapse-tablet", children: [(config.images.linked || config.images.embedded) && (_jsx(ToolbarButton, { icon: IconPhoto, title: strings.toolbar.insertImage, onClick: openImageDialog })), config.blocks.horizontalRule && (_jsx(ToolbarButton, { icon: IconSeparatorHorizontal, title: strings.toolbar.insertHorizontalRule, onClick: () => editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined) })), config.poetry.enabled && _jsx(StubButton, { icon: IconFeather, title: strings.toolbar.poetryBlocks, comingSoon: strings.toolbar.comingSoon })] }, "stubInsert")),
+        showStubInsertGroup && (_jsxs("div", { className: "likhari-toolbar-group likhari-toolbar-group--collapse-tablet", children: [(config.images.linked || config.images.embedded) && (_jsx(ToolbarButton, { icon: IconPhoto, title: strings.toolbar.insertImage, onClick: openImageDialog })), config.blocks.pageBreak && (_jsx(ToolbarButton, { icon: IconPageBreak, title: strings.toolbar.insertPageBreak, onClick: () => editor.dispatchCommand(INSERT_PAGE_BREAK_COMMAND, undefined) })), config.tables && _jsx(ToolbarButton, { icon: IconTable, title: strings.toolbar.insertTable, onClick: openTableDialog }), config.blocks.horizontalRule && (_jsx(ToolbarButton, { icon: IconSeparatorHorizontal, title: strings.toolbar.insertHorizontalRule, onClick: () => editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined) })), config.poetry.enabled && _jsx(StubButton, { icon: IconFeather, title: strings.toolbar.poetryBlocks, comingSoon: strings.toolbar.comingSoon })] }, "stubInsert")),
+        config.tables && state.inTable && (_jsx("div", { className: "likhari-toolbar-group", children: _jsxs(Menu, { position: "bottom-start", withinPortal: true, portalProps: { target: portalTarget }, shadow: "sm", width: 240, onOpen: snapshotSelection, children: [_jsx(Menu.Target, { children: _jsx("button", { type: "button", className: "likhari-toolbar-button", "data-active": "true", "aria-pressed": "true", "aria-haspopup": "menu", "aria-label": strings.toolbar.tableOptions, title: strings.toolbar.tableOptions, onMouseDown: (e) => e.preventDefault(), children: _jsx(IconTableOptions, { size: ICON_SIZE, stroke: ICON_STROKE }) }) }), _jsx(Menu.Dropdown, { children: _jsx(TableMenuItems, { strings: strings, direction: direction, rows: state.tableRows, columns: state.tableColumns, onAction: runTableAction }) })] }) }, "tableActions")),
         showLanguageGroup && (_jsxs("div", { className: "likhari-toolbar-group likhari-toolbar-group--collapse-tablet", children: [config.language.autocorrect && _jsx(StubButton, { icon: IconWand, title: strings.toolbar.autocorrect, comingSoon: strings.toolbar.comingSoon }), config.language.textCleanup && _jsx(StubButton, { icon: IconSparkles, title: strings.toolbar.textCleanup, comingSoon: strings.toolbar.comingSoon }), config.language.spellCheck && _jsx(StubButton, { icon: IconAbc, title: strings.toolbar.spellChecker, comingSoon: strings.toolbar.comingSoon })] }, "language")),
     ];
     return (_jsxs("div", { className: "likhari-toolbar", role: "toolbar", "aria-label": strings.toolbar.ariaLabel, ref: toolbarContainerRef, children: [fixedGroups, movableGroups
@@ -612,7 +715,10 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
                 }, position: "bottom-start", withinPortal: true, portalProps: { target: portalTarget }, shadow: "sm", width: 240, children: [_jsx(Menu.Target, { children: _jsx("span", { "aria-hidden": "true", style: { position: 'fixed', left: linkContext?.x ?? -9999, top: linkContext?.y ?? -9999, width: 1, height: 1, pointerEvents: 'none' } }) }), _jsx(Menu.Dropdown, { children: _jsx(LinkMenuItems, { url: linkContext?.url ?? '', onEdit: () => {
                                 restoreSelection();
                                 openLinkDialog();
-                            }, onRemove: removeLink, strings: strings }) })] })), _jsxs("div", { "aria-hidden": "true", ref: toolbarMeasureRef, style: {
+                            }, onRemove: removeLink, strings: strings }) })] })), config.tables && (_jsxs(Menu, { opened: tableContext !== null, onChange: (opened) => {
+                    if (!opened)
+                        setTableContext(null);
+                }, position: "bottom-start", withinPortal: true, portalProps: { target: portalTarget }, shadow: "sm", width: 240, children: [_jsx(Menu.Target, { children: _jsx("span", { "aria-hidden": "true", style: { position: 'fixed', left: tableContext?.x ?? -9999, top: tableContext?.y ?? -9999, width: 1, height: 1, pointerEvents: 'none' } }) }), _jsx(Menu.Dropdown, { children: _jsx(TableMenuItems, { strings: strings, direction: direction, rows: tableContext?.rows ?? 1, columns: tableContext?.columns ?? 1, onAction: runTableAction }) })] })), _jsxs("div", { "aria-hidden": "true", ref: toolbarMeasureRef, style: {
                     position: 'absolute',
                     visibility: 'hidden',
                     pointerEvents: 'none',
@@ -621,5 +727,5 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
                     display: 'flex',
                     flexWrap: 'nowrap',
                     gap: 8,
-                }, children: [fixedGroups, movableGroups.map((group) => (_jsx(MovableGroupButtons, { group: group }, group.key)))] }), (config.images.linked || config.images.embedded) && (_jsx(ImageDialog, { mode: "insert", opened: imageDialogOpen, onSubmit: insertImage, onClose: closeImageDialog })), config.links && (_jsx(LinkDialog, { opened: linkDialogOpen, initialUrl: state.linkUrl, showTextField: linkNeedsText, onSubmit: applyLink, onRemove: state.isLink ? removeLink : undefined, onClose: closeLinkDialog })), drafts && _jsx(DraftsDialog, { opened: draftsOpen, locale: locale, onClose: () => setDraftsOpen(false), ...drafts })] }));
+                }, children: [fixedGroups, movableGroups.map((group) => (_jsx(MovableGroupButtons, { group: group }, group.key)))] }), (config.images.linked || config.images.embedded) && (_jsx(ImageDialog, { mode: "insert", opened: imageDialogOpen, onSubmit: insertImage, onClose: closeImageDialog })), config.tables && _jsx(TableDialog, { opened: tableDialogOpen, onSubmit: insertTable, onClose: closeTableDialog }), config.links && (_jsx(LinkDialog, { opened: linkDialogOpen, initialUrl: state.linkUrl, showTextField: linkNeedsText, onSubmit: applyLink, onRemove: state.isLink ? removeLink : undefined, onClose: closeLinkDialog })), drafts && _jsx(DraftsDialog, { opened: draftsOpen, locale: locale, onClose: () => setDraftsOpen(false), ...drafts })] }));
 }

package/dist/i18n/strings.d.ts

@@ -13,6 +13,8 @@ export interface Strings {
         placeholder: string;
         /** aria-label on the contenteditable itself. */
         contentLabel: string;
+        /** Label shown on a page-break marker's dashed line while editing. */
+        pageBreakLabel: string;
     };
     common: {
         cancel: string;
@@ -38,8 +40,12 @@ export interface Strings {
         noMatch: string;
         alignment: string;
         linkOptions: string;
+        /** Toolbar button (shown while the caret is in a table) that opens the table actions menu. */
+        tableOptions: string;
         insertLink: string;
         insertImage: string;
+        insertPageBreak: string;
+        insertTable: string;
         insertHorizontalRule: string;
         poetryBlocks: string;
         comingSoon: (label: string) => string;
@@ -108,6 +114,24 @@ export interface Strings {
         delete: string;
         close: string;
     };
+    /** The table actions menu (toolbar button and right-click on a cell). */
+    tableMenu: {
+        menuLabel: string;
+        insertRowBefore: string;
+        insertRowAfter: string;
+        insertColumnBefore: string;
+        insertColumnAfter: string;
+        deleteRow: string;
+        deleteColumn: string;
+        deleteTable: string;
+        /** Plural forms, used when the selection spans several rows or columns. */
+        insertRowsBefore: string;
+        insertRowsAfter: string;
+        insertColumnsBefore: string;
+        insertColumnsAfter: string;
+        deleteRows: string;
+        deleteColumns: string;
+    };
     link: {
         menuLabel: string;
         noUrl: string;
@@ -124,6 +148,12 @@ export interface Strings {
         invalidUrl: string;
         apply: string;
     };
+    tableDialog: {
+        title: string;
+        rows: string;
+        columns: string;
+        headerRow: string;
+    };
     imageDialog: {
         titleInsert: string;
         titleEdit: string;

package/dist/i18n/strings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../src/i18n/strings.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;+DAC+D;AAC/D,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,cAAc,CAAC;AAElD,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE;QACN,mGAAmG;QACnG,WAAW,EAAE,MAAM,CAAC;QACpB,gDAAgD;QAChD,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,OAAO,EAAE;QACP,gEAAgE;QAChE,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,0CAA0C;QAC1C,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,eAAe,EAAE,MAAM,CAAC;QACxB,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,qBAAqB,EAAE,MAAM,CAAC;QAC9B,QAAQ,EAAE,MAAM,CAAC;QACjB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;QACpB,oBAAoB,EAAE,MAAM,CAAC;QAC7B,YAAY,EAAE,MAAM,CAAC;QACrB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;QACtC,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QACrB,cAAc,EAAE,MAAM,CAAC;QACvB,aAAa,EAAE,MAAM,CAAC;QACtB,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,eAAe,EAAE,MAAM,CAAC;QACxB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,iBAAiB,EAAE;YACjB,SAAS,EAAE,MAAM,CAAC;YAClB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;YACnC,YAAY,EAAE,MAAM,CAAC;YACrB,UAAU,EAAE,MAAM,CAAC;YACnB,QAAQ,EAAE,MAAM,CAAC;YACjB,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;QACF,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;YACf,GAAG,EAAE,MAAM,CAAC;YACZ,OAAO,EAAE,MAAM,CAAC;YAChB,IAAI,EAAE,MAAM,CAAC;YACb,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,uIAAuI;IACvI,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;QAChB,2FAA2F;QAC3F,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,oGAAoG;IACpG,MAAM,EAAE;QACN,0GAA0G;QAC1G,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;QACxC,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,2DAA2D;QAC3D,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,MAAM,CAAC;QACjB,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;QACtC,eAAe,EAAE,MAAM,CAAC;QACxB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;QACzC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;QAClC,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;QAC7B,aAAa,EAAE,MAAM,CAAC;QACtB,OAAO,EAAE,MAAM,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,EAAE;QACV,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,MAAM,CAAC;QAClB,eAAe,EAAE,MAAM,CAAC;QACxB,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,WAAW,EAAE;QACX,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,kBAAkB,EAAE,MAAM,CAAC;QAC3B,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;QACpC,aAAa,EAAE,MAAM,CAAC;QACtB,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;QACtB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,cAAc,EAAE,MAAM,CAAC;QACvB,oBAAoB,EAAE,MAAM,CAAC;QAC7B,gBAAgB,EAAE,MAAM,CAAC;QACzB,SAAS,EAAE,MAAM,CAAC;QAClB,eAAe,EAAE,MAAM,CAAC;QACxB,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,gBAAgB,EAAE,OAAO,KAAK,MAAM,CAAC;QAC1E,YAAY,EAAE,MAAM,CAAC;QACrB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,YAAY,EAAE,MAAM,CAAC;QACrB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,MAAM,EAAE;YACN,QAAQ,EAAE,MAAM,CAAC;YACjB,UAAU,EAAE,MAAM,CAAC;YACnB,OAAO,EAAE,MAAM,CAAC;YAChB,cAAc,EAAE,MAAM,CAAC;YACvB,YAAY,EAAE,MAAM,CAAC;YACrB,eAAe,EAAE,MAAM,CAAC;YACxB,gBAAgB,EAAE,MAAM,CAAC;YACzB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;SAC3C,CAAC;KACH,CAAC;IACF,eAAe,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;QACpB,eAAe,EAAE,MAAM,CAAC;QACxB,eAAe,EAAE,MAAM,CAAC;QACxB,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,CAAC,OAAO,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,GAAG,IAAI,KAAK,MAAM,CAAC;QACxE,MAAM,EAAE;YACN,cAAc,EAAE,MAAM,CAAC;YACvB,YAAY,EAAE,MAAM,CAAC;YACrB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;SAC3C,CAAC;KACH,CAAC;IACF,SAAS,EAAE;QACT,SAAS,EAAE,MAAM,CAAC;QAClB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;QACtB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AA6fD,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAI3C,CAAC;AAEF;;sDAEsD;AACtD,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAElD"}
+{"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../src/i18n/strings.ts"],"names":[],"mappings":"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"}

package/dist/i18n/strings.js

@@ -8,6 +8,7 @@ const en = {
     editor: {
         placeholder: 'Start writing…',
         contentLabel: 'Editor content',
+        pageBreakLabel: 'Page break',
     },
     common: {
         cancel: 'Cancel',
@@ -31,8 +32,11 @@ const en = {
         noMatch: 'No match',
         alignment: 'Alignment',
         linkOptions: 'Link options',
+        tableOptions: 'Table options',
         insertLink: 'Insert link (Ctrl+K)',
         insertImage: 'Insert image',
+        insertPageBreak: 'Insert page break',
+        insertTable: 'Insert table',
         insertHorizontalRule: 'Insert horizontal rule',
         poetryBlocks: 'Poetry blocks',
         comingSoon: (label) => `${label} (coming soon)`,
@@ -96,6 +100,22 @@ const en = {
         delete: 'Delete',
         close: 'Close',
     },
+    tableMenu: {
+        menuLabel: 'Table',
+        insertRowBefore: 'Insert row before',
+        insertRowAfter: 'Insert row after',
+        insertColumnBefore: 'Insert column before',
+        insertColumnAfter: 'Insert column after',
+        deleteRow: 'Delete row',
+        deleteColumn: 'Delete column',
+        deleteTable: 'Delete table',
+        insertRowsBefore: 'Insert rows before',
+        insertRowsAfter: 'Insert rows after',
+        insertColumnsBefore: 'Insert columns before',
+        insertColumnsAfter: 'Insert columns after',
+        deleteRows: 'Delete rows',
+        deleteColumns: 'Delete columns',
+    },
     link: {
         menuLabel: 'Link',
         noUrl: '(no URL)',
@@ -112,6 +132,12 @@ const en = {
         invalidUrl: 'Enter a valid http(s), mailto, tel or relative URL',
         apply: 'Apply',
     },
+    tableDialog: {
+        title: 'Insert table',
+        rows: 'Rows',
+        columns: 'Columns',
+        headerRow: 'Header row',
+    },
     imageDialog: {
         titleInsert: 'Insert image',
         titleEdit: 'Edit image',
@@ -175,6 +201,7 @@ const ur = {
     editor: {
         placeholder: 'لکھنا شروع کریں…',
         contentLabel: 'ایڈیٹر کا مواد',
+        pageBreakLabel: 'صفحے کی تقسیم',
     },
     common: {
         cancel: 'منسوخ کریں',
@@ -198,8 +225,11 @@ const ur = {
         noMatch: 'کوئی مماثلت نہیں',
         alignment: 'سیدھ',
         linkOptions: 'لنک کے اختیارات',
+        tableOptions: 'جدول کے اختیارات',
         insertLink: 'لنک شامل کریں (Ctrl+K)',
         insertImage: 'تصویر شامل کریں',
+        insertPageBreak: 'صفحے کی تقسیم شامل کریں',
+        insertTable: 'جدول شامل کریں',
         insertHorizontalRule: 'افقی لکیر شامل کریں',
         poetryBlocks: 'شاعری کے بلاکس',
         comingSoon: (label) => `${label} (جلد آ رہا ہے)`,
@@ -263,6 +293,22 @@ const ur = {
         delete: 'حذف کریں',
         close: 'بند کریں',
     },
+    tableMenu: {
+        menuLabel: 'جدول',
+        insertRowBefore: 'پہلے قطار شامل کریں',
+        insertRowAfter: 'بعد میں قطار شامل کریں',
+        insertColumnBefore: 'پہلے کالم شامل کریں',
+        insertColumnAfter: 'بعد میں کالم شامل کریں',
+        deleteRow: 'قطار حذف کریں',
+        deleteColumn: 'کالم حذف کریں',
+        deleteTable: 'جدول حذف کریں',
+        insertRowsBefore: 'پہلے قطاریں شامل کریں',
+        insertRowsAfter: 'بعد میں قطاریں شامل کریں',
+        insertColumnsBefore: 'پہلے کالمز شامل کریں',
+        insertColumnsAfter: 'بعد میں کالمز شامل کریں',
+        deleteRows: 'قطاریں حذف کریں',
+        deleteColumns: 'کالمز حذف کریں',
+    },
     link: {
         menuLabel: 'لنک',
         noUrl: '(کوئی یو آر ایل نہیں)',
@@ -279,6 +325,12 @@ const ur = {
         invalidUrl: 'براہِ کرم ایک درست http(s)، mailto، tel یا رشتہ دار یو آر ایل درج کریں',
         apply: 'لاگو کریں',
     },
+    tableDialog: {
+        title: 'جدول شامل کریں',
+        rows: 'قطاریں',
+        columns: 'کالم',
+        headerRow: 'سرِ فہرست قطار',
+    },
     imageDialog: {
         titleInsert: 'تصویر شامل کریں',
         titleEdit: 'تصویر میں ترمیم کریں',
@@ -342,6 +394,7 @@ const paShahmukhi = {
     editor: {
         placeholder: 'لکھنا شروع کرو…',
         contentLabel: 'ایڈیٹر دی سامگری',
+        pageBreakLabel: 'صفحے دی ونڈ',
     },
     common: {
         cancel: 'رد کرو',
@@ -365,8 +418,11 @@ const paShahmukhi = {
         noMatch: 'کوئی نئیں ملیا',
         alignment: 'سیدھ',
         linkOptions: 'لنک دے اختیار',
+        tableOptions: 'ٹیبل دے اختیار',
         insertLink: 'لنک پاؤ (Ctrl+K)',
         insertImage: 'تصویر پاؤ',
+        insertPageBreak: 'صفحے دی ونڈ پاؤ',
+        insertTable: 'ٹیبل پاؤ',
         insertHorizontalRule: 'لیٹی لکیر پاؤ',
         poetryBlocks: 'شاعری بلاک',
         comingSoon: (label) => `${label} (چھیتی آ رہا اے)`,
@@ -430,6 +486,22 @@ const paShahmukhi = {
         delete: 'مٹاؤ',
         close: 'بند کرو',
     },
+    tableMenu: {
+        menuLabel: 'ٹیبل',
+        insertRowBefore: 'پہلاں قطار پاؤ',
+        insertRowAfter: 'بعد وچ قطار پاؤ',
+        insertColumnBefore: 'پہلاں کالم پاؤ',
+        insertColumnAfter: 'بعد وچ کالم پاؤ',
+        deleteRow: 'قطار مٹاؤ',
+        deleteColumn: 'کالم مٹاؤ',
+        deleteTable: 'ٹیبل مٹاؤ',
+        insertRowsBefore: 'پہلاں قطاراں پاؤ',
+        insertRowsAfter: 'بعد وچ قطاراں پاؤ',
+        insertColumnsBefore: 'پہلاں کالماں پاؤ',
+        insertColumnsAfter: 'بعد وچ کالماں پاؤ',
+        deleteRows: 'قطاراں مٹاؤ',
+        deleteColumns: 'کالماں مٹاؤ',
+    },
     link: {
         menuLabel: 'لنک',
         noUrl: '(کوئی یو آر ایل نئیں)',
@@ -446,6 +518,12 @@ const paShahmukhi = {
         invalidUrl: 'کِرپا کر کے صحیح http(s)، mailto، tel یا نسبتی یو آر ایل پاؤ',
         apply: 'لاگو کرو',
     },
+    tableDialog: {
+        title: 'ٹیبل پاؤ',
+        rows: 'قطاراں',
+        columns: 'کالم',
+        headerRow: 'سرکڑی قطار',
+    },
     imageDialog: {
         titleInsert: 'تصویر پاؤ',
         titleEdit: 'تصویر وچ تبدیلی کرو',

package/dist/nodes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../src/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAOlD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,EAQ5C,CAAC"}
+{"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../src/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AASlD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,EAY5C,CAAC"}

package/dist/nodes.js

@@ -2,7 +2,9 @@ import { HeadingNode, QuoteNode } from '@lexical/rich-text';
 import { ListItemNode, ListNode } from '@lexical/list';
 import { LinkNode } from '@lexical/link';
 import { HorizontalRuleNode } from '@lexical/react/LexicalHorizontalRuleNode';
+import { TableCellNode, TableNode, TableRowNode } from '@lexical/table';
 import { ImageNode } from './image/ImageNode.js';
+import { PageBreakNode } from './blocks/PageBreakNode.js';
 /**
  * Node types registered on the editor at construction time. Per
  * editor-architecture-design.md §2, node registration cannot be conditional
@@ -19,5 +21,9 @@ export const EDITOR_NODES = [
     ListItemNode,
     LinkNode,
     HorizontalRuleNode,
+    TableNode,
+    TableRowNode,
+    TableCellNode,
     ImageNode,
+    PageBreakNode,
 ];

package/dist/plugins/EditorInstancePlugin.d.ts

@@ -0,0 +1,7 @@
+import { type MutableRefObject } from 'react';
+import type { LexicalEditor } from 'lexical';
+/** Hands the composer's editor to the component that owns the imperative ref. */
+export declare function EditorInstancePlugin({ instanceRef }: {
+    instanceRef: MutableRefObject<LexicalEditor | null>;
+}): null;
+//# sourceMappingURL=EditorInstancePlugin.d.ts.map

package/dist/plugins/EditorInstancePlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorInstancePlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/EditorInstancePlugin.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,iFAAiF;AACjF,wBAAgB,oBAAoB,CAAC,EAAE,WAAW,EAAE,EAAE;IAAE,WAAW,EAAE,gBAAgB,CAAC,aAAa,GAAG,IAAI,CAAC,CAAA;CAAE,GAAG,IAAI,CASnH"}

package/dist/plugins/EditorInstancePlugin.js

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+/** Hands the composer's editor to the component that owns the imperative ref. */
+export function EditorInstancePlugin({ instanceRef }) {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        instanceRef.current = editor;
+        return () => {
+            instanceRef.current = null;
+        };
+    }, [editor, instanceRef]);
+    return null;
+}

package/dist/plugins/PageBreakPlugin.d.ts

@@ -0,0 +1,3 @@
+/** Registers INSERT_PAGE_BREAK_COMMAND — mirrors @lexical/react's own HorizontalRulePlugin. */
+export declare function PageBreakPlugin(): null;
+//# sourceMappingURL=PageBreakPlugin.d.ts.map

package/dist/plugins/PageBreakPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageBreakPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/PageBreakPlugin.tsx"],"names":[],"mappings":"AAMA,+FAA+F;AAC/F,wBAAgB,eAAe,SAiB9B"}

package/dist/plugins/PageBreakPlugin.js

@@ -0,0 +1,19 @@
+import { useEffect } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR } from 'lexical';
+import { $insertNodeToNearestRoot } from '@lexical/utils';
+import { $createPageBreakNode, INSERT_PAGE_BREAK_COMMAND } from '../blocks/PageBreakNode.js';
+/** Registers INSERT_PAGE_BREAK_COMMAND — mirrors @lexical/react's own HorizontalRulePlugin. */
+export function PageBreakPlugin() {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        return editor.registerCommand(INSERT_PAGE_BREAK_COMMAND, () => {
+            const selection = $getSelection();
+            if (!$isRangeSelection(selection))
+                return false;
+            $insertNodeToNearestRoot($createPageBreakNode());
+            return true;
+        }, COMMAND_PRIORITY_EDITOR);
+    }, [editor]);
+    return null;
+}

package/dist/table/tableActions.d.ts

@@ -0,0 +1,21 @@
+/** How many rows and columns the selection spans (1 × 1 for a caret in a cell, 0 × 0 outside a table). */
+export declare function $getTableSelectionSize(): {
+    rows: number;
+    columns: number;
+};
+/**
+ * Inserts as many rows as the selection spans, before its first row or after
+ * its last. Lexical's own insert works from the selection's focus cell and adds
+ * one row, so with several rows selected it would land mid-selection.
+ */
+export declare function $insertTableRows(insertAfter: boolean): void;
+/** Like $insertTableRows, for columns. "Before" is the column index below the
+ * first selected one (the right-hand side in a right-to-left table). */
+export declare function $insertTableColumns(insertAfter: boolean): void;
+/** Deletes every row the selection touches (Lexical handles a multi-cell selection). */
+export declare function $deleteTableRows(): void;
+/** Deletes every column the selection touches. */
+export declare function $deleteTableColumns(): void;
+/** Removes the whole table the selection is in. */
+export declare function $deleteTable(): void;
+//# sourceMappingURL=tableActions.d.ts.map

package/dist/table/tableActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableActions.d.ts","sourceRoot":"","sources":["../../src/table/tableActions.ts"],"names":[],"mappings":"AA2BA,0GAA0G;AAC1G,wBAAgB,sBAAsB,IAAI;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAS1E;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI,CAS3D;AAED;wEACwE;AACxE,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI,CAQ9D;AAED,wFAAwF;AACxF,wBAAgB,gBAAgB,IAAI,IAAI,CAEvC;AAED,kDAAkD;AAClD,wBAAgB,mBAAmB,IAAI,IAAI,CAE1C;AAED,mDAAmD;AACnD,wBAAgB,YAAY,IAAI,IAAI,CAInC"}

package/dist/table/tableActions.js

@@ -0,0 +1,71 @@
+import { $deleteTableColumn__EXPERIMENTAL, $deleteTableRow__EXPERIMENTAL, $getTableCellNodeFromLexicalNode, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $insertTableColumn__EXPERIMENTAL, $insertTableRow__EXPERIMENTAL, $isTableCellNode, $isTableSelection, } from '@lexical/table';
+import { $getSelection, $isRangeSelection } from 'lexical';
+/** Table cells the selection covers: the caret's own cell, or every cell of a
+ * multi-cell selection. Empty when the selection isn't in a table. */
+function $selectedCells() {
+    const selection = $getSelection();
+    if ($isTableSelection(selection))
+        return selection.getNodes().filter($isTableCellNode);
+    if ($isRangeSelection(selection)) {
+        const cell = $getTableCellNodeFromLexicalNode(selection.anchor.getNode());
+        return cell ? [cell] : [];
+    }
+    return [];
+}
+/** How many rows and columns the selection spans (1 × 1 for a caret in a cell, 0 × 0 outside a table). */
+export function $getTableSelectionSize() {
+    const cells = $selectedCells();
+    if (cells.length === 0)
+        return { rows: 0, columns: 0 };
+    const rows = cells.map($getTableRowIndexFromTableCellNode);
+    const columns = cells.map($getTableColumnIndexFromTableCellNode);
+    return {
+        rows: Math.max(...rows) - Math.min(...rows) + 1,
+        columns: Math.max(...columns) - Math.min(...columns) + 1,
+    };
+}
+/**
+ * Inserts as many rows as the selection spans, before its first row or after
+ * its last. Lexical's own insert works from the selection's focus cell and adds
+ * one row, so with several rows selected it would land mid-selection.
+ */
+export function $insertTableRows(insertAfter) {
+    const cells = $selectedCells();
+    if (cells.length === 0)
+        return;
+    const rows = cells.map($getTableRowIndexFromTableCellNode);
+    const first = Math.min(...rows);
+    const last = Math.max(...rows);
+    // Park the caret in a cell on the edge row; every insert then lands right next to it.
+    cells[rows.indexOf(insertAfter ? last : first)].selectEnd();
+    for (let i = 0; i <= last - first; i++)
+        $insertTableRow__EXPERIMENTAL(insertAfter);
+}
+/** Like $insertTableRows, for columns. "Before" is the column index below the
+ * first selected one (the right-hand side in a right-to-left table). */
+export function $insertTableColumns(insertAfter) {
+    const cells = $selectedCells();
+    if (cells.length === 0)
+        return;
+    const columns = cells.map($getTableColumnIndexFromTableCellNode);
+    const first = Math.min(...columns);
+    const last = Math.max(...columns);
+    cells[columns.indexOf(insertAfter ? last : first)].selectEnd();
+    for (let i = 0; i <= last - first; i++)
+        $insertTableColumn__EXPERIMENTAL(insertAfter);
+}
+/** Deletes every row the selection touches (Lexical handles a multi-cell selection). */
+export function $deleteTableRows() {
+    $deleteTableRow__EXPERIMENTAL();
+}
+/** Deletes every column the selection touches. */
+export function $deleteTableColumns() {
+    $deleteTableColumn__EXPERIMENTAL();
+}
+/** Removes the whole table the selection is in. */
+export function $deleteTable() {
+    const selection = $getSelection();
+    const anchor = $isRangeSelection(selection) || $isTableSelection(selection) ? selection.anchor.getNode() : null;
+    if (anchor)
+        $getTableNodeFromLexicalNodeOrThrow(anchor).remove();
+}

package/dist/theme/editor.css

@@ -51,6 +51,12 @@
   pointer-events: none;
 }
 
+/* pointer-events is inherited, so without this every menu, dropdown and dialog
+   portaled into the (pointer-transparent) anchor would be unclickable. */
+.likhari-portal-target > * {
+  pointer-events: auto;
+}
+
 .likhari-toolbar-group {
   display: flex;
   align-items: center;
@@ -253,6 +259,76 @@
   margin: 1.5em 0;
 }
 
+/* Page break — a print/export concept with no visual meaning while editing
+   on screen, so it gets its own clearly-labeled dashed marker rather than
+   masquerading as a horizontal rule. The actual page-break behavior only
+   takes effect when printing (lexical-editor-spec.md §4.3/§4.6). */
+.likhari-page-break {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 1.5em 0;
+  font-size: 12px;
+  cursor: default;
+}
+
+.likhari-page-break-line {
+  flex: 1 1 auto;
+  border-top: 1px dashed var(--editor-line);
+}
+
+.likhari-page-break-label {
+  color: var(--editor-ink-soft);
+  white-space: nowrap;
+}
+
+.likhari-page-break-selected {
+  outline: 2px solid var(--editor-accent);
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+
+@media print {
+  .likhari-page-break {
+    page-break-after: always;
+    /* Hide the on-screen marker itself when actually printing — the
+       browser's own pagination (triggered by page-break-after) is what
+       matters there, not the editing-time label. */
+    visibility: hidden;
+  }
+}
+
+/* Tables — cell merge/split is deliberately out of scope for now (a flagged
+   open risk, lexical-editor-spec.md §12 item 3, needing its own scope
+   decision); TablePlugin is configured with hasCellMerge={false} to keep
+   every table a plain grid until that's resolved. */
+.likhari-table {
+  border-collapse: collapse;
+  margin: 1em 0;
+  width: 100%;
+}
+
+.likhari-table-row {
+  border-bottom: 1px solid var(--editor-line);
+}
+
+.likhari-table-cell {
+  border: 1px solid var(--editor-line);
+  padding: 6px 10px;
+  min-width: 72px;
+  vertical-align: top;
+}
+
+.likhari-table-cell-header {
+  background: var(--editor-paper-dim);
+  font-weight: 600;
+  text-align: start;
+}
+
+.likhari-table-cell-selected {
+  background: var(--editor-accent-soft);
+}
+
 /* Images — block-level figure; the caption is static text (edited in the
    image's dialog), and a selected image gets a corner resize handle. */
 .likhari-image-block {

package/dist/theme/editorTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editorTheme.d.ts","sourceRoot":"","sources":["../../src/theme/editorTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,kBA8BzB,CAAC"}
+{"version":3,"file":"editorTheme.d.ts","sourceRoot":"","sources":["../../src/theme/editorTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,kBAoCzB,CAAC"}

package/dist/theme/editorTheme.js

@@ -33,4 +33,10 @@ export const editorTheme = {
     },
     hr: 'likhari-hr',
     image: 'likhari-image-block',
+    pageBreak: 'likhari-page-break',
+    table: 'likhari-table',
+    tableRow: 'likhari-table-row',
+    tableCell: 'likhari-table-cell',
+    tableCellHeader: 'likhari-table-cell-header',
+    tableCellSelected: 'likhari-table-cell-selected',
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inshapardaz/likhari-react",
-  "version": "0.1.9",
+  "version": "0.1.11-dev.102",
   "description": "React implementation of the Likhari editor, built on @lexical/react.",
   "license": "MIT",
   "repository": {
@@ -38,6 +38,7 @@
     "@lexical/react": "^0.20.0",
     "@lexical/rich-text": "^0.20.0",
     "@lexical/selection": "^0.20.0",
+    "@lexical/table": "^0.20.0",
     "@lexical/utils": "^0.20.0",
     "@inshapardaz/likhari-converters": "^0.1.0",
     "@inshapardaz/likhari-core": "^0.1.0",