@icure/form 1.0.1 → 1.0.2

package/lib/components/iqr-text-field/schema/markdown-schema.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMarkdownSpec = void 0;
+const utils_1 = require("./utils");
+const common_marks_1 = require("./common-marks");
+function getMarkdownSpec(type, contentProvider, colorProvider) {
+    const nodesSelector = (key, spec) => {
+        // noinspection RedundantConditionalExpressionJS
+        return (key === 'paragraph') ? true :
+            ((spec.group === 'block' || ['doc', 'list_item', 'hard_break', 'image'].includes(key)) && type !== 'text-document') ? false : true;
+    };
+    const marksSelector = (key) => {
+        // noinspection RedundantConditionalExpressionJS
+        return (key !== 'link' && ['text-document', 'styled-text', 'styled-text-with-codes'].includes(type)) ? true :
+            (key === 'link' && ['text-document', 'text-with-codes', 'styled-text-with-codes']) ? true : false;
+    };
+    return {
+        topNode: type === 'text-document' ? 'doc' : 'paragraph',
+        nodes: utils_1.reduceNodes({
+            doc: {
+                content: 'block+'
+            },
+            paragraph: {
+                content: 'inline*',
+                group: 'block',
+                parseDOM: [{ tag: 'p' }],
+                toDOM() {
+                    return ['p', 0];
+                }
+            },
+            blockquote: {
+                content: 'block+',
+                group: 'block',
+                parseDOM: [{ tag: 'blockquote' }],
+                toDOM() {
+                    return ['blockquote', 0];
+                }
+            },
+            horizontal_rule: {
+                group: 'block',
+                parseDOM: [{ tag: 'hr' }],
+                toDOM() {
+                    return ['div', ['hr']];
+                }
+            },
+            heading: {
+                attrs: { level: { default: 1 } },
+                content: '(text | image)*',
+                group: 'block',
+                defining: true,
+                parseDOM: [{ tag: 'h1', attrs: { level: 1 } },
+                    { tag: 'h2', attrs: { level: 2 } },
+                    { tag: 'h3', attrs: { level: 3 } },
+                    { tag: 'h4', attrs: { level: 4 } },
+                    { tag: 'h5', attrs: { level: 5 } },
+                    { tag: 'h6', attrs: { level: 6 } }],
+                toDOM(node) {
+                    return ['h' + node.attrs.level, 0];
+                }
+            },
+            ordered_list: {
+                content: 'list_item+',
+                group: 'block',
+                attrs: { order: { default: 1 }, tight: { default: false } },
+                parseDOM: [{
+                        tag: 'ol',
+                        getAttrs(dom) {
+                            const el = dom;
+                            return {
+                                order: el.hasAttribute('start') ? +(el.getAttribute('start') || 0) : 1,
+                                tight: el.hasAttribute('data-tight')
+                            };
+                        }
+                    }],
+                toDOM(node) {
+                    return ['ol', {
+                            start: node.attrs.order === 1 ? null : node.attrs.order,
+                            'data-tight': node.attrs.tight ? 'true' : null
+                        }, 0];
+                }
+            },
+            bullet_list: {
+                content: 'list_item+',
+                group: 'block',
+                attrs: { tight: { default: false } },
+                parseDOM: [{ tag: 'ul', getAttrs: dom => ({ tight: dom.hasAttribute('data-tight') }) }],
+                toDOM(node) {
+                    return ['ul', { 'data-tight': node.attrs.tight ? 'true' : null }, 0];
+                }
+            },
+            list_item: {
+                content: 'paragraph block*',
+                defining: true,
+                parseDOM: [{ tag: 'li' }],
+                toDOM() {
+                    return ['li', 0];
+                }
+            },
+            text: {
+                group: 'inline'
+            },
+            image: {
+                inline: true,
+                attrs: {
+                    src: {},
+                    alt: { default: null },
+                    title: { default: null }
+                },
+                group: 'inline',
+                draggable: true,
+                parseDOM: [{
+                        tag: 'img[src]',
+                        getAttrs(dom) {
+                            const el = dom;
+                            return {
+                                src: el.getAttribute('src'),
+                                title: el.getAttribute('title'),
+                                alt: el.getAttribute('alt')
+                            };
+                        }
+                    }],
+                toDOM(node) {
+                    return ['img', node.attrs];
+                }
+            },
+            hard_break: {
+                inline: true,
+                group: 'inline',
+                selectable: false,
+                parseDOM: [{ tag: 'br' }],
+                toDOM() {
+                    return ['br'];
+                }
+            }
+        }, nodesSelector),
+        marks: utils_1.reduceMarks(common_marks_1.getMarks(contentProvider, colorProvider), marksSelector)
+    };
+}
+exports.getMarkdownSpec = getMarkdownSpec;

package/lib/components/iqr-text-field/schema/measure-schema.d.ts

@@ -0,0 +1,3 @@
+import { SchemaSpec } from 'prosemirror-model';
+export declare type MeasureSchema = 'measure';
+export declare function getMeasureSpec(): SchemaSpec;

package/lib/components/iqr-text-field/schema/measure-schema.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMeasureSpec = void 0;
+function getMeasureSpec() {
+    return {
+        topNode: 'paragraph',
+        nodes: {
+            paragraph: {
+                content: 'decimal unit',
+            },
+            decimal: {
+                content: 'inline*',
+                group: 'block',
+                parseDOM: [{ tag: 'span' }],
+                toDOM() {
+                    return ['span', { class: 'measure' }, 0];
+                },
+                regexp: '[,.0-9-]'
+            },
+            unit: {
+                content: 'inline*',
+                group: 'block',
+                parseDOM: [{ tag: 'span' }],
+                toDOM() {
+                    return ['span', { class: 'unit' }, 0];
+                }
+            },
+            text: {
+                group: 'inline'
+            }
+        },
+        marks: {}
+    };
+}
+exports.getMeasureSpec = getMeasureSpec;

package/lib/components/iqr-text-field/schema/token-schema.d.ts

@@ -0,0 +1,6 @@
+import { SchemaSpec } from 'prosemirror-model';
+export declare type TokensSchema = 'tokens-list' | 'styled-tokens-list' | 'tokens-list-with-codes' | 'styled-tokens-list-with-codes';
+export declare function getTokensSpec(type: TokensSchema, contentProvider: (codes: {
+    type: string;
+    code: string;
+}[]) => string, colorProvider: (type: string, code: string, isCode: boolean) => string): SchemaSpec;

package/lib/components/iqr-text-field/schema/token-schema.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTokensSpec = void 0;
+const utils_1 = require("./utils");
+const common_marks_1 = require("./common-marks");
+function getTokensSpec(type, contentProvider, colorProvider) {
+    const marksSelector = (key) => {
+        // noinspection RedundantConditionalExpressionJS
+        return (key !== 'link' && ['styled-tokens-list', 'styled-tokens-list-with-codes'].includes(type)) ? true :
+            (key === 'link' && ['tokens-list-with-codes', 'styled-text-with-codes']) ? true : false;
+    };
+    return {
+        nodes: utils_1.reduceNodes({
+            doc: {
+                content: 'token+',
+                parseDOM: [{ tag: 'ul' }],
+                toDOM() {
+                    return ['ul', 0];
+                }
+            },
+            token: {
+                content: 'inline*',
+                group: 'block',
+                parseDOM: [{ tag: 'li' }],
+                toDOM() {
+                    return ['li', 0];
+                }
+            },
+            text: {
+                group: 'inline'
+            }
+        }),
+        marks: utils_1.reduceMarks(common_marks_1.getMarks(contentProvider, colorProvider), marksSelector)
+    };
+}
+exports.getTokensSpec = getTokensSpec;

package/lib/components/iqr-text-field/schema/utils.d.ts

@@ -0,0 +1,11 @@
+import { MarkSpec, NodeSpec } from "prosemirror-model";
+export declare function reduceNodes(nodes: {
+    [key: string]: NodeSpec;
+}, selector?: (key: string, spec: NodeSpec) => boolean): {
+    [key: string]: NodeSpec;
+};
+export declare function reduceMarks(marks: {
+    [key: string]: MarkSpec;
+}, selector?: (key: string, spec: MarkSpec) => boolean): {
+    [key: string]: MarkSpec;
+};

package/lib/components/iqr-text-field/schema/utils.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reduceMarks = exports.reduceNodes = void 0;
+function reduceNodes(nodes, selector = () => true) {
+    return Object.keys(nodes).reduce((r, k) => selector(k, nodes[k]) ? Object.assign(r, { [k]: nodes[k] }) : r, {});
+}
+exports.reduceNodes = reduceNodes;
+function reduceMarks(marks, selector = () => true) {
+    return Object.keys(marks).reduce((r, k) => selector(k, marks[k]) ? Object.assign(r, { [k]: marks[k] }) : r, {});
+}
+exports.reduceMarks = reduceMarks;

package/lib/components/iqr-text-field/selection-companion.d.ts

@@ -0,0 +1,11 @@
+import { EditorView } from "prosemirror-view";
+import { EditorState } from "prosemirror-state";
+export declare class SelectionCompanion {
+    private readonly companion;
+    private delay;
+    private lastTime;
+    constructor(view: EditorView, delay: () => boolean);
+    update(view: EditorView, lastState?: EditorState): void;
+    private display;
+    destroy(): void;
+}

package/lib/components/iqr-text-field/selection-companion.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectionCompanion = void 0;
+class SelectionCompanion {
+    constructor(view, delay) {
+        var _a, _b;
+        this.delay = () => false;
+        this.lastTime = 0;
+        this.companion = document.createElement("div");
+        this.companion.className = "companion";
+        (_b = (_a = view.dom) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.appendChild(this.companion);
+        this.delay = delay;
+        this.update(view, undefined);
+    }
+    update(view, lastState) {
+        let state = view.state;
+        // Don't do anything if the document/selection didn't change
+        if (lastState && lastState.doc.eq(state.doc) &&
+            lastState.selection.eq(state.selection)) {
+            return;
+        }
+        // Hide the companion if the selection is empty
+        if (state.selection.empty) {
+            this.companion.style.display = "none";
+            return;
+        }
+        // Otherwise, reposition it and update its content
+        const { to } = state.selection;
+        // These are in screen coordinates
+        const end = view.coordsAtPos(to);
+        this.display(end, (this.lastTime = +new Date()));
+    }
+    display(pos, time) {
+        var _a;
+        if (time !== this.lastTime)
+            return;
+        if (this.delay()) {
+            setTimeout(() => this.display(pos, time), 100);
+            return;
+        }
+        this.companion.style.display = "";
+        const box = (_a = this.companion.offsetParent) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        if (box) {
+            this.companion.style.left = pos.right + "px";
+            this.companion.style.top = (pos.top + box.top - 20) + "px";
+            this.companion.style.height = (pos.bottom - pos.top) + "px";
+            this.companion.textContent = "+";
+        }
+    }
+    destroy() { this.companion.remove(); }
+}
+exports.SelectionCompanion = SelectionCompanion;

package/lib/components/iqr-text-field/suggestion-palette.d.ts

@@ -0,0 +1,33 @@
+import { EditorView } from "prosemirror-view";
+import { EditorState, Transaction } from "prosemirror-state";
+export declare class SuggestionPalette {
+    private readonly palette;
+    private delay;
+    private lastTime;
+    private suggestionProvider;
+    private previousFingerprint?;
+    private suggestionStopWordsProvider;
+    private currentFocus?;
+    private hasFocus;
+    private suggestions;
+    constructor(view: EditorView, suggestionProvider: (terms: string[]) => any[], suggestionStopWordsProvider: () => Set<string>, delay?: () => boolean);
+    focusItem(idx?: number): void;
+    focus(): boolean;
+    focusOrInsert(view: EditorView, transactionProvider: (from: number, to: number, sug: {
+        id: string;
+        code: string;
+        text: string;
+        terms: string[];
+    }) => Promise<Transaction | undefined>): boolean;
+    insert(view: EditorView, transactionProvider: (from: number, to: number, sug: {
+        id: string;
+        code: string;
+        text: string;
+        terms: string[];
+    }) => Promise<Transaction | undefined>): boolean;
+    arrowUp(): boolean;
+    arrowDown(): boolean;
+    update(view: EditorView, lastState?: EditorState): void;
+    private display;
+    destroy(): void;
+}

package/lib/components/iqr-text-field/suggestion-palette.js

@@ -0,0 +1,139 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SuggestionPalette = void 0;
+const fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
+class SuggestionPalette {
+    constructor(view, suggestionProvider, suggestionStopWordsProvider, delay) {
+        var _a, _b;
+        this.delay = () => false;
+        this.lastTime = 0;
+        this.hasFocus = false;
+        this.suggestions = [];
+        this.suggestionStopWordsProvider = suggestionStopWordsProvider;
+        this.suggestionProvider = suggestionProvider;
+        this.palette = document.createElement("div");
+        this.palette.className = "suggestion-palette";
+        (_b = (_a = view.dom) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.appendChild(this.palette);
+        delay && (this.delay = delay);
+        this.update(view, undefined);
+    }
+    focusItem(idx) {
+        const ul = this.palette.getElementsByTagName('ul')[0];
+        if (ul) {
+            ul.classList.add('focused');
+            const lis = ul.getElementsByTagName('li');
+            this.currentFocus !== undefined && lis[this.currentFocus].classList.remove('focused');
+            idx !== undefined && lis[idx].classList.add('focused');
+            this.currentFocus = idx;
+        }
+    }
+    focus() {
+        if (this.palette.style.display === "none")
+            return false;
+        this.hasFocus = true;
+        this.focusItem(0);
+        return true;
+    }
+    focusOrInsert(view, transactionProvider) {
+        if (this.palette.style.display === "none")
+            return false;
+        return this.hasFocus ? this.insert(view, transactionProvider) : this.focus();
+    }
+    insert(view, transactionProvider) {
+        if (this.palette.style.display === "none" || !this.hasFocus || this.currentFocus === undefined)
+            return false;
+        const sug = this.suggestions[this.currentFocus];
+        if (sug) {
+            const sel = view.state.selection;
+            const stopWords = this.suggestionStopWordsProvider();
+            let length = sug.terms.join(' ').length - 1;
+            while (sel.to - length >= 0 && !fast_deep_equal_1.default(view.state.doc.textBetween(sel.to - length, sel.to).split(/\s+/).filter(x => !stopWords.has(x)), sug.terms)) {
+                length++;
+            }
+            if (length > sel.to) {
+                length = sug.terms.join(' ').length;
+                while (sel.to - length >= 0 && !view.state.doc.textBetween(sel.to - length, sel.to).startsWith(sug.terms[0])) {
+                    length++;
+                }
+            }
+            if (length <= sel.to) {
+                transactionProvider(sel.to - length, sel.to, sug).then(tr => tr && view.dispatch(tr.scrollIntoView()));
+            }
+            return true;
+        }
+        return false;
+    }
+    arrowUp() {
+        if (!this.hasFocus)
+            return false;
+        this.currentFocus && this.focusItem(this.currentFocus - 1);
+        return true;
+    }
+    arrowDown() {
+        if (!this.hasFocus)
+            return false;
+        this.currentFocus !== undefined && this.currentFocus < this.palette.getElementsByTagName('ul')[0].childElementCount - 1 && this.focusItem(this.currentFocus + 1);
+        return true;
+    }
+    update(view, lastState) {
+        let state = view.state;
+        // Hide the palette if the selection is not empty
+        this.focusItem(undefined);
+        this.hasFocus = false;
+        if (!state.selection.empty) {
+            this.palette.style.display = "none";
+            return;
+        }
+        let $pos = state.selection.$head;
+        if ((lastState === null || lastState === void 0 ? void 0 : lastState.doc.textContent) === state.doc.textContent) {
+            this.palette.style.display = "none";
+            return;
+        }
+        const text = state.doc.textBetween($pos.pos ? $pos.before() + 1 : 0, $pos.pos);
+        const words = text.split(/\s+/);
+        const terms = words.filter(x => x.length > 2 && !this.suggestionStopWordsProvider().has(x));
+        const lastTerms = terms.length > 3 ? terms.slice(length - 3) : terms;
+        const fingerprint = lastTerms.join(' ');
+        const { to } = state.selection;
+        if (this.previousFingerprint !== fingerprint) {
+            this.previousFingerprint = fingerprint;
+            setTimeout(() => {
+                if (this.previousFingerprint !== fingerprint)
+                    return;
+                const res = this.suggestionProvider(lastTerms);
+                this.suggestions = res;
+                if (res.length) {
+                    this.palette.innerHTML = `<ul>${res.map(x => `<li id="${x.id}" data-code="${x.code}">${x.text}<div class="icn-container"><svg class="tab-icn" viewBox="0 0 24 24"><path d="M12.29 8.12L15.17 11H2c-.55 0-1 .45-1 1s.45 1 1 1h13.17l-2.88 2.88c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41L13.7 6.7c-.39-.39-1.02-.39-1.41 0-.38.39-.39 1.03 0 1.42zM20 7v10c0 .55.45 1 1 1s1-.45 1-1V7c0-.55-.45-1-1-1s-1 .45-1 1z"/></svg><svg class="return-icn" viewBox="0 0 24 24"><path d="M19 8v3H5.83l2.88-2.88c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L2.71 11.3c-.39.39-.39 1.02 0 1.41L7.3 17.3c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L5.83 13H20c.55 0 1-.45 1-1V8c0-.55-.45-1-1-1s-1 .45-1 1z"/></svg></div></li>`).join('\n')}</ul>`;
+                    // These are in screen coordinates
+                    const end = view.coordsAtPos(to);
+                    this.display(end, (this.lastTime = +new Date()));
+                }
+                else {
+                    this.palette.style.display = "none";
+                }
+            }, 30);
+        }
+    }
+    display(pos, time) {
+        var _a;
+        if (time !== this.lastTime)
+            return;
+        if (this.delay()) {
+            setTimeout(() => this.display(pos, time), 100);
+            return;
+        }
+        this.palette.style.display = "";
+        const box = (_a = this.palette.offsetParent) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        const palBox = this.palette.getBoundingClientRect();
+        if (box) {
+            const l = (box.left + pos.left);
+            this.palette.style.left = Math.max(box.left, l - palBox.width) + 'px';
+            this.palette.style.top = (pos.top + box.top) + "px";
+        }
+    }
+    destroy() { this.palette.remove(); }
+}
+exports.SuggestionPalette = SuggestionPalette;

package/lib/index.d.ts

@@ -1,2 +1 @@
-export * from './iqr-form';
-export * from './iqr-text-field';
+export * from './components';

package/lib/index.js

@@ -10,5 +10,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./iqr-form"), exports);
-__exportStar(require("./iqr-text-field"), exports);
+__exportStar(require("./components"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@icure/form",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "",
   "main": "lib/index.js",
   "scripts": {

package/.editorconfig

@@ -1,12 +0,0 @@
-# EditorConfig is awesome: https://EditorConfig.org
-
-# top-most EditorConfig file
-root = true
-
-# Unix-style newlines with a newline ending every file
-[*]
-end_of_line = lf
-insert_final_newline = true
-indent_style = tab
-indent_size = 2
-

package/.mocharc.json

@@ -1,5 +0,0 @@
-{
-	"extension": ["ts"],
-	"spec": "test/**/*.spec.ts",
-	"require": "ts-node/register"
-}