@olddevs/ui 0.0.0-stage → 4.0.1

package/dist/editor/features/search/searchPlugin.js

@@ -0,0 +1,151 @@
+"use client";
+import { Extension } from "@tiptap/core";
+import { Plugin, PluginKey, TextSelection } from "@tiptap/pm/state";
+import { Decoration, DecorationSet } from "@tiptap/pm/view";
+import { findMatches } from "./searchMatch.js";
+const SEARCH_KEY = new PluginKey("search");
+const EMPTY_OPTIONS = { matchCase: false, wholeWord: false, regex: false };
+export function searchState(state) {
+    const plugin = SEARCH_KEY.getState(state);
+    if (!plugin)
+        return undefined;
+    const { query, options, current, matches, error } = plugin;
+    return { query, options, current, total: matches.length, error, matches };
+}
+function decorate(state, matches, current) {
+    if (matches.length === 0)
+        return DecorationSet.empty;
+    return DecorationSet.create(state.doc, matches.map(({ from, to }, index) => Decoration.inline(from, to, {
+        class: index === current ? "rte-search-match rte-search-current" : "rte-search-match",
+    })));
+}
+function indexFrom(matches, pos) {
+    if (matches.length === 0)
+        return -1;
+    const found = matches.findIndex((match) => match.from >= pos);
+    return found === -1 ? 0 : found;
+}
+function build(state, query, options, current) {
+    const { matches, error } = findMatches(state.doc, query, options);
+    const index = current(matches);
+    return {
+        query,
+        options,
+        matches,
+        current: index,
+        error,
+        decorations: decorate(state, matches, index),
+    };
+}
+function searchPlugin() {
+    return new Plugin({
+        key: SEARCH_KEY,
+        state: {
+            init: (_, state) => build(state, "", EMPTY_OPTIONS, () => -1),
+            apply(tr, previous, _old, state) {
+                const meta = tr.getMeta(SEARCH_KEY);
+                if (meta?.type === "clear")
+                    return build(state, "", previous.options, () => -1);
+                if (meta?.type === "set") {
+                    return build(state, meta.query, meta.options, (matches) => indexFrom(matches, state.selection.from));
+                }
+                if (meta?.type === "select") {
+                    return {
+                        ...previous,
+                        current: meta.index,
+                        decorations: decorate(state, previous.matches, meta.index),
+                    };
+                }
+                if (!tr.docChanged || previous.query === "")
+                    return previous;
+                const anchor = previous.matches[previous.current];
+                const pos = anchor ? tr.mapping.map(anchor.from, -1) : state.selection.from;
+                return build(state, previous.query, previous.options, (matches) => indexFrom(matches, pos));
+            },
+        },
+        props: {
+            decorations: (state) => SEARCH_KEY.getState(state)?.decorations,
+        },
+    });
+}
+function replacementFor(match, replacement, options) {
+    if (!options.regex)
+        return replacement;
+    return replacement.replace(/\$(\$|&|[1-9])/g, (token, key) => {
+        if (key === "$")
+            return "$";
+        if (key === "&")
+            return match.captures[0] ?? "";
+        const index = Number(key);
+        return index < match.captures.length ? (match.captures[index] ?? "") : token;
+    });
+}
+function replaceRange(tr, { from, to }, text) {
+    if (text === "") {
+        tr.delete(from, to);
+        return;
+    }
+    const marks = tr.doc.nodeAt(from)?.marks ?? [];
+    tr.replaceWith(from, to, tr.doc.type.schema.text(text, marks));
+}
+export const SearchExtension = Extension.create({
+    name: "search",
+    addOptions: () => ({ open: () => false }),
+    addProseMirrorPlugins: () => [searchPlugin()],
+    addKeyboardShortcuts() {
+        return {
+            "Mod-f": () => this.options.open(false),
+            "Mod-Alt-f": () => this.options.open(true),
+        };
+    },
+    addCommands() {
+        return {
+            setSearch: (query, options) => ({ tr, dispatch }) => {
+                if (dispatch)
+                    tr.setMeta(SEARCH_KEY, { type: "set", query, options });
+                return true;
+            },
+            searchStep: (step) => ({ state, tr, dispatch }) => {
+                const search = SEARCH_KEY.getState(state);
+                if (!search || search.matches.length === 0)
+                    return false;
+                const total = search.matches.length;
+                const index = search.current === -1 ? 0 : (search.current + step + total) % total;
+                const match = search.matches[index];
+                if (dispatch) {
+                    tr.setMeta(SEARCH_KEY, { type: "select", index });
+                    tr.setSelection(TextSelection.create(tr.doc, match.from, match.to)).scrollIntoView();
+                }
+                return true;
+            },
+            replaceMatch: (replacement) => ({ state, tr, dispatch, editor }) => {
+                const search = SEARCH_KEY.getState(state);
+                const match = search?.matches[search.current];
+                if (!search || !match || !editor.isEditable)
+                    return false;
+                if (dispatch) {
+                    replaceRange(tr, match, replacementFor(match, replacement, search.options));
+                    tr.setSelection(TextSelection.create(tr.doc, tr.mapping.map(match.to)));
+                }
+                return true;
+            },
+            replaceAllMatches: (replacement) => ({ state, tr, dispatch, editor }) => {
+                const search = SEARCH_KEY.getState(state);
+                if (!search || search.matches.length === 0 || !editor.isEditable)
+                    return false;
+                if (dispatch) {
+                    for (const match of [...search.matches].reverse()) {
+                        replaceRange(tr, match, replacementFor(match, replacement, search.options));
+                    }
+                }
+                return true;
+            },
+            clearSearch: () => ({ tr, dispatch }) => {
+                if (dispatch)
+                    tr.setMeta(SEARCH_KEY, { type: "clear" });
+                return true;
+            },
+        };
+    },
+});
+//# sourceMappingURL=searchPlugin.js.map

package/dist/editor/features/search/searchPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchPlugin.js","sourceRoot":"","sources":["../../../../src/editor/features/search/searchPlugin.ts"],"names":[],"mappings":"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"}

package/dist/editor/features/search/searchTool.d.ts

@@ -0,0 +1,13 @@
+import type { ToolDescriptor } from "../../core/toolDescriptor.js";
+/**
+ * Поиск и замена на описании Инструмента. Часть для движка —
+ * плагин состояния и подсветки с сочетаниями `Mod+F` и `Mod+Alt+F`; панель
+ * держит `RichTextEditor` и открывает её мостом `openSearch`. Кнопка «Поиск» —
+ * виджет фиксированной Панели у правого края (`EditorToolbar.tsx`), как
+ * справочник сочетаний, а не запись `buttons`: панель встаёт в угол поля, а не
+ * у кнопки или выделения.
+ */
+/** Сочетание кнопки «Поиск»: строка справочника и подсказка кнопки — из одной записи. */
+export declare const SEARCH_KEYS: readonly ["mod", "F"];
+export declare const SEARCH_TOOL: ToolDescriptor;
+//# sourceMappingURL=searchTool.d.ts.map

package/dist/editor/features/search/searchTool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchTool.d.ts","sourceRoot":"","sources":["../../../../src/editor/features/search/searchTool.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAGnE;;;;;;;GAOG;AACH,yFAAyF;AACzF,eAAO,MAAM,WAAW,uBAAwB,CAAC;AAEjD,eAAO,MAAM,WAAW,EAAE,cAazB,CAAC"}

package/dist/editor/features/search/searchTool.js

@@ -0,0 +1,18 @@
+"use client";
+import { SearchExtension } from "./searchPlugin.js";
+export const SEARCH_KEYS = ["mod", "F"];
+export const SEARCH_TOOL = {
+    name: "search",
+    engine: (context) => [SearchExtension.configure({ open: context.openSearch ?? (() => false) })],
+    shortcuts: [
+        { id: "search", group: "search", tool: "search", keys: SEARCH_KEYS, label: (m) => m.search },
+        {
+            id: "searchReplace",
+            group: "search",
+            tool: "search",
+            keys: ["mod", "alt", "F"],
+            label: (m) => m.searchReplace,
+        },
+    ],
+};
+//# sourceMappingURL=searchTool.js.map

package/dist/editor/features/search/searchTool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchTool.js","sourceRoot":"","sources":["../../../../src/editor/features/search/searchTool.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAGb,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWpD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,GAAG,CAAU,CAAC;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAmB;IACzC,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,UAAU,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC/F,SAAS,EAAE;QACT,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE;QAC5F;YACE,EAAE,EAAE,eAAe;YACnB,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC;YACzB,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa;SAC9B;KACF;CACF,CAAC"}

package/dist/editor/features/table/TableInsertDialog.d.ts

@@ -0,0 +1,29 @@
+import type { Editor } from "@tiptap/react";
+export interface TableInsertDialogProps {
+    editor: Editor;
+    open: boolean;
+    onClose: () => void;
+}
+/**
+ * Окно «Вставить таблицу»: столбцы и строки числами, до 20 × 50.
+ *
+ * ЗАЧЕМ ОКНО, ЕСЛИ ЕСТЬ СЕТКА. Сетка в подменю — до 10 × 10, и это её
+ * достоинство: размер виден глазу. Таблица больше сетки и точный размер с
+ * клавиатуры без двадцати нажатий стрелки — работа полей. В меню полям не
+ * место: фокус в поле ввода внутри `Menu` react-aria закрывает меню, а Tab в
+ * меню не ходит. Отсюда окно, как у TinyMCE.
+ *
+ * `Dialog` КИТА: ловушка фокуса, Escape по слоям и возврат фокуса тому, кто
+ * открыл. Открывает его пункт меню, который перед этим возвращает фокус в
+ * документ, — и окно при закрытии отдаёт его туда же: после «Вставить» —
+ * в первую ячейку новой таблицы, после «Отмена» — на прежнее место каретки.
+ *
+ * ENTER ВСТАВЛЯЕТ из любого поля — поля в `<form>`, и отправка формы и есть
+ * «Вставить». Значения читаются из ref, а не из состояния: `NumberInput`
+ * отдаёт набранное на Enter, и тем же нажатием форма уже отправляется —
+ * состояние React к этому моменту ещё не обновилось бы.
+ *
+ * Пустое поле выбор не меняет: «Вставить» берёт последнее допустимое значение.
+ */
+export declare function TableInsertDialog({ editor, open, onClose }: TableInsertDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=TableInsertDialog.d.ts.map

package/dist/editor/features/table/TableInsertDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableInsertDialog.d.ts","sourceRoot":"","sources":["../../../../src/editor/features/table/TableInsertDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAc5C,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,sBAAsB,+BA4BlF"}

package/dist/editor/features/table/TableInsertDialog.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef, useState } from "react";
+import { Button } from "../../../components/actions/Button.js";
+import { Dialog } from "../../../components/overlays/Dialog.js";
+import { NumberInput } from "../../../components/inputs/NumberInput.js";
+import { useMessages } from "../../../i18n/useMessages.js";
+import { insertTableOfSize } from "../../core/insertItems.js";
+import { lastTableSize, rememberTableSize, TABLE_MAX_SIZE, } from "./tableActions.js";
+export function TableInsertDialog({ editor, open, onClose }) {
+    const messages = useMessages().editor;
+    const fieldsRef = useRef(null);
+    const firstField = useMemo(() => ({
+        get current() {
+            return fieldsRef.current?.querySelector("input") ?? null;
+        },
+    }), []);
+    return (_jsx(Dialog, { open: open, onClose: onClose, title: messages.tableInsertDialogTitle, initialFocusRef: firstField, className: "w-full max-w-[340px]", children: open && _jsx(TableInsertForm, { editor: editor, onClose: onClose, fieldsRef: fieldsRef }) }));
+}
+function TableInsertForm({ editor, onClose, fieldsRef, }) {
+    const messages = useMessages().editor;
+    const [draft, setDraft] = useState(() => lastTableSize(editor));
+    const size = useRef(lastTableSize(editor));
+    const submit = (event) => {
+        event.preventDefault();
+        rememberTableSize(editor, size.current);
+        insertTableOfSize(editor, size.current.cols, size.current.rows);
+        onClose();
+    };
+    const field = (key, label, max) => (_jsxs("label", { className: "text-fg-2 text-caption flex min-w-0 flex-1 flex-col gap-1", children: [_jsx("span", { "aria-hidden": "true", children: label }), _jsx(NumberInput, { label: label, value: draft[key], onChange: (value) => {
+                    setDraft((current) => ({ ...current, [key]: value }));
+                    if (value !== null)
+                        size.current = { ...size.current, [key]: value };
+                }, min: 1, max: max, step: 1 })] }));
+    return (_jsxs("form", { onSubmit: submit, className: "flex flex-col gap-4 px-5 py-4", children: [_jsxs("div", { ref: fieldsRef, className: "flex gap-3", children: [field("cols", messages.tableColumns, TABLE_MAX_SIZE.cols), field("rows", messages.tableRows, TABLE_MAX_SIZE.rows)] }), _jsxs("div", { className: "flex items-center justify-end gap-2.5", children: [_jsx(Button, { type: "button", variant: "ghost", onClick: onClose, children: messages.tableCancel }), _jsx(Button, { type: "submit", variant: "solid", tone: "accent", children: messages.tableInsert })] })] }));
+}
+//# sourceMappingURL=TableInsertDialog.js.map

package/dist/editor/features/table/TableInsertDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableInsertDialog.js","sourceRoot":"","sources":["../../../../src/editor/features/table/TableInsertDialog.tsx"],"names":[],"mappings":"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"}

package/dist/editor/features/table/TableMenuButton.d.ts

@@ -0,0 +1,40 @@
+import { type Editor } from "@tiptap/react";
+export interface TableMenuButtonProps {
+    editor: Editor;
+    /** Поле выключено: кнопка видна, но не нажимается. */
+    disabled: boolean;
+    /** `aria-disabled`: в обходе стрелками, но меню не открывает (HTML-режим). */
+    unavailable?: boolean;
+    /**
+     * Пункт «Вставить таблицу…»: окно с числовыми полями держит `RichTextEditor`,
+     * а не Панель — плавающая Панель прячется, когда фокус уходит в окно. Нет —
+     * пункта нет.
+     */
+    onInsertDialog?: () => void;
+    /** Подпись сочетания — от Панели: она знает, Apple ли это. */
+    shortcut: (keys: readonly string[]) => string;
+}
+/**
+ * Меню «Таблица» на Панели — одна кнопка на вставку и на действия, как у TinyMCE.
+ *
+ * ПОЧЕМУ ОДНА КНОПКА. Прежде их было две: «Таблица» (вставка 3×3) и «Действия
+ * с таблицей», которая появлялась только в таблице. Кнопка, возникающая и
+ * исчезающая вместе с кареткой, сдвигала остальные и меняла число остановок в
+ * обходе Панели; размер таблицы при этом выбрать было негде. Теперь кнопка
+ * есть всегда, а пункты, которым вне таблицы нечего делать, недоступны
+ * (`aria-disabled`) и остаются в обходе стрелками.
+ *
+ * ПОЧЕМУ МЕНЮ НА ПАНЕЛИ, А НЕ ПЛАВАЮЩАЯ ПАНЕЛЬ У ТАБЛИЦЫ. Для клавиатуры у неё
+ * есть вход: `Alt+F10` переводит фокус в Панель, это одна из её кнопок —
+ * `Enter` или стрелка вниз открывают список, `→` — подменю, `←` и `Escape`
+ * закрывают его. Курсор при уходе в Панель остаётся в ячейке, так что «строка
+ * выше» относится к той строке, из которой пришли.
+ *
+ * СЕТКА РАЗМЕРА — ВТОРОЙ РЕБЁНОК `SubmenuTrigger`: голый поповер react-aria
+ * вместо `Menu` (`GridSubmenu`). Внутри — не пункты, а `TableSizeGrid`.
+ *
+ * Меню управляемое (`isOpen`): выбор в сетке — не пункт меню, и закрыть меню
+ * после него react-aria сам не знает.
+ */
+export declare function TableMenuButton({ editor, disabled, unavailable, onInsertDialog, shortcut, }: TableMenuButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=TableMenuButton.d.ts.map

package/dist/editor/features/table/TableMenuButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableMenuButton.d.ts","sourceRoot":"","sources":["../../../../src/editor/features/table/TableMenuButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AA2D5D,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,QAAQ,EAAE,OAAO,CAAC;IAClB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,8DAA8D;IAC9D,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,KAAK,MAAM,CAAC;CAC/C;AA+BD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,QAAQ,EACR,WAAmB,EACnB,cAAc,EACd,QAAQ,GACT,EAAE,oBAAoB,+BA+PtB"}

package/dist/editor/features/table/TableMenuButton.js

@@ -0,0 +1,97 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEditorState } from "@tiptap/react";
+import { useContext, useEffect, useRef, } from "react";
+import { OverlayTriggerStateContext, Popover as AriaPopover, } from "react-aria-components";
+import { Menu, MenuButton, MenuItem, MenuSection, MenuSeparator, MenuTrigger, SubmenuTrigger, } from "../../../components/overlays/Menu.js";
+import { Tooltip } from "../../../components/overlays/Tooltip.js";
+import { useMessages, useUiLocale } from "../../../i18n/useMessages.js";
+import { AlignCenterIcon, AlignLeftIcon, AlignRightIcon, ChevronDownIcon, DeleteIcon, HeaderRowIcon, InsertColumnLeftIcon, InsertColumnRightIcon, InsertRowAboveIcon, InsertRowBelowIcon, MergeCellsIcon, SortAscendingIcon, SortDescendingIcon, SplitCellIcon, TableIcon, } from "../../../icons.js";
+import { cn } from "../../../lib/cn.js";
+import { MENU_PANEL_CLASS } from "../../../lib/menu.js";
+import { useLockableMenu } from "../../ui/lockableMenu.js";
+import { insertTableOfSize } from "../../core/insertItems.js";
+import { lastTableSize, rememberTableSize, runTableCommand, tableCommands, tableMenuState, } from "./tableActions.js";
+import { TableSizeGrid } from "./TableSizeGrid.js";
+import { useSubmenuPlacement } from "../../hooks/useSubmenuPlacement.js";
+import { GLASS_MENU_CLASS } from "../../styles/glass.js";
+const ROW_BELOW_KEYS = ["alt", "↓"];
+const GRID_KEY = "insertGrid";
+const DIALOG_KEY = "insertDialog";
+const KEEP_DISABLED_IN_NAVIGATION = { disabledBehavior: "selection" };
+const HAS_POPUP_MENU = { "aria-haspopup": "menu" };
+export function TableMenuButton({ editor, disabled, unavailable = false, onInsertDialog, shortcut, }) {
+    const messages = useMessages().editor;
+    const locale = useUiLocale();
+    const menu = useLockableMenu(unavailable);
+    const submenuPlacement = useSubmenuPlacement();
+    const gridItemRef = useRef(null);
+    const state = useEditorState({
+        editor,
+        selector: ({ editor: current }) => tableMenuState(current.state, locale),
+    });
+    const run = (key) => {
+        const action = String(key);
+        if (action === DIALOG_KEY) {
+            setTimeout(() => {
+                if (editor.isDestroyed)
+                    return;
+                editor.view.focus();
+                onInsertDialog?.();
+            }, 0);
+            return;
+        }
+        const commands = tableCommands(locale);
+        if (action in commands)
+            runTableCommand(editor, commands[action]);
+    };
+    const picked = useRef(false);
+    const pick = (cols, rows) => {
+        rememberTableSize(editor, { cols, rows });
+        insertTableOfSize(editor, cols, rows);
+        picked.current = true;
+        menu.close();
+    };
+    const gridClosed = () => {
+        if (!picked.current)
+            return;
+        picked.current = false;
+        if (!editor.isDestroyed)
+            editor.view.focus();
+    };
+    const item = (action, label, icon, keys) => (_jsx(MenuItem, { id: action, textValue: label, disabled: !state?.can[action], icon: icon, shortcut: keys ? shortcut(keys) : undefined, children: label }));
+    const submenu = (id, label, children) => state ? (_jsxs(SubmenuTrigger, { children: [_jsx(MenuItem, { id: id, textValue: label, children: label }), _jsx(Menu, { "aria-label": label, className: GLASS_MENU_CLASS, placement: submenuPlacement, offset: 2, onAction: run, ...KEEP_DISABLED_IN_NAVIGATION, children: children })] })) : (_jsx(MenuItem, { id: id, textValue: label, disabled: true, children: label }));
+    return (_jsxs(MenuTrigger, { ...menu.trigger, children: [_jsx(Tooltip, { content: messages.table, children: _jsx("span", { className: "inline-flex", children: _jsx(MenuButton, { variant: "ghost", size: "sm", disabled: disabled, "aria-label": messages.table, icon: _jsx(TableIcon, { size: 16, "aria-hidden": true }), className: "gap-0.5 px-1.5", ...HAS_POPUP_MENU, ...menu.button, children: _jsx(ChevronDownIcon, { size: 12, "aria-hidden": true }) }) }) }), _jsxs(Menu, { "aria-label": messages.table, className: GLASS_MENU_CLASS, onAction: run, ...KEEP_DISABLED_IN_NAVIGATION, children: [_jsxs(SubmenuTrigger, { children: [_jsx(MenuItem, { id: GRID_KEY, ref: gridItemRef, textValue: messages.table, children: messages.table }), _jsx(GridSubmenu, { side: submenuPlacement, initial: lastTableSize(editor), onPick: pick, onClosed: gridClosed, triggerRef: gridItemRef, label: messages.tableGrid })] }), onInsertDialog && (_jsx(MenuItem, { id: DIALOG_KEY, textValue: messages.tableInsertDialog, children: messages.tableInsertDialog })), _jsx(MenuSeparator, {}), submenu("cell", messages.tableCell, _jsxs(_Fragment, { children: [item("mergeCells", messages.tableMergeCells, _jsx(MergeCellsIcon, { size: 14, "aria-hidden": true })), item("splitCell", messages.tableSplitCell, _jsx(SplitCellIcon, { size: 14, "aria-hidden": true }))] })), submenu("row", messages.tableRow, _jsxs(_Fragment, { children: [_jsxs(MenuSection, { id: "rows", children: [item("addRowBefore", messages.tableAddRowBefore, _jsx(InsertRowAboveIcon, { size: 14, "aria-hidden": true })), item("addRowAfter", messages.tableAddRowAfter, _jsx(InsertRowBelowIcon, { size: 14, "aria-hidden": true }), ROW_BELOW_KEYS), item("deleteRow", messages.tableDeleteRow, _jsx(DeleteIcon, { size: 14, "aria-hidden": true }))] }), _jsx(MenuSeparator, {}), _jsx(MenuSection, { id: "header", selectionMode: "multiple", selectedKeys: state?.headerRow ? ["headerRow"] : [], children: _jsx(MenuItem, { id: "headerRow", textValue: messages.tableHeaderRow, disabled: !state?.can.headerRow, shouldCloseOnSelect: true, icon: _jsx(HeaderRowIcon, { size: 14, "aria-hidden": true }), children: messages.tableHeaderRow }) })] })), submenu("column", messages.tableColumn, _jsxs(_Fragment, { children: [_jsxs(MenuSection, { id: "columns", children: [item("addColumnBefore", messages.tableAddColumnBefore, _jsx(InsertColumnLeftIcon, { size: 14, "aria-hidden": true })), item("addColumnAfter", messages.tableAddColumnAfter, _jsx(InsertColumnRightIcon, { size: 14, "aria-hidden": true })), item("deleteColumn", messages.tableDeleteColumn, _jsx(DeleteIcon, { size: 14, "aria-hidden": true }))] }), _jsx(MenuSeparator, {}), _jsxs(MenuSection, { id: "alignment", selectionMode: "single", selectedKeys: state?.alignment ? [ALIGN_KEY[state.alignment]] : [], children: [item("alignLeft", messages.tableAlignLeft, _jsx(AlignLeftIcon, { size: 14, "aria-hidden": true })), item("alignCenter", messages.tableAlignCenter, _jsx(AlignCenterIcon, { size: 14, "aria-hidden": true })), item("alignRight", messages.tableAlignRight, _jsx(AlignRightIcon, { size: 14, "aria-hidden": true }))] })] })), _jsx(MenuSeparator, {}), submenu("sort", messages.tableSort, _jsxs(MenuSection, { id: "sorting", label: state?.merged ? messages.tableSortMerged : undefined, children: [item("sortAscending", messages.tableSortAscending, _jsx(SortAscendingIcon, { size: 14, "aria-hidden": true })), item("sortDescending", messages.tableSortDescending, _jsx(SortDescendingIcon, { size: 14, "aria-hidden": true }))] })), _jsx(MenuSeparator, {}), _jsx(MenuItem, { id: "deleteTable", textValue: messages.tableDelete, disabled: !state?.can.deleteTable, tone: "danger", children: messages.tableDelete })] })] }));
+}
+const ALIGN_KEY = { left: "alignLeft", center: "alignCenter", right: "alignRight" };
+function GridSubmenu({ side, initial, onPick, onClosed, triggerRef, label, }) {
+    return (_jsx(AriaPopover, { "aria-label": label, placement: side, offset: 2, className: cn(MENU_PANEL_CLASS, GLASS_MENU_CLASS, "p-2"), children: ({ placement, isEntering }) => (_jsx(GridHost, { initial: initial, onPick: onPick, onClosed: onClosed, triggerRef: triggerRef, settled: placement != null && !isEntering })) }));
+}
+function GridHost({ initial, onPick, onClosed, triggerRef, settled, }) {
+    const submenu = useContext(OverlayTriggerStateContext);
+    const gridRef = useRef(null);
+    const fromKeyboard = submenu?.focusStrategy != null;
+    const onClosedRef = useRef(onClosed);
+    onClosedRef.current = onClosed;
+    useEffect(() => () => onClosedRef.current(), []);
+    useEffect(() => {
+        if (fromKeyboard && settled)
+            gridRef.current?.focus();
+    }, [fromKeyboard, settled]);
+    const close = () => {
+        submenu?.close();
+        triggerRef.current?.focus();
+    };
+    const onKeyDown = (event) => {
+        if (event.key === "Escape") {
+            event.preventDefault();
+            event.stopPropagation();
+            close();
+            return;
+        }
+        if (/^(Arrow|Home$|End$|Enter$)/.test(event.key))
+            event.stopPropagation();
+    };
+    return (_jsx("div", { onKeyDown: onKeyDown, children: _jsx(TableSizeGrid, { ref: gridRef, initial: initial, autoFocus: false, onPick: onPick }) }));
+}
+//# sourceMappingURL=TableMenuButton.js.map

package/dist/editor/features/table/TableMenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableMenuButton.js","sourceRoot":"","sources":["../../../../src/editor/features/table/TableMenuButton.tsx"],"names":[],"mappings":"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"}

package/dist/editor/features/table/TableSizeGrid.d.ts

@@ -0,0 +1,60 @@
+/** Размер таблицы в столбцах и строках. */
+export interface TableSize {
+    cols: number;
+    rows: number;
+}
+export interface TableSizeGridProps {
+    /** С какого размера открыться; по умолчанию 3×3. */
+    initial?: TableSize;
+    /** Наибольшая сторона сетки в ячейках; по умолчанию 10. */
+    max?: number;
+    /**
+     * Числовые поля «Столбцы» и «Строки» с кнопкой «Вставить» под сеткой — для
+     * таблиц больше сетки. Значения — пределы полей. Нет — только сетка.
+     */
+    fields?: {
+        maxCols: number;
+        maxRows: number;
+    };
+    /** Размер выбран: `Enter` в сетке, щелчок по ячейке, «Вставить». */
+    onPick: (cols: number, rows: number) => void;
+    /** `Escape` в сетке. Закрывать ли хозяина — решает он сам. */
+    onCancel?: () => void;
+    /** Взять фокус при монтировании. Хозяину, который ставит его сам, — `false`. */
+    autoFocus?: boolean;
+    className?: string;
+}
+/**
+ * Сетка выбора размера таблицы: пять на пять ячеек, растёт до десяти на десять.
+ *
+ * РОСТ. Сторона сетки — выбранный размер плюс одна ячейка запаса (не меньше
+ * пяти и не больше `max`): дошли до края — появилась следующая, ушли назад —
+ * сетка сжалась. Пустые ячейки за выбором — то, ради чего сетка рисуется:
+ * она показывает, что можно взять больше.
+ *
+ * ARIA: ШАБЛОН GRID ИЗ APG. `role="grid"` — строки (`row`) и ячейки (`gridcell`);
+ * фокус остаётся на самой сетке, а текущую ячейку называет
+ * `aria-activedescendant`, как у списков кита. Roving tabindex отвергнут: ячеек
+ * до ста, и Tab, проходящий по каждой, — это сто остановок вместо одной. Стрелки
+ * двигают выбор и растят сетку, `Home` и `End` — по строке (с `Ctrl` — в углы
+ * сетки), `Enter` выбирает, `Escape` отменяет. `Tab` уходит дальше — к полям.
+ *
+ * ЧТО ВЫБРАНО — СЛОВАМИ. Имя ячейки и живая область (`role="status"`) читают
+ * один текст: «3 столбца, 4 строки», склонение — по локали (`tableSize`).
+ * Мышь не единственный путь: наведение лишь двигает тот же выбор, что стрелки.
+ * Видимая подпись «3 × 4» скрыта от скринридера — она повторяет живую область.
+ *
+ * ПЕРВАЯ СТРОКА — ЗАГОЛОВОК. Вставка всегда делает первую строку из `th`, и
+ * сетка это показывает: верхний ряд закрашен иначе и подчёркнут. Это подсказка
+ * глазам, а не переключатель.
+ *
+ * ПОЛЯ — для таблиц больше сетки (до `fields.maxCols` × `fields.maxRows`).
+ * Выбор один на сетку и поля: правка любого двигает другое. Пустое поле выбор
+ * не меняет — «Вставить» берёт последний допустимый размер.
+ *
+ * ФОКУС НА МОНТИРОВАНИИ — на сетку, а в подменю react-aria (он закрывает меню,
+ * если фокус уходит в первый же кадр) хозяин ставит его сам: `autoFocus={false}`
+ * и `ref` на сетку.
+ */
+export declare const TableSizeGrid: import("react").ForwardRefExoticComponent<TableSizeGridProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TableSizeGrid.d.ts.map

package/dist/editor/features/table/TableSizeGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSizeGrid.d.ts","sourceRoot":"","sources":["../../../../src/editor/features/table/TableSizeGrid.tsx"],"names":[],"mappings":"AAgBA,2CAA2C;AAC3C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAkB;IACjC,oDAAoD;IACpD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,MAAM,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,oEAAoE;IACpE,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gFAAgF;IAChF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,aAAa,+GAwLxB,CAAC"}

package/dist/editor/features/table/TableSizeGrid.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useId, useImperativeHandle, useRef, useState, } from "react";
+import { Button } from "../../../components/actions/Button.js";
+import { NumberInput } from "../../../components/inputs/NumberInput.js";
+import { useMessages } from "../../../i18n/useMessages.js";
+import { cn } from "../../../lib/cn.js";
+const MIN_VISIBLE = 5;
+const DEFAULT_MAX = 10;
+const DEFAULT_SIZE = { cols: 3, rows: 3 };
+const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+export const TableSizeGrid = forwardRef(function TableSizeGrid({ initial = DEFAULT_SIZE, max = DEFAULT_MAX, fields, onPick, onCancel, autoFocus = true, className, }, ref) {
+    const messages = useMessages().editor;
+    const id = useId();
+    const gridRef = useRef(null);
+    useImperativeHandle(ref, () => gridRef.current);
+    const [size, setSize] = useState(() => ({
+        cols: Math.max(1, initial.cols),
+        rows: Math.max(1, initial.rows),
+    }));
+    const [draft, setDraft] = useState(size);
+    useEffect(() => {
+        if (autoFocus)
+            gridRef.current?.focus();
+    }, [autoFocus]);
+    const visibleCols = clamp(size.cols + 1, MIN_VISIBLE, max);
+    const visibleRows = clamp(size.rows + 1, MIN_VISIBLE, max);
+    const choose = (next) => {
+        setSize(next);
+        setDraft(next);
+    };
+    const step = (value, delta) => delta > 0 ? Math.min(max, value + 1) : clamp(Math.min(value, max + 1) - 1, 1, max);
+    const onKeyDown = (event) => {
+        if (event.nativeEvent.isComposing || event.altKey || event.metaKey)
+            return;
+        const { cols, rows } = size;
+        let next = null;
+        switch (event.key) {
+            case "ArrowRight":
+                next = { cols: step(cols, 1), rows };
+                break;
+            case "ArrowLeft":
+                next = { cols: step(cols, -1), rows };
+                break;
+            case "ArrowDown":
+                next = { cols, rows: step(rows, 1) };
+                break;
+            case "ArrowUp":
+                next = { cols, rows: step(rows, -1) };
+                break;
+            case "Home":
+                next = { cols: 1, rows: event.ctrlKey ? 1 : rows };
+                break;
+            case "End":
+                next = { cols: visibleCols, rows: event.ctrlKey ? visibleRows : rows };
+                break;
+            case "Enter":
+                event.preventDefault();
+                onPick(cols, rows);
+                return;
+            case "Escape":
+                onCancel?.();
+                return;
+            default:
+                return;
+        }
+        event.preventDefault();
+        choose(next);
+    };
+    const activeId = `${id}-${Math.min(size.rows, visibleRows)}-${Math.min(size.cols, visibleCols)}`;
+    return (_jsxs("div", { className: cn("flex flex-col gap-2", className), children: [_jsx("div", { ref: gridRef, role: "grid", tabIndex: 0, "aria-label": messages.tableGrid, "aria-activedescendant": activeId, onKeyDown: onKeyDown, className: "focus-visible:ring-focus flex w-fit flex-col gap-0.5 rounded-xs outline-none focus-visible:ring-2", children: Array.from({ length: visibleRows }, (_, rowIndex) => {
+                    const row = rowIndex + 1;
+                    return (_jsx("div", { role: "row", "data-header": row === 1 ? "true" : undefined, className: "flex gap-0.5", children: Array.from({ length: visibleCols }, (_, colIndex) => {
+                            const col = colIndex + 1;
+                            const inside = col <= size.cols && row <= size.rows;
+                            return (_jsx("div", { id: `${id}-${row}-${col}`, role: "gridcell", "aria-selected": inside, "aria-label": messages.tableSize({ cols: col, rows: row }), onMouseEnter: () => choose({ cols: col, rows: row }), onClick: () => onPick(col, row), className: cn("size-5 cursor-pointer rounded-xs border transition-colors", inside ? "border-accent bg-accent-soft" : "border-line bg-bg-1", row === 1 && !inside && "bg-bg-3", row === 1 && "border-b-2") }, col));
+                        }) }, row));
+                }) }), _jsxs("div", { "aria-hidden": "true", className: "text-fg-2 text-caption tabular-nums", children: [size.cols, " \u00D7 ", size.rows] }), _jsx("div", { role: "status", className: "sr-only", children: messages.tableSize(size) }), fields && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex gap-2", children: [_jsxs("label", { className: "text-fg-2 text-caption flex min-w-0 flex-1 flex-col gap-1", children: [_jsx("span", { "aria-hidden": "true", children: messages.tableColumns }), _jsx(NumberInput, { label: messages.tableColumns, value: draft.cols, onChange: (cols) => {
+                                            setDraft((current) => ({ ...current, cols }));
+                                            if (cols !== null)
+                                                setSize((current) => ({ ...current, cols }));
+                                        }, min: 1, max: fields.maxCols, step: 1, shellClassName: "h-8" })] }), _jsxs("label", { className: "text-fg-2 text-caption flex min-w-0 flex-1 flex-col gap-1", children: [_jsx("span", { "aria-hidden": "true", children: messages.tableRows }), _jsx(NumberInput, { label: messages.tableRows, value: draft.rows, onChange: (rows) => {
+                                            setDraft((current) => ({ ...current, rows }));
+                                            if (rows !== null)
+                                                setSize((current) => ({ ...current, rows }));
+                                        }, min: 1, max: fields.maxRows, step: 1, shellClassName: "h-8" })] })] }), _jsx(Button, { type: "button", size: "sm", variant: "solid", tone: "accent", onClick: () => onPick(size.cols, size.rows), children: messages.tableInsert })] }))] }));
+});
+//# sourceMappingURL=TableSizeGrid.js.map