@rowsncolumns/ui 15.0.38

package/dist/cjs/editor-pm/schema.d.ts

@@ -0,0 +1,3 @@
+import { Schema } from "prosemirror-model";
+export declare const schema: Schema<"text" | "line" | "mention" | "doc", "color" | "bold" | "fontFamily" | "fontSize" | "italic" | "strikethrough" | "underline" | "superscript" | "subscript">;
+//# sourceMappingURL=schema.d.ts.map

package/dist/cjs/editor-pm/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../editor-pm/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,eAAO,MAAM,MAAM,oKAmLjB,CAAC"}

package/dist/cjs/editor-pm/schema.js

@@ -0,0 +1,183 @@
+import { Schema } from "prosemirror-model";
+export var schema = new Schema({
+    nodes: {
+        doc: {
+            content: "line*",
+        },
+        line: {
+            content: "inline*",
+            toDOM: function () {
+                return ["div", 0];
+            },
+            parseDOM: [{ tag: "div" }],
+        },
+        text: {
+            group: "inline",
+        },
+        mention: {
+            group: "inline",
+            inline: true,
+            atom: true,
+            selectable: true,
+            draggable: false,
+            attrs: { label: {}, value: {} },
+            parseDOM: [
+                {
+                    tag: "span[data-mention-value]",
+                    getAttrs: function (dom) {
+                        return {
+                            value: dom.getAttribute("data-mention-value"),
+                            label: dom.getAttribute("data-mention-label"),
+                        };
+                    },
+                },
+                {
+                    tag: "span[data-mention]",
+                    getAttrs: function (dom) {
+                        var text = dom.textContent || "";
+                        var match = text.match(/@(.+)/);
+                        return match
+                            ? {
+                                label: match[1],
+                                value: match[1],
+                            }
+                            : false;
+                    },
+                },
+            ],
+            toDOM: function (node) {
+                return [
+                    "span",
+                    {
+                        "data-mention-value": node.attrs.value,
+                        "data-mention-label": node.attrs.label,
+                    },
+                    "@[".concat(node.attrs.label, "](").concat(node.attrs.value, ")"),
+                ];
+            },
+        },
+    },
+    marks: {
+        bold: {
+            toDOM: function () {
+                return ["strong", 0];
+            },
+            parseDOM: [
+                { tag: "strong" },
+                { tag: "b" },
+                {
+                    style: "font-weight",
+                    getAttrs: function (value) { return /^(bold(er)?|[5-9]\d{2,})$/.test(value) && null; },
+                },
+            ],
+        },
+        italic: {
+            toDOM: function () {
+                return ["em", 0];
+            },
+            parseDOM: [
+                { tag: "em" },
+                { tag: "i" },
+                { style: "font-style=italic" },
+            ],
+        },
+        underline: {
+            toDOM: function () {
+                return ["u", 0];
+            },
+            parseDOM: [
+                { tag: "u" },
+                {
+                    style: "text-decoration",
+                    getAttrs: function (value) {
+                        return /^(underline)$/.test(String(value)) ? null : false;
+                    },
+                },
+            ],
+        },
+        strikethrough: {
+            toDOM: function () {
+                return ["s", 0];
+            },
+            parseDOM: [
+                { tag: "s" },
+                { tag: "del" },
+                { tag: "strike" },
+                {
+                    style: "text-decoration",
+                    getAttrs: function (value) {
+                        return /^(line-through)$/.test(String(value)) ? null : false;
+                    },
+                },
+            ],
+        },
+        // Superscript / subscript are mutually exclusive (a glyph can't be
+        // both), so each mark excludes the other in addition to itself —
+        // note `excludes` REPLACES ProseMirror's default self-exclusion,
+        // which is why the mark's own name is listed too.
+        superscript: {
+            excludes: "superscript subscript",
+            toDOM: function () {
+                return ["sup", 0];
+            },
+            parseDOM: [{ tag: "sup" }, { style: "vertical-align=super" }],
+        },
+        subscript: {
+            excludes: "subscript superscript",
+            toDOM: function () {
+                return ["sub", 0];
+            },
+            parseDOM: [{ tag: "sub" }, { style: "vertical-align=sub" }],
+        },
+        color: {
+            attrs: { color: {} },
+            toDOM: function (mark) {
+                return ["span", { style: "color: ".concat(mark.attrs.color) }, 0];
+            },
+            parseDOM: [
+                {
+                    tag: "span[style*=color]",
+                    getAttrs: function (dom) {
+                        var style = dom.getAttribute("style");
+                        var match = style.match(/color:\s*([^;]+)/);
+                        return match ? { color: match[1] } : false;
+                    },
+                },
+            ],
+        },
+        // Per-run font size, in points (the `TextFormat.fontSize` unit). Carried
+        // as a mark so xlsx-imported size runs survive an edit and so the toolbar
+        // font-size control can format a selection inside the cell editor.
+        fontSize: {
+            attrs: { size: {} },
+            toDOM: function (mark) {
+                return ["span", { style: "font-size: ".concat(mark.attrs.size, "pt") }, 0];
+            },
+            parseDOM: [
+                {
+                    style: "font-size",
+                    getAttrs: function (value) {
+                        var match = /^([\d.]+)pt$/.exec(String(value).trim());
+                        return match ? { size: Number(match[1]) } : false;
+                    },
+                },
+            ],
+        },
+        // Per-run font family (`TextFormat.fontFamily`).
+        fontFamily: {
+            attrs: { family: {} },
+            toDOM: function (mark) {
+                return ["span", { style: "font-family: ".concat(mark.attrs.family) }, 0];
+            },
+            parseDOM: [
+                {
+                    style: "font-family",
+                    getAttrs: function (value) {
+                        var family = String(value).replace(/["']/g, "").trim();
+                        return family ? { family: family } : false;
+                    },
+                },
+            ],
+        },
+    },
+});

package/dist/cjs/editor-pm/types.d.ts

@@ -0,0 +1,8 @@
+export type { TextFormatRun, Mention } from "@rowsncolumns/common-types";
+export type OptionItem = {
+    title: string;
+    value?: string;
+    category?: OptionCategory;
+};
+export type OptionCategory = "table" | "function" | "column" | "namedrange" | "thisrow" | "specialitem" | "property" | "parameter";
+//# sourceMappingURL=types.d.ts.map

package/dist/cjs/editor-pm/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../editor-pm/types.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAEzE,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,cAAc,GACtB,OAAO,GACP,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,SAAS,GACT,aAAa,GACb,UAAU,GACV,WAAW,CAAC"}

package/dist/cjs/editor-pm/types.js

@@ -0,0 +1 @@
+export {};

package/dist/cjs/editor-pm/unfocused-selection-plugin.d.ts

@@ -0,0 +1,25 @@
+import { Plugin, PluginKey } from "prosemirror-state";
+/**
+ * Plugin state: `true` while the editor DOM is blurred.
+ */
+export declare const unfocusedSelectionPluginKey: PluginKey<boolean>;
+export declare const UNFOCUSED_SELECTION_CLASS = "rnc-pm-unfocused-selection";
+/**
+ * Keeps the user's text selection visibly painted while the editor does not
+ * own DOM focus.
+ *
+ * Browsers only paint the native selection of a contenteditable while it is
+ * focused, so interacting with a control that must take focus (the toolbar's
+ * font-size input, a dropdown search field, a color picker) makes the
+ * selection *appear* to vanish even though ProseMirror's state still holds
+ * it. This plugin mirrors that kept selection as an inline decoration while
+ * the view is blurred and removes it as soon as focus returns — the standard
+ * "fake selection" approach rich-text editors use for toolbar interop.
+ *
+ * The decoration uses the `Highlight` CSS system color so it matches the
+ * platform's native selection paint without any stylesheet wiring; the
+ * `rnc-pm-unfocused-selection` class is attached for hosts that want to
+ * restyle it.
+ */
+export declare function createUnfocusedSelectionPlugin(): Plugin<boolean>;
+//# sourceMappingURL=unfocused-selection-plugin.d.ts.map

package/dist/cjs/editor-pm/unfocused-selection-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unfocused-selection-plugin.d.ts","sourceRoot":"","sources":["../../../editor-pm/unfocused-selection-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGtD;;GAEG;AACH,eAAO,MAAM,2BAA2B,oBAEvC,CAAC;AAEF,eAAO,MAAM,yBAAyB,+BAA+B,CAAC;AAEtE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,8BAA8B,oBA0C7C"}

package/dist/cjs/editor-pm/unfocused-selection-plugin.js

@@ -0,0 +1,61 @@
+import { Plugin, PluginKey } from "prosemirror-state";
+import { Decoration, DecorationSet } from "prosemirror-view";
+/**
+ * Plugin state: `true` while the editor DOM is blurred.
+ */
+export var unfocusedSelectionPluginKey = new PluginKey("unfocusedSelection");
+export var UNFOCUSED_SELECTION_CLASS = "rnc-pm-unfocused-selection";
+/**
+ * Keeps the user's text selection visibly painted while the editor does not
+ * own DOM focus.
+ *
+ * Browsers only paint the native selection of a contenteditable while it is
+ * focused, so interacting with a control that must take focus (the toolbar's
+ * font-size input, a dropdown search field, a color picker) makes the
+ * selection *appear* to vanish even though ProseMirror's state still holds
+ * it. This plugin mirrors that kept selection as an inline decoration while
+ * the view is blurred and removes it as soon as focus returns — the standard
+ * "fake selection" approach rich-text editors use for toolbar interop.
+ *
+ * The decoration uses the `Highlight` CSS system color so it matches the
+ * platform's native selection paint without any stylesheet wiring; the
+ * `rnc-pm-unfocused-selection` class is attached for hosts that want to
+ * restyle it.
+ */
+export function createUnfocusedSelectionPlugin() {
+    return new Plugin({
+        key: unfocusedSelectionPluginKey,
+        state: {
+            init: function () { return false; },
+            apply: function (tr, blurred) {
+                var meta = tr.getMeta(unfocusedSelectionPluginKey);
+                return meta === undefined ? blurred : meta;
+            },
+        },
+        props: {
+            handleDOMEvents: {
+                blur: function (view) {
+                    view.dispatch(view.state.tr.setMeta(unfocusedSelectionPluginKey, true));
+                    return false;
+                },
+                focus: function (view) {
+                    view.dispatch(view.state.tr.setMeta(unfocusedSelectionPluginKey, false));
+                    return false;
+                },
+            },
+            decorations: function (state) {
+                var blurred = unfocusedSelectionPluginKey.getState(state);
+                var _a = state.selection, from = _a.from, to = _a.to, empty = _a.empty;
+                if (!blurred || empty) {
+                    return null;
+                }
+                return DecorationSet.create(state.doc, [
+                    Decoration.inline(from, to, {
+                        class: UNFOCUSED_SELECTION_CLASS,
+                        style: "background-color: Highlight;",
+                    }),
+                ]);
+            },
+        },
+    });
+}

package/dist/cjs/editor-pm/use-dropdown-change-pm.d.ts

@@ -0,0 +1,24 @@
+import type { ParsedToken } from "@rowsncolumns/calculator";
+import { EditorView } from "prosemirror-view";
+import { OptionItem, TextFormatRun } from "./types";
+type InputProps = {
+    itemToString(value: OptionItem): string;
+    formulaMode?: boolean;
+    getView(): EditorView | null;
+    onSubmit?(value: string, textFormatRuns?: TextFormatRun[] | null): void;
+    suggestionToken: ParsedToken | undefined;
+    activeToken: ParsedToken | undefined;
+    propertyToken?: ParsedToken | undefined;
+    parameterRange?: {
+        start: number;
+        end: number;
+    } | undefined;
+    previousToken?: ParsedToken | undefined;
+};
+export declare const getUnterminatedStringRange: (token: ParsedToken | undefined, docSize: number, fallbackEnd: number) => {
+    from: number;
+    to: number;
+} | null;
+export declare const useDropdownChangePM: ({ itemToString, formulaMode, getView, onSubmit, suggestionToken, activeToken, propertyToken, parameterRange, previousToken, }: InputProps) => (item: OptionItem) => void;
+export {};
+//# sourceMappingURL=use-dropdown-change-pm.d.ts.map

package/dist/cjs/editor-pm/use-dropdown-change-pm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dropdown-change-pm.d.ts","sourceRoot":"","sources":["../../../editor-pm/use-dropdown-change-pm.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGpD,KAAK,UAAU,GAAG;IAChB,YAAY,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,IAAI,UAAU,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,aAAa,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC;IACxE,eAAe,EAAE,WAAW,GAAG,SAAS,CAAC;IACzC,WAAW,EAAE,WAAW,GAAG,SAAS,CAAC;IACrC,aAAa,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACxC,cAAc,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IAC5D,aAAa,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,OAAO,WAAW,GAAG,SAAS,EAC9B,SAAS,MAAM,EACf,aAAa,MAAM;;;QAkBpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,+HAUjC,UAAU,YAEF,UAAU,SAsJpB,CAAC"}

package/dist/cjs/editor-pm/use-dropdown-change-pm.js

@@ -0,0 +1,140 @@
+import { useCallback } from "react";
+import { TextSelection } from "prosemirror-state";
+import { tokenVocabulary } from "@rowsncolumns/fast-formula-parser";
+import { extractTextFormatRuns, getPropertyStartIndex } from "./helpers";
+export var getUnterminatedStringRange = function (token, docSize, fallbackEnd) {
+    var _a, _b, _c;
+    if (!token ||
+        ((_a = token.tokenType) === null || _a === void 0 ? void 0 : _a.name) !== tokenVocabulary.UnterminatedStringStart.name) {
+        return null;
+    }
+    var tokenLength = (_c = (_b = token.image) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0;
+    var fallbackStart = fallbackEnd - tokenLength;
+    var startOffset = token.startOffset !== undefined ? token.startOffset : fallbackStart - 1;
+    var start = Math.max(0, Math.min(startOffset + 1, docSize));
+    var end = Math.max(start, Math.min(start + tokenLength, docSize));
+    if (end <= start) {
+        return null;
+    }
+    return { from: start, to: end };
+};
+export var useDropdownChangePM = function (_a) {
+    var itemToString = _a.itemToString, formulaMode = _a.formulaMode, getView = _a.getView, onSubmit = _a.onSubmit, suggestionToken = _a.suggestionToken, activeToken = _a.activeToken, propertyToken = _a.propertyToken, parameterRange = _a.parameterRange, previousToken = _a.previousToken;
+    return useCallback(function (item) {
+        var _a, _b, _c;
+        var category = item.category;
+        var value = itemToString(item);
+        var view = getView();
+        if (formulaMode && view) {
+            var state_1 = view.state;
+            var tr_1 = state_1.tr;
+            var selection = state_1.selection;
+            var insertPos_1 = selection.from;
+            if (category === "parameter" && parameterRange) {
+                var from = Math.max(0, Math.min(parameterRange.start, state_1.doc.content.size));
+                var to = Math.max(from, Math.min(parameterRange.end, state_1.doc.content.size));
+                tr_1.delete(from, to);
+                tr_1.insertText(value, from);
+                var newCursorPos_1 = from + value.length;
+                tr_1.setSelection(TextSelection.near(tr_1.doc.resolve(newCursorPos_1)));
+                view.dispatch(tr_1);
+                view.focus();
+                return;
+            }
+            var deleteUnterminatedToken = function (tokenToDelete, fallbackEnd) {
+                var range = getUnterminatedStringRange(tokenToDelete, state_1.doc.content.size, fallbackEnd !== null && fallbackEnd !== void 0 ? fallbackEnd : insertPos_1);
+                if (range) {
+                    tr_1.delete(range.from, range.to);
+                    insertPos_1 = range.from;
+                }
+            };
+            // // If we have a suggestion token, delete it and update insert position
+            if (suggestionToken) {
+                var from = suggestionToken.startOffset + 1;
+                var to = suggestionToken.startOffset +
+                    ((_b = (_a = suggestionToken.image) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) +
+                    1;
+                if (category === "property") {
+                    var baseToken = propertyToken ||
+                        suggestionToken.basePropertyToken ||
+                        suggestionToken;
+                    if (baseToken === null || baseToken === void 0 ? void 0 : baseToken.image) {
+                        var dotIndex = getPropertyStartIndex(baseToken);
+                        if (dotIndex !== -1) {
+                            var baseStart = ((_c = baseToken.startOffset) !== null && _c !== void 0 ? _c : 0) + 1;
+                            from = baseStart + dotIndex;
+                            var tokenEnd = baseStart + baseToken.image.length;
+                            to = tokenEnd;
+                        }
+                    }
+                }
+                var handled = false;
+                if (from <= to && to <= state_1.doc.content.size) {
+                    tr_1.delete(from, to);
+                    insertPos_1 = from;
+                    handled = true;
+                }
+                if (!handled) {
+                    deleteUnterminatedToken(suggestionToken);
+                }
+            }
+            deleteUnterminatedToken(previousToken, insertPos_1);
+            var textToInsert = "";
+            switch (category) {
+                case "table": {
+                    var prevChar = insertPos_1 > 0
+                        ? state_1.doc.textBetween(insertPos_1 - 1, insertPos_1)
+                        : "";
+                    var nextChar = state_1.doc.textBetween(insertPos_1, insertPos_1 + 1);
+                    textToInsert = value + "[";
+                    break;
+                }
+                case "column": {
+                    var prevChar = insertPos_1 > 0
+                        ? state_1.doc.textBetween(insertPos_1 - 1, insertPos_1)
+                        : "";
+                    var nextChar = state_1.doc.textBetween(insertPos_1, insertPos_1 + 1);
+                    var prefix = prevChar === "[" || prevChar === "@" ? "" : "[";
+                    var suffix = nextChar === "]" ? "" : "]";
+                    textToInsert = prefix + value + suffix;
+                    break;
+                }
+                case "thisrow":
+                    textToInsert = "@";
+                    break;
+                case "namedrange":
+                case "specialitem":
+                case "parameter":
+                    textToInsert = value;
+                    break;
+                case "property":
+                    textToInsert = "." + value;
+                    break;
+                case "function":
+                default:
+                    textToInsert = value + "(";
+                    break;
+            }
+            // Insert the text and move cursor to the end
+            tr_1.insertText(textToInsert, insertPos_1);
+            var newCursorPos = insertPos_1 + textToInsert.length;
+            tr_1.setSelection(TextSelection.near(tr_1.doc.resolve(newCursorPos)));
+            view.dispatch(tr_1);
+            view.focus();
+        }
+        else {
+            var textFormatRuns = extractTextFormatRuns(view === null || view === void 0 ? void 0 : view.state.doc);
+            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(value, textFormatRuns);
+        }
+    }, [
+        onSubmit,
+        formulaMode,
+        getView,
+        itemToString,
+        suggestionToken,
+        activeToken,
+        propertyToken,
+        parameterRange,
+        previousToken,
+    ]);
+};

package/dist/cjs/editor-pm/use-editor-change-pm.d.ts

@@ -0,0 +1,29 @@
+import { type ParsedToken } from "@rowsncolumns/calculator";
+import { EditorState } from "prosemirror-state";
+import { EditorView } from "prosemirror-view";
+import type { ProseMirrorEditorProps } from "./prosemirror-editor";
+import { TextFormatRun } from "./types";
+type UseEditorOnChangePMProps = {
+    onChange(value: string, textFormatRuns?: TextFormatRun[] | null): void;
+    getView(): EditorView | null;
+    isActive?: boolean;
+    enableContinuousSelection?: boolean;
+    onChangeCursor(position: number | undefined): void;
+    onChangeActiveToken(token: ParsedToken | undefined): void;
+    tokenizer(value: string): ParsedToken[];
+    onFormulaStateChange: ProseMirrorEditorProps["onFormulaStateChange"];
+    onSuggestionTokenChange(token: ParsedToken | undefined): void;
+    onTableTokenChange(token: ParsedToken | undefined): void;
+    onChangeFunctionToken(token: ParsedToken | undefined): void;
+    onChangeParameterIndex(index: number): void;
+    onChangeIsEdgeOfCell(isEdgeOfCell: boolean): void;
+    onCellPropertyTokenChange(token: ParsedToken | undefined): void;
+    onChangeFunctionParameters?(params: string[], ranges: {
+        start: number;
+        end: number;
+    }[]): void;
+    onChangePreviousToken(token: ParsedToken | undefined): void;
+};
+export declare const useEditorOnChangePM: ({ onChange, getView, isActive, enableContinuousSelection, tokenizer, onChangeCursor, onChangeActiveToken, onFormulaStateChange, onSuggestionTokenChange, onTableTokenChange, onChangeFunctionToken, onChangeParameterIndex, onCellPropertyTokenChange, onChangeFunctionParameters, onChangeIsEdgeOfCell, onChangePreviousToken, }: UseEditorOnChangePMProps) => (newState: EditorState) => void;
+export {};
+//# sourceMappingURL=use-editor-change-pm.d.ts.map

package/dist/cjs/editor-pm/use-editor-change-pm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-editor-change-pm.d.ts","sourceRoot":"","sources":["../../../editor-pm/use-editor-change-pm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAG7E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAuBnE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,aAAa,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC;IACvE,OAAO,IAAI,UAAU,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACnD,mBAAmB,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC;IAC1D,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,EAAE,CAAC;IACxC,oBAAoB,EAAE,sBAAsB,CAAC,sBAAsB,CAAC,CAAC;IACrE,uBAAuB,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC;IAC9D,kBAAkB,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC;IACzD,qBAAqB,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC;IAC5D,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5C,oBAAoB,CAAC,YAAY,EAAE,OAAO,GAAG,IAAI,CAAC;IAClD,yBAAyB,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC;IAChE,0BAA0B,CAAC,CACzB,MAAM,EAAE,MAAM,EAAE,EAChB,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,EAAE,GACvC,IAAI,CAAC;IACR,qBAAqB,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,mUAiBjC,wBAAwB,gBAWV,WAAW,SA6M3B,CAAC"}

package/dist/cjs/editor-pm/use-editor-change-pm.js

@@ -0,0 +1,154 @@
+import { tokenVocabulary } from "@rowsncolumns/calculator";
+import { isAFormula } from "@rowsncolumns/utils";
+import { useCallback, useEffect, useRef } from "react";
+import { enableCellSelection, extractTextFormatRuns, getActiveFunctionToken, getActiveSelectionIndex, getActiveSuggestionToken, getActiveTableToken, getActiveToken, getCursorPosition, getFunctionParameters, getParameterIndex, getTokenizationContent, getPreviousToken, hasPropertyReference, isCellToken, isNamedRangeToken, isTableColumnToken, isTableNameToken, resolveCellPropertyToken, serializeEditorValue, } from "./helpers";
+import { useCallbackRef } from "@rowsncolumns/grid";
+import { CELL_SUGGESTION_PREFIX } from "../editor/constants";
+export var useEditorOnChangePM = function (_a) {
+    var onChange = _a.onChange, getView = _a.getView, isActive = _a.isActive, enableContinuousSelection = _a.enableContinuousSelection, tokenizer = _a.tokenizer, onChangeCursor = _a.onChangeCursor, onChangeActiveToken = _a.onChangeActiveToken, onFormulaStateChange = _a.onFormulaStateChange, onSuggestionTokenChange = _a.onSuggestionTokenChange, onTableTokenChange = _a.onTableTokenChange, onChangeFunctionToken = _a.onChangeFunctionToken, onChangeParameterIndex = _a.onChangeParameterIndex, onCellPropertyTokenChange = _a.onCellPropertyTokenChange, onChangeFunctionParameters = _a.onChangeFunctionParameters, onChangeIsEdgeOfCell = _a.onChangeIsEdgeOfCell, onChangePreviousToken = _a.onChangePreviousToken;
+    var lastSeenCursorTokenRef = useRef(undefined);
+    useEffect(function () {
+        if (!isActive) {
+            lastSeenCursorTokenRef.current = undefined;
+        }
+    }, [isActive]);
+    return useCallbackRef(useCallback(function (newState) {
+        var _a, _b, _c, _d, _e, _f;
+        var newValue = serializeEditorValue(newState.doc);
+        var isFormula = isAFormula(newValue);
+        var textFormatRuns = isFormula
+            ? undefined
+            : extractTextFormatRuns(newState.doc);
+        // Callback
+        onChange(newValue, textFormatRuns);
+        // Formula mode
+        var view = getView();
+        // Set cursor tokens
+        if (isFormula && isActive && view) {
+            var cursorPos = getCursorPosition(newState);
+            if (cursorPos === undefined) {
+                lastSeenCursorTokenRef.current = undefined;
+                onChangeCursor(undefined);
+                return;
+            }
+            // Get content for tokenization - handle both single and multi-line scenarios
+            var _g = getTokenizationContent(newState, cursorPos), line = _g.line, offsetInLine = _g.offsetInLine;
+            var tokens = tokenizer(line);
+            var activeToken = getActiveToken(offsetInLine, tokens);
+            var previousToken = getPreviousToken(offsetInLine, tokens);
+            var isEdge = (activeToken === null || activeToken === void 0 ? void 0 : activeToken.endColumn) === offsetInLine;
+            var isCell = activeToken
+                ? isCellToken(activeToken) ||
+                    isTableColumnToken(activeToken) ||
+                    isTableNameToken(activeToken)
+                : false;
+            var isNamedRange = activeToken
+                ? isNamedRangeToken(activeToken)
+                : false;
+            var isEdgeOfCell = isEdge &&
+                ((isCell && !hasPropertyReference(activeToken)) || isNamedRange);
+            var canSelectCells = Boolean(enableCellSelection(offsetInLine, cursorPos, tokens));
+            var selectionIndex = getActiveSelectionIndex(activeToken);
+            var suggestionToken = getActiveSuggestionToken(offsetInLine, activeToken, view);
+            var tableToken = getActiveTableToken(offsetInLine, activeToken, tokens, view, isEdge);
+            var tokenForFunction = activeToken !== null && activeToken !== void 0 ? activeToken : previousToken;
+            var functionToken = getActiveFunctionToken(tokenForFunction, tokens);
+            // Check for cell property token - we want to show suggestions when user types "A1."
+            var cellPropertyToken = resolveCellPropertyToken(activeToken, tokens);
+            if (!cellPropertyToken && suggestionToken) {
+                var basePropertyToken = suggestionToken.basePropertyToken;
+                if (basePropertyToken) {
+                    cellPropertyToken = basePropertyToken;
+                }
+            }
+            var isPropertyContext = Boolean(cellPropertyToken);
+            if (isPropertyContext) {
+                canSelectCells = false;
+            }
+            if (canSelectCells) {
+                lastSeenCursorTokenRef.current = cursorPos;
+            }
+            var charBeforeCursor = offsetInLine > 0 ? line[offsetInLine - 1] : "";
+            var isSpaceTerminator = charBeforeCursor === " " &&
+                !CELL_SUGGESTION_PREFIX.includes((_b = (_a = previousToken === null || previousToken === void 0 ? void 0 : previousToken.tokenType) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : "");
+            if (isSpaceTerminator) {
+                lastSeenCursorTokenRef.current = undefined;
+            }
+            var lastSeenCursorPos = lastSeenCursorTokenRef.current;
+            var isLiteralToken = ((_c = activeToken === null || activeToken === void 0 ? void 0 : activeToken.tokenType) === null || _c === void 0 ? void 0 : _c.name) === tokenVocabulary.String.name ||
+                ((_d = activeToken === null || activeToken === void 0 ? void 0 : activeToken.tokenType) === null || _d === void 0 ? void 0 : _d.name) ===
+                    tokenVocabulary.UnterminatedStringStart.name ||
+                ((_e = activeToken === null || activeToken === void 0 ? void 0 : activeToken.tokenType) === null || _e === void 0 ? void 0 : _e.name) === tokenVocabulary.Number.name ||
+                ((_f = activeToken === null || activeToken === void 0 ? void 0 : activeToken.tokenType) === null || _f === void 0 ? void 0 : _f.name) === tokenVocabulary.Boolean.name;
+            var isContinuation = enableContinuousSelection
+                ? canSelectCells || isEdgeOfCell
+                : !isPropertyContext &&
+                    !isLiteralToken &&
+                    lastSeenCursorPos !== undefined &&
+                    cursorPos >= lastSeenCursorPos;
+            if (isLiteralToken || (!canSelectCells && !isContinuation)) {
+                lastSeenCursorTokenRef.current = undefined;
+            }
+            // Get function parameters
+            var parameterIndex = getParameterIndex(tokenForFunction, functionToken, tokens);
+            var _h = getFunctionParameters(line, functionToken), parameters = _h.parameters, ranges = _h.ranges;
+            // Cursor position to show cell suggestion
+            onChangeCursor(canSelectCells ? cursorPos : undefined);
+            // Active token
+            onChangeActiveToken(activeToken);
+            onChangePreviousToken(previousToken);
+            onSuggestionTokenChange === null || onSuggestionTokenChange === void 0 ? void 0 : onSuggestionTokenChange(suggestionToken);
+            // Table token change
+            onTableTokenChange === null || onTableTokenChange === void 0 ? void 0 : onTableTokenChange(tableToken);
+            // Function token change
+            onChangeFunctionToken === null || onChangeFunctionToken === void 0 ? void 0 : onChangeFunctionToken(functionToken);
+            // Cell property token change
+            onCellPropertyTokenChange === null || onCellPropertyTokenChange === void 0 ? void 0 : onCellPropertyTokenChange(cellPropertyToken);
+            // On parameter index change
+            onChangeParameterIndex === null || onChangeParameterIndex === void 0 ? void 0 : onChangeParameterIndex(parameterIndex);
+            onChangeFunctionParameters === null || onChangeFunctionParameters === void 0 ? void 0 : onChangeFunctionParameters(parameters, ranges);
+            onChangeIsEdgeOfCell(isEdgeOfCell);
+            /**
+             * Users are able to select cells
+             * 1. When canUserSelect = true
+             */
+            var finalCanSelectCells = !isPropertyContext && (canSelectCells || isContinuation);
+            var selectionMode = isPropertyContext || !canSelectCells ? "modify" : "append";
+            // Callback to update
+            onFormulaStateChange === null || onFormulaStateChange === void 0 ? void 0 : onFormulaStateChange(finalCanSelectCells, selectionMode, selectionIndex);
+        }
+        else {
+            lastSeenCursorTokenRef.current = undefined;
+            // Function token change
+            onChangeFunctionToken === null || onChangeFunctionToken === void 0 ? void 0 : onChangeFunctionToken(undefined);
+            onChangeFunctionParameters === null || onChangeFunctionParameters === void 0 ? void 0 : onChangeFunctionParameters([], []);
+            // Set suggestion token
+            onSuggestionTokenChange({
+                image: newValue,
+                startColumn: 0,
+                startOffset: 0,
+                endColumn: 0,
+                endOffset: 0,
+                endLine: 0,
+                tokenType: { name: "Suggestion" },
+                tokenTypeIdx: 0,
+            });
+        }
+    }, [
+        onChange,
+        getView,
+        isActive,
+        enableContinuousSelection,
+        tokenizer,
+        onFormulaStateChange,
+        onChangeActiveToken,
+        onSuggestionTokenChange,
+        onChangeIsEdgeOfCell,
+        onChangeCursor,
+        onTableTokenChange,
+        onChangeFunctionToken,
+        onChangeParameterIndex,
+        onCellPropertyTokenChange,
+        onChangeFunctionParameters,
+    ]));
+};