@trebco/treb 37.0.0 → 37.0.1

package/build/treb-grid/src/editors/formula_bar.js

@@ -0,0 +1,444 @@
+/*
+ * This file is part of TREB.
+ *
+ * TREB is free software: you can redistribute it and/or modify it under the
+ * terms of the GNU General Public License as published by the Free Software
+ * Foundation, either version 3 of the License, or (at your option) any
+ * later version.
+ *
+ * TREB is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU General Public License along
+ * with TREB. If not, see <https://www.gnu.org/licenses/>.
+ *
+ * Copyright 2022-2026 trebco, llc.
+ * info@treb.app
+ *
+ */
+// import type { Area, Cell, Theme } from 'treb-base-types';
+import { Editor } from './editor';
+import { Autocomplete } from './autocomplete';
+import { DOMContext } from 'treb-base-types';
+// ---
+export class FormulaBar extends Editor {
+    options;
+    committed = false;
+    tolled;
+    /**
+     * if we're showing a spill array and it's not the first cell, show
+     * the formula using a shadow style (and it's not editable).
+     */
+    shadow_ = false;
+    get shadow() { return this.shadow_; }
+    set shadow(shadow) {
+        this.shadow_ = shadow;
+        if (this.active_editor?.node) {
+            if (shadow) {
+                this.active_editor.node.classList.add('treb-editor-shadow');
+            }
+            else {
+                this.active_editor.node.classList.remove('treb-editor-shadow');
+            }
+        }
+    }
+    /** is the _editor_ currently focused */
+    // tslint:disable-next-line:variable-name
+    focused_ = false;
+    /** accessor for focused field */
+    get focused() { return this.focused_; }
+    /** address label (may also show other things... ?) */
+    address_label_container;
+    /** address label (may also show other things... ?) */
+    address_label;
+    /** the function button (optional?) */
+    button;
+    /** */
+    expand_button;
+    /* * corner for resizing formula editor * /
+    private drag_corner!: HTMLDivElement;
+  
+    / * * for math * /
+    private lines = 1;
+  
+    private last_formula = '';
+    */
+    label_update_timer = 0;
+    /** get formula text */
+    get formula() {
+        return this.active_editor ? this.active_editor.node.textContent || '' : '';
+    }
+    /** set formula text */
+    set formula(text) {
+        if (this.active_editor) {
+            this.active_editor.node.textContent = text;
+            this.active_editor.formatted_text = undefined;
+        }
+        // this.last_formula = text;
+    }
+    /** get address label text */
+    get label() {
+        return this.address_label?.textContent || '';
+    }
+    /**
+     * set address label text. if the label is too long for the box,
+     * add a title attribute for a tooltip.
+     */
+    set label(text) {
+        if (!text.trim().length) {
+            this.address_label.innerHTML = '&nbsp;';
+            this.address_label.removeAttribute('title');
+        }
+        else {
+            this.address_label.textContent = text;
+            if (!this.label_update_timer) {
+                this.label_update_timer = requestAnimationFrame(() => {
+                    this.label_update_timer = 0;
+                    // should this be in a Yield callback? need to check IE11...
+                    // yes
+                    if (this.address_label.scrollWidth > this.address_label.offsetWidth) {
+                        this.address_label.setAttribute('title', text);
+                    }
+                    else {
+                        this.address_label.removeAttribute('title');
+                    }
+                });
+            }
+        }
+    }
+    /** toggle editable property: supports locked cells */
+    set editable(editable) {
+        if (!this.active_editor || !this.container_node)
+            return;
+        if (editable) {
+            this.active_editor.node.setAttribute('contenteditable', 'true'); // is that required?
+            this.container_node.removeAttribute('locked');
+        }
+        else {
+            this.active_editor.node.removeAttribute('contenteditable');
+            this.container_node.setAttribute('locked', '');
+        }
+    }
+    constructor(container, 
+    // parser: Parser,
+    // theme: Theme,
+    model, view, options, autocomplete) {
+        super(model, view, autocomplete);
+        this.options = options;
+        const DOM = DOMContext.GetInstance(container.ownerDocument);
+        const inner_node = container.querySelector('.treb-formula-bar');
+        inner_node.removeAttribute('hidden');
+        this.address_label_container = inner_node.querySelector('.treb-address-label');
+        this.address_label = this.address_label_container.firstElementChild;
+        this.InitAddressLabel();
+        /*
+        if (this.options.insert_function_button) {
+          this.button = DOM.Create('button', 'formula-button', inner_node);
+          this.button.addEventListener('click', () => {
+            const formula: string = this.active_editor ? this.active_editor.node.textContent || '' : '';
+            this.Publish({ type: 'formula-button', formula });
+          });
+        }
+        */
+        this.container_node = container.querySelector('.treb-editor-container');
+        const target = this.container_node.firstElementChild;
+        const descriptor = {
+            node: target,
+        };
+        this.active_editor = descriptor;
+        this.nodes = [descriptor];
+        // ------------------
+        if (target) {
+            this.RegisterListener(descriptor, 'input', (event) => {
+                // we send an extra event when we insert a reference.
+                // so filter that out. this might cause problems for other
+                // callers -- could we use a different filter?
+                if (event.isTrusted) {
+                    this.UpdateText(descriptor);
+                    this.UpdateColors(); // will send a local event
+                }
+            });
+        }
+        // ------------------
+        // 
+        // change the default back. this was changed when we were trying to figure
+        // out what was happening with IME, but it had nothing to do with spellcheck.
+        //
+        this.active_editor.node.spellcheck = false; // change the default back
+        this.RegisterListener(descriptor, 'focusin', () => {
+            const restore = this.tolled !== undefined;
+            this.tolled = undefined;
+            // this.editor_node.addEventListener('focusin', () => {
+            // can't happen
+            if (!this.active_editor) {
+                return;
+            }
+            // console.info('focus in');
+            let text = this.active_editor.node.textContent || '';
+            if (this.shadow) {
+                this.shadow = false;
+                text = '';
+                this.active_editor.node.textContent = text;
+                this.active_editor.formatted_text = undefined; // why do we clear this here? 
+            }
+            if (text[0] === '{' && text[text.length - 1] === '}') {
+                text = text.substring(1, text.length - 1);
+                this.active_editor.node.textContent = text;
+                this.active_editor.formatted_text = undefined; // why do we clear this here? 
+            }
+            // not here // this.editor_node.spellcheck = (text[0] !== '='); // true except for functions
+            this.autocomplete?.ResetBlock();
+            this.UpdateText(this.active_editor);
+            this.UpdateColors(undefined, true); // toll update event -- we will send in order, below
+            if (restore) {
+                // FIXME: we probably want to hold the caret so we can restore
+                // to a particular place. or set the caret explicitly.
+                const node = this.NodeAtIndex(text.length - 1);
+                // console.info({text, node});
+                if (node) {
+                    this.SetCaret({ node: node, offset: (node.textContent || '').length });
+                }
+            }
+            this.committed = false;
+            this.Publish([
+                { type: 'start-editing', editor: 'formula-bar' },
+                { type: 'update', text, cell: this.active_cell, dependencies: this.composite_dependencies },
+            ]);
+            this.focused_ = true;
+        });
+        this.RegisterListener(descriptor, 'focusout', (event) => {
+            // this is new, to support an external "insert function" dialog.
+            // still working out the semantics, but essentially we won't commit
+            // and we'll keep pending text. we need some sort of flag to indicate
+            // that we're in the editing state.
+            const toll = (event.relatedTarget instanceof HTMLElement && event.relatedTarget.dataset.tollEditor);
+            if (this.selecting) {
+                console.info('focusout, but selecting...');
+            }
+            this.autocomplete?.Hide();
+            const text = (this.active_editor ?
+                this.GetTextContent(this.active_editor.node).join('') : '').trim();
+            if (toll) {
+                let substring = text;
+                if (this.active_editor?.node) {
+                    const s2c = this.SubstringToCaret2(this.active_editor.node, true);
+                    substring = s2c[0];
+                }
+                this.committed = true;
+                this.tolled = {
+                    text,
+                    substring,
+                };
+                this.Publish({
+                    type: 'toll',
+                    value: text,
+                });
+            }
+            else if (this.committed) {
+                this.Publish([
+                    { type: 'stop-editing' },
+                ]);
+            }
+            else {
+                this.committed = true;
+                this.Publish({
+                    type: 'commit',
+                    value: text,
+                });
+            }
+            // huh? we're publishing this twice?
+            this.Publish([
+                { type: 'stop-editing' },
+            ]);
+            this.focused_ = false;
+            if (this.active_editor) {
+                this.active_editor.node.spellcheck = false; // for firefox
+            }
+        });
+        this.RegisterListener(descriptor, 'keydown', this.FormulaKeyDown.bind(this));
+        this.RegisterListener(descriptor, 'keyup', this.FormulaKeyUp.bind(this));
+        // why is this here, instead of in markup? just an oversight?
+        if (this.options.expand_formula_button) {
+            let focus_related_target;
+            this.expand_button = DOM.Create('button', 'expand-button', inner_node, {
+                events: {
+                    focus: (event) => {
+                        focus_related_target = event.relatedTarget instanceof HTMLElement ? event.relatedTarget : undefined;
+                    },
+                    click: (event) => {
+                        event.stopPropagation();
+                        event.preventDefault();
+                        if (this.active_editor) {
+                            this.active_editor.node.scrollTop = 0;
+                        }
+                        if (inner_node.hasAttribute('expanded')) {
+                            inner_node.removeAttribute('expanded');
+                        }
+                        else {
+                            inner_node.setAttribute('expanded', '');
+                        }
+                        if (focus_related_target) {
+                            focus_related_target.focus();
+                        }
+                    },
+                },
+            });
+        }
+    }
+    /**
+     * we might be overthinking this, we don't necessarily need to restore.
+     *
+     * this method will focus the editor and set the caret (to the end, atm)
+     * in case of a tolled editor. the idea is you call Restore() after your
+     * dialog is complete and it's like you are back where you started.
+     *
+     * alternatively, call `Release()` to clean up any saved state.
+     */
+    Restore() {
+        const target = this.container_node?.firstElementChild;
+        if (target) {
+            target.focus();
+        }
+    }
+    /**
+     * release anything that's been tolled. call this if you toll the editor
+     * but don't want to restore it when you are done. I think this will be
+     * the default.
+     */
+    Release() {
+        this.tolled = undefined;
+    }
+    IsElement(element) {
+        return element === this.active_editor?.node;
+    }
+    IsExpandButton(element) {
+        return this.expand_button && (element === this.expand_button);
+    }
+    InitAddressLabel() {
+        this.address_label.contentEditable = 'true';
+        this.address_label.spellcheck = false;
+        // on focus, select all 
+        // Q: do we do this in other places? we should consolidate
+        // A: I don't think we do just this, usually there's additional logic for % and such
+        this.address_label.addEventListener('focusin', () => {
+            const doc = this.address_label.ownerDocument;
+            // FIXME: close any open editors? (...)
+            // we're now doing this async for all browsers... it's only really
+            // necessary for IE11 and safari, but doesn't hurt
+            requestAnimationFrame(() => {
+                const selection = doc.defaultView.getSelection();
+                const range = doc.createRange();
+                range.selectNodeContents(this.address_label);
+                selection?.removeAllRanges();
+                selection?.addRange(range);
+            });
+        });
+        this.address_label.addEventListener('keydown', (event) => {
+            if (event.isComposing) {
+                return;
+            }
+            switch (event.key) {
+                case 'Enter':
+                    event.stopPropagation();
+                    event.preventDefault();
+                    this.Publish({
+                        type: 'address-label-event',
+                        text: this.address_label.textContent || undefined,
+                    });
+                    break;
+                case 'Esc':
+                case 'Escape':
+                    event.stopPropagation();
+                    event.preventDefault();
+                    this.Publish({ type: 'address-label-event' });
+                    break;
+            }
+        });
+    }
+    GetTextContent(node) {
+        const children = node.childNodes;
+        const buffer = [];
+        for (let i = 0; i < children.length; i++) {
+            const child = children[i];
+            switch (child.nodeType) {
+                case Node.ELEMENT_NODE:
+                    buffer.push(...this.GetTextContent(child));
+                    if (child instanceof Element && child.tagName === 'DIV') {
+                        buffer.push('\n');
+                    }
+                    break;
+                case Node.TEXT_NODE:
+                    if (child.nodeValue) {
+                        buffer.push(child.nodeValue);
+                    }
+                    break;
+            }
+        }
+        return buffer;
+    }
+    FormulaKeyUp(event) {
+        if (event.isComposing) {
+            return;
+        }
+        if (this.autocomplete) {
+            const ac_result = this.autocomplete.HandleKey('keyup', event);
+            if (ac_result.handled) {
+                return;
+            }
+            // this.FlushReference();
+        }
+    }
+    FormulaKeyDown(event) {
+        if (event.isComposing) {
+            return;
+        }
+        if (this.autocomplete) {
+            const ac_result = this.autocomplete.HandleKey('keydown', event);
+            if (ac_result.accept)
+                this.AcceptAutocomplete(ac_result);
+            if (ac_result.handled)
+                return;
+        }
+        switch (event.key) {
+            case 'F4':
+                if (this.selecting) {
+                    this.Publish({ type: 'toggle-reference' });
+                }
+                break;
+            case 'Enter':
+            case 'Tab':
+                {
+                    // this.selecting_ = false;
+                    const array = (event.key === 'Enter' && event.ctrlKey && event.shiftKey);
+                    // I think we use this nontstandard routine so that we preserve
+                    // newlines? not sure. would like to see the motivation for it.
+                    const text = (this.active_editor ?
+                        this.GetTextContent(this.active_editor.node).join('') : '').trim();
+                    this.committed = true;
+                    this.Publish({
+                        type: 'commit',
+                        // selection: this.selection,
+                        value: text,
+                        event,
+                        array,
+                    });
+                    // this.FlushReference();
+                }
+                break;
+            case 'Escape':
+            case 'Esc':
+                // this.selecting_ = false;
+                this.committed = true;
+                this.Publish({ type: 'discard' });
+                // this.FlushReference();
+                break;
+            default:
+                return;
+        }
+        event.stopPropagation();
+        event.preventDefault();
+    }
+}
+//# sourceMappingURL=formula_bar.js.map

package/build/treb-grid/src/editors/formula_bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formula_bar.js","sourceRoot":"","sources":["../../../../treb-grid/src/editors/formula_bar.ts"],"names":[],"mappings":"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"}

package/build/treb-grid/src/editors/overlay_editor.d.ts

@@ -0,0 +1,85 @@
+import { Editor } from './editor';
+import { Cell, type CellStyle, type CellValue, Rectangle, type Theme } from 'treb-base-types';
+import { DataModel, type ViewModel, type GridSelection } from 'treb-data-model';
+import { Autocomplete } from './autocomplete';
+export type OverlayEditorResult = 'handled' | 'commit' | 'discard';
+/**
+ * but when to send it?
+ */
+export interface ResetSelectionEvent {
+    type: 'reset-selection';
+}
+export declare class OverlayEditor extends Editor<ResetSelectionEvent> {
+    private container;
+    private theme;
+    /**
+     * selection being edited. note that this is private rather than protected
+     * in an effort to prevent subclasses from accidentally using shallow copies
+     */
+    private internal_selection;
+    /** accessor for selection */
+    get selection(): GridSelection;
+    /** set selection, deep copy */
+    set selection(rhs: GridSelection);
+    /** possibly carrying over a font face (+size?) */
+    edit_style?: CellStyle;
+    /**
+     * this is a flag used to indicate when we need to reset the selection.
+     * the issue has to do with selecting cells via arrow keys; if you do
+     * that twice, the second time the selection starts on the cell you
+     * selected the first time. so we want to fix that.
+     *
+     * I guess that used to work with an 'end-selection' event (although it
+     * didn't change the sheet) but that doesn't happen anymore because
+     * selecting state is determined dynamically now.
+     */
+    reset_selection: boolean;
+    /** we could use the descriptor reference */
+    edit_node: HTMLElement & ElementContentEditable;
+    /** narrowing from superclass */
+    container_node: HTMLElement;
+    /** special node for ICE */
+    edit_inset: HTMLElement;
+    scale: number;
+    /** shadow property */
+    private internal_editing;
+    /** accessor */
+    get editing(): boolean;
+    /**
+     * this is only set one time for each state, so it would be more
+     * efficient to inline it unless that's going to change
+     */
+    protected set editing(state: boolean);
+    constructor(container: HTMLElement, theme: Theme, model: DataModel, view: ViewModel, autocomplete: Autocomplete);
+    UpdateCaption(text?: string): void;
+    Focus(text?: string): void;
+    CloseEditor(): void;
+    /**
+     * remove contents, plus add mozilla junk node
+     */
+    ClearContents(): void;
+    /**
+     * start editing. I'm not sure why we're passing the selection around,
+     * but I don't want to take it out until I can answer that question.
+     *
+     * something to do with keyboard selection? (which needs to be fixed)?
+     */
+    Edit(gridselection: GridSelection, rect: Rectangle, cell: Cell, value?: CellValue, event?: Event, edit_style?: CellStyle): void;
+    GetEditState(): {
+        text: string;
+        substring: string;
+    };
+    /**
+     * check if we want to handle this key. we have some special cases (tab,
+     * enter, escape) where we do take some action but we also let the
+     * spreadsheet handle the key. for those we have some additional return
+     * values.
+     *
+     * NOTE this is *not* added as an event handler -- it's called by the grid
+     *
+     * @param event
+     * @returns
+     */
+    HandleKeyDown(event: KeyboardEvent): OverlayEditorResult | undefined;
+    UpdateScale(scale: number): void;
+}