@inshapardaz/likhari-react 0.1.7-dev.81 → 0.1.7-dev.84

package/dist/blocks/PageBreakNode.js

@@ -1,110 +0,0 @@
-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);
-            if (event.target !== element)
-                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/plugins/PageBreakPlugin.d.ts

@@ -1,3 +0,0 @@
-/** 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

@@ -1 +0,0 @@
-{"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

@@ -1,19 +0,0 @@
-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;
-}