x4js 1.4.52 → 1.5.0

package/lib/smartedit.js

@@ -1,390 +0,0 @@
-"use strict";
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file smartedit.ts
-* @author Etienne Cochard
-*
-* Copyright (c) 2019-2022 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy
-* of this software and associated documentation files (the "Software"), to deal
-* in the Software without restriction, including without limitation the rights
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
-* of the Software, and to permit persons to whom the Software is furnished to do so,
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-**/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PopupTable = exports.SmartEdit = void 0;
-const textedit_1 = require("./textedit");
-const popup_1 = require("./popup");
-const component_1 = require("./component");
-const x4_events_1 = require("./x4_events");
-class SmartEdit extends textedit_1.TextEdit {
-    m_popup;
-    m_dataview;
-    m_field;
-    m_minDisplay;
-    m_maxCount;
-    m_autoFill;
-    m_renderer;
-    m_tools;
-    m_searchCallback;
-    constructor(props) {
-        super(props);
-        this.m_dataview = props.store.createView();
-        this.m_field = props.field;
-        this.m_renderer = props.renderer;
-        this.m_minDisplay = props.minDisplay ?? 0;
-        this.m_maxCount = props.maxCount ?? 10;
-        this.m_autoFill = props.autoFill === undefined ? true : props.autoFill;
-        this.m_popup = null;
-        this.m_tools = props.tools ?? [];
-        this.m_searchCallback = props.searchCallback;
-        this.on('change', (e) => this._onChange(e));
-        this.on('focus', (e) => this._onFocus(e));
-    }
-    render(props) {
-        super.render(props);
-        this.m_ui_input.setDomEvent('keydown', (e) => this._onKey(e));
-    }
-    _onChange(ev) {
-        this._showPopup(ev.value);
-    }
-    _onFocus(ev) {
-        if (ev.focus) {
-            this._showPopup(this.value);
-        }
-        else if (this.m_popup) {
-            this.m_popup.close();
-        }
-    }
-    _onKey(e) {
-        console.log(e.key);
-        switch (e.key) {
-            case 'Backspace': {
-                // remove selection
-                let start = e.target.selectionStart;
-                let end = e.target.selectionEnd;
-                if (start > end) {
-                    let t = start;
-                    start = end;
-                    end = t;
-                }
-                let v = this.value;
-                let a = v.substr(0, start);
-                let b = v.substr(end);
-                this.value = a + b;
-                break;
-            }
-            case 'ArrowUp':
-            case 'Up': {
-                if (this.m_popup) {
-                    this._moveNext(false);
-                    e.preventDefault();
-                }
-                break;
-            }
-            case 'ArrowDown':
-            case 'Down': {
-                if (this.m_popup) {
-                    this._moveNext(true);
-                    e.preventDefault();
-                }
-                break;
-            }
-            case 'Enter': {
-                if (this.m_popup) {
-                    this._checkTool(e);
-                }
-                break;
-            }
-        }
-    }
-    _showSugg(text) {
-        let sel = this.getSelection();
-        this.value = text;
-        this.select(sel.start, sel.length);
-    }
-    isOpen() {
-        return this.m_popup !== null;
-    }
-    componentDisposed() {
-        if (this.m_popup) {
-            this.m_popup.close();
-        }
-        super.componentDisposed();
-    }
-    // enter pressed on an element
-    _checkTool(e) {
-        let sel = this.m_popup.selection;
-        if (this._callTool(sel)) {
-            e.preventDefault();
-        }
-    }
-    _callTool(sel) {
-        let data = this.m_popup.getRowData(sel);
-        if (data) {
-            if (this.m_popup) {
-                this.m_popup.close();
-            }
-            data.callback(this);
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    _moveNext(next) {
-        let sel = this.m_popup.selNext(next);
-        console.log('movenext: ', sel);
-        let data = this.m_popup.getRowData(sel);
-        if (!data) {
-            let text = this.m_popup.getCell(sel, 0).text;
-            this._showSugg(text);
-        }
-    }
-    //_onKey( e: KeyboardEvent ) {
-    //	if( e.key==' ' ) {
-    //		this._showPopup( this.value )
-    //	}
-    //}
-    _showPopup(v) {
-        if (this.m_popup) {
-            this.m_popup.close();
-            this.m_popup = null;
-        }
-        let cnt;
-        let sel = this.getSelection();
-        let search = sel.length ? v.substr(0, sel.start) : v;
-        if (search.length < this.m_minDisplay) {
-            return;
-        }
-        let autoFill = this.m_autoFill;
-        if (search.length == 0) {
-            cnt = this.m_dataview.filter(null);
-        }
-        else {
-            if (this.m_searchCallback) {
-                autoFill = this.m_searchCallback(search, this.m_dataview);
-                cnt = this.m_dataview.count;
-            }
-            else {
-                cnt = this.m_dataview.filter({
-                    op: '=',
-                    field: this.m_field,
-                    value: new RegExp('^' + search.trim() + '.*', 'mi')
-                });
-            }
-        }
-        if (cnt > 0) {
-            let rec = this.m_dataview.getByIndex(0);
-            if (autoFill) {
-                this.value = rec.getField(this.m_field);
-            }
-            this.select(v.length);
-            let count = Math.min(this.m_dataview.count, this.m_maxCount);
-            let r2 = this.m_ui_input.getBoundingRect();
-            this.m_popup = new PopupTable({
-                cls: '@editor-popup',
-                minWidth: r2.width
-            });
-            this.m_popup.on('click', (ev) => {
-                let { row, text } = ev.context;
-                if (!this._callTool(row)) {
-                    this.value = text;
-                    this.emit('click', (0, x4_events_1.EvClick)());
-                }
-            });
-            let i;
-            for (i = 0; i < count; i++) {
-                let rec = this.m_dataview.getByIndex(i);
-                let texts = this.m_renderer(rec);
-                this.m_popup.setCell(i, 0, texts[0].text, texts[0].cls);
-                this.m_popup.setCell(i, 1, texts[1].text, texts[1].cls);
-            }
-            for (let j = 0; j < this.m_tools.length; j++, i++) {
-                this.m_popup.setCell(i, 0, this.m_tools[j].text);
-                this.m_popup.setCell(i, 1, '');
-                this.m_popup.setRowData(i, this.m_tools[j]);
-                console.log('fill: ', i);
-            }
-            this.m_popup.displayAt(r2.left, r2.bottom);
-        }
-        else if (this.m_tools.length) {
-            let r2 = this.m_ui_input.getBoundingRect();
-            this.m_popup = new PopupTable({
-                cls: '@editor-popup',
-                minWidth: r2.width
-            });
-            this.m_popup.on('click', (ev) => {
-                let { row, text } = ev.context;
-                if (!this._callTool(row)) {
-                    this.value = text;
-                }
-            });
-            for (let j = 0, i = 0; j < this.m_tools.length; j++, i++) {
-                this.m_popup.setCell(i, 0, this.m_tools[j].text);
-                this.m_popup.setCell(i, 1, '');
-                this.m_popup.setRowData(i, this.m_tools[j]);
-                console.log('fill: ', i);
-            }
-            this.m_popup.displayAt(r2.left, r2.bottom);
-        }
-    }
-}
-exports.SmartEdit = SmartEdit;
-class PopupTable extends popup_1.Popup {
-    m_rows;
-    m_cols;
-    m_cells;
-    m_data;
-    m_minw;
-    m_defcell;
-    m_sel;
-    constructor(props) {
-        super(props);
-        this.m_rows = props.rows ?? 0;
-        this.m_cols = props.cols ?? 0;
-        this.m_minw = props.minWidth;
-        this.m_cells = new Map();
-        this.m_data = new Map();
-        this.m_defcell = { text: '', cls: undefined };
-        this.m_sel = 0;
-        this.enableMask(false);
-        this.setDomEvent('create', () => {
-            this.dom.cellPadding = '0px';
-        });
-        this.setDomEvent('mousedown', (e) => {
-            e.preventDefault();
-            let el = component_1.Component.getElement(e.target);
-            let row = el.getData('row');
-            this.m_sel = row;
-            this.update();
-            this.emit('click', (0, x4_events_1.EvClick)({ row, text: this.getCell(row, 0).text }));
-        });
-    }
-    setRowData(row, data) {
-        this.m_data.set(row, data);
-    }
-    getRowData(row) {
-        return this.m_data.get(row);
-    }
-    setCell(row, col, text, cls) {
-        this.m_cells.set(_cid(row, col), { text, cls });
-        if (this.m_rows < (row + 1)) {
-            this.m_rows = (row + 1);
-        }
-        if (this.m_cols < (col + 1)) {
-            this.m_cols = (col + 1);
-        }
-    }
-    getCell(row, col) {
-        let cd = this.m_cells.get(_cid(row, col));
-        if (cd == null) {
-            return this.m_defcell;
-        }
-        return cd;
-    }
-    /** @ignore */
-    render() {
-        this.setTag( 'table');
-        if (this.m_minw) {
-            this.setStyleValue('minWidth', this.m_minw);
-        }
-        let rows = [];
-        for (let r = 0; r < this.m_rows; r++) {
-            let cols = [];
-            let data = { row: r };
-            for (let c = 0; c < this.m_cols; c++) {
-                let cell = this.getCell(r, c);
-                let col = new component_1.Component({
-                    tag: 'td',
-                    content: cell.text,
-                    cls: cell.cls,
-                    data
-                });
-                cols.push(col);
-            }
-            let cls = undefined;
-            if (r === this.m_sel) {
-                cls = '@selected';
-            }
-            let row = new component_1.Component({
-                tag: 'tr',
-                cls,
-                content: cols,
-                data
-            });
-            rows.push(row);
-        }
-        this.setContent(rows);
-    }
-    /**
-    * display the popup at a specific position
-    * @param x
-    * @param y
-    */
-    displayAt(x, y, align = 'top left') {
-        this.show();
-        let halign = 'l', valign = 't';
-        if (align.indexOf('right') >= 0) {
-            halign = 'r';
-        }
-        if (align.indexOf('bottom') >= 0) {
-            valign = 'b';
-        }
-        // @TODO: this is a minimal overflow problem solution
-        let rc = document.body.getBoundingClientRect(), rm = this.getBoundingRect();
-        if (halign == 'r') {
-            x -= rm.width;
-        }
-        if (valign == 'b') {
-            y -= rm.height;
-        }
-        if (x < 4) {
-            x = 4;
-        }
-        if ((x + rm.width) > rc.right - 4) {
-            x = rc.right - 4 - rm.width;
-        }
-        if (y < 4) {
-            y = 4;
-        }
-        if ((y + rm.height) > rc.bottom - 4) {
-            y = rc.bottom - 4 - rm.height;
-        }
-        this.setStyle({ left: x, top: y });
-    }
-    selNext(next) {
-        this.m_sel += next ? 1 : -1;
-        if (this.m_sel >= this.m_rows) {
-            this.m_sel = 0;
-        }
-        else if (this.m_sel < 0) {
-            this.m_sel = this.m_rows - 1;
-        }
-        this.update();
-        return this.m_sel;
-    }
-    get selection() {
-        return this.m_sel;
-    }
-}
-exports.PopupTable = PopupTable;
-function _cid(row, col) {
-    return row * 1000 + col;
-}

package/lib/texthiliter.js

@@ -1,227 +0,0 @@
-"use strict";
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file texthiliter.ts
-* @author Etienne Cochard
-*
-* Copyright (c) 2019-2022 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy
-* of this software and associated documentation files (the "Software"), to deal
-* in the Software without restriction, including without limitation the rights
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
-* of the Software, and to permit persons to whom the Software is furnished to do so,
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-**/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextHiliter = void 0;
-/**
- * idea came from https://www.cdolivet.com/editarea
- */
-const component_1 = require("./component");
-class TextHiliter extends component_1.Component {
-    m_text;
-    m_ed;
-    m_hi;
-    m_top;
-    m_kwList;
-    constructor(props) {
-        super(props);
-        this.m_kwList = props.kwList;
-        this.m_top = 0;
-        this.m_text = props.text ?? '';
-        this.mapPropEvents(props, 'change');
-    }
-    /** @ignore */
-    render() {
-        this.setContent([
-            this.m_hi = new component_1.Component({
-                tag: 'span',
-                cls: '@fit @syntax-hiliter',
-            }),
-            this.m_ed = new component_1.Component({
-                tag: 'textarea',
-                cls: '@fit',
-                width: '100%',
-                attrs: {
-                    spellcheck: 'false',
-                    wrap: 'off',
-                },
-                dom_events: {
-                    input: () => this._hiliteText(),
-                    scroll: () => this._updateScroll(),
-                    keydown: (e) => this._keydown(e),
-                }
-            }),
-        ]);
-    }
-    componentCreated() {
-        super.componentCreated();
-        this.value = this.m_text;
-    }
-    get value() {
-        if (this.dom) {
-            return this.m_ed.dom.value;
-        }
-        else {
-            return this.m_text;
-        }
-    }
-    set value(t) {
-        if (this.dom) {
-            this.m_ed.dom.value = t;
-        }
-        this.m_text = t;
-        this._hiliteText();
-    }
-    _keydown(e) {
-        if (e.key == 'Tab') {
-            e.preventDefault();
-            e.stopPropagation();
-            let dom = this.m_ed.dom;
-            let ss = dom.selectionStart;
-            let se = dom.selectionEnd;
-            dom.setRangeText('\t', ss, se);
-            dom.setSelectionRange(ss + 1, ss + 1);
-            dom.dispatchEvent(new Event('input'));
-        }
-        else if (e.key == 'Enter') {
-            e.stopPropagation();
-        }
-    }
-    _hiliteText() {
-        let text = this.m_ed.dom.value;
-        if (!this.m_hi.dom.firstChild) {
-            this.m_hi.dom.innerHTML = '<div style="position:absolute"></div>';
-        }
-        this.m_hi.dom.firstChild.innerHTML = this._tokenize(text);
-        //	this._updateScroll( );
-    }
-    _updateScroll() {
-        this.startTimer('sync', 0, false, () => {
-            let top = this.m_ed.dom.scrollTop;
-            if (top != this.m_top) {
-                this.m_hi.dom.scrollTop = top;
-                this.m_top = top;
-            }
-            this.m_hi.dom.scrollLeft = this.m_ed.dom.scrollLeft;
-            //this.m_hi.setStyleValue( 'width', this.m_ed.dom.clientWidth );
-        });
-    }
-    _escape(text) {
-        text = text.replace(/&/gm, '&amp;');
-        text = text.replace(/</gm, '&lt;');
-        text = text.replace(/>/gm, '&gt;');
-        return text;
-    }
-    _tokenize(text) {
-        const reNUM = /\d/;
-        const reNUM2 = /[\d.]/;
-        const rePUNC = /\+|-|,|\/|\*|=|%|!|\||;|\.|\[|\]|\{|\|\(|\)|}|<|>|&/;
-        const reKW = /[a-zA-Z_]/;
-        const reKW2 = /[a-zA-Z0-9_]/;
-        let result = '';
-        let i = 0;
-        let length = text.length;
-        let s;
-        console.time("hilite");
-        while (i < length) {
-            let c = text.charAt(i);
-            // numbers
-            if (reNUM.test(c)) {
-                let s = i;
-                do {
-                    c = text.charAt(++i);
-                } while (reNUM2.test(c) && i < length);
-                result += '<span class="num">' + text.substring(s, i) + '</span>';
-                continue;
-            }
-            // keywords
-            if (this.m_kwList) {
-                if (reKW.test(c)) {
-                    let s = i;
-                    do {
-                        c = text.charAt(++i);
-                    } while (reKW2.test(c) && i < length);
-                    let kw = text.substring(s, i);
-                    if (this.m_kwList.has(kw)) {
-                        result += '<span class="kword">' + kw + '</span>';
-                    }
-                    else {
-                        result += kw;
-                    }
-                    continue;
-                }
-            }
-            if (c == '#') {
-                let ne = text.indexOf('\n', i + 1);
-                if (ne < 0) {
-                    ne = text.length;
-                }
-                result += '<span class="cmt">' + this._escape(text.substring(i, ne)) + '</span>';
-                i = ne;
-                continue;
-            }
-            //	comments
-            if (c == '/') {
-                let cn = text.charAt(i + 1);
-                if (cn == '*') {
-                    let ne = text.indexOf('*/', i + 2);
-                    if (ne < 0) {
-                        ne = text.length;
-                    }
-                    result += '<span class="cmt">' + this._escape(text.substring(i, ne + 2)) + '</span>';
-                    i = ne + 2;
-                    continue;
-                }
-                else if (cn == '/') {
-                    let ne = text.indexOf('\n', i + 2);
-                    if (ne < 0) {
-                        ne = text.length;
-                    }
-                    result += `<span class="cmt">${this._escape(text.substring(i, ne))}</span>`;
-                    i = ne;
-                    continue;
-                }
-            }
-            // punctuation
-            if (rePUNC.test(c)) {
-                s = i;
-                do {
-                    c = text.charAt(++i);
-                } while (rePUNC.test(c) && i < length);
-                result += `<span class="punc">${text.substring(s, i)}</span>`;
-                continue;
-            }
-            // strings
-            if (c == '"' || c == '\'' || c == '\`') {
-                s = i;
-                let delim = c;
-                do {
-                    c = text.charAt(++i);
-                } while (c != delim && i < length);
-                result += `<span class="str">${this._escape(text.substring(s, ++i))}</span>`;
-                continue;
-            }
-            i++;
-            result += c;
-        }
-        console.timeEnd("hilite");
-        return result + '\n\n\n';
-    }
-}
-exports.TextHiliter = TextHiliter;

package/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  	"compilerOptions": {
-		"target": "esnext",
-		"lib": [ "esnext", "dom" ],
-    	"noImplicitAny": false, 
-    	"strictNullChecks": false,
-    	"outDir": "./lib",
-		"module": "commonjs",
-		//"outFile": "./lib2/index.js",
-		//"module": "amd",
-		"declaration": true,
-		"strict": true//false,
-  	},
-	"files": [
-		"./src/index.ts",
-	],
-	"typedocOptions": {
-        "entryPoints": ["src/index.ts"],
-        "out": "../doc/api"
-    }
-}