@icure/form 1.0.0

package/lib/iqr-text-field/prosemirror-utils.d.ts

@@ -0,0 +1,5 @@
+import { MarkSpec } from "prosemirror-model";
+import OrderedMap = require('orderedmap');
+export declare function hasMark(ms: {
+    [key: string]: MarkSpec;
+} | OrderedMap<MarkSpec> | null | undefined, mark: string): boolean;

package/lib/iqr-text-field/prosemirror-utils.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasMark = void 0;
+function hasMark(ms, mark) {
+    if (!ms) {
+        return false;
+    }
+    if (!!ms.get) {
+        return !!(ms.get(mark));
+    }
+    else {
+        return !!ms[mark];
+    }
+}
+exports.hasMark = hasMark;

package/lib/iqr-text-field/schema/common-marks.d.ts

@@ -0,0 +1,10 @@
+import { MarkSpec } from "prosemirror-model";
+export declare const colors: {
+    [key: string]: [string, string];
+};
+export declare function getMarks(contentProvider: (codes: {
+    type: string;
+    code: string;
+}[]) => string, colorProvider: (type: string, code: string, isCode: boolean) => string): {
+    [key: string]: MarkSpec;
+};

package/lib/iqr-text-field/schema/common-marks.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMarks = exports.colors = void 0;
+exports.colors = {
+    'I': ['#F44336', 'white'],
+    'II': ['#E91E63', 'white'],
+    'III': ['#9C27B0', 'white'],
+    'IV': ['#673AB7', 'white'],
+    'V': ['#009688', 'white'],
+    'VI': ['#4CAF50', 'white'],
+    'VII': ['#8BC34A', 'white'],
+    'VIII': ['#03A9F4', 'white'],
+    'IX': ['#00BCD4', 'white'],
+    'X': ['#FFC107', 'black'],
+    'XI': ['#FF9800', 'black'],
+    'XII': ['#FF5722', 'white'],
+    'XIII': ['#795548', 'white'],
+    'XIV': ['#3949AB', 'white'],
+    'XV': ['#C0CA33', 'black'],
+    'XVI': ['#07F87F', 'black'],
+    'XVII': ['#FF6262', 'white'],
+    'XVIII': ['#718792', 'white'],
+    'XIX': ['#00ECB9', 'black'],
+    'XX': ['#FF20A3', 'black'],
+    'XXI': ['#FFCE38', 'black'],
+    'XXII': ['#721F01', 'white']
+};
+const getColor = (c) => exports.colors[c] || [c, 'white'];
+function getMarks(contentProvider, colorProvider) {
+    return {
+        em: {
+            parseDOM: [{ tag: 'i' }, { tag: 'em' },
+                { style: 'font-style', getAttrs: value => value === 'italic' && null }],
+            toDOM() {
+                return ['em'];
+            }
+        },
+        strong: {
+            parseDOM: [{ tag: 'b' }, { tag: 'strong' }, { style: 'font-weight', getAttrs: value => /^(bold(er)?|[5-9]\d{2,})$/.test(value) && null }],
+            toDOM() {
+                return ['strong'];
+            }
+        },
+        link: {
+            attrs: {
+                href: {},
+                title: { default: null }
+            },
+            inclusive: false,
+            parseDOM: [{
+                    tag: 'span[data-href]',
+                    getAttrs(dom) {
+                        const el = dom;
+                        return { href: el.dataset.href, title: el.dataset.title };
+                    }
+                }],
+            toDOM(node) {
+                const urls = node.attrs.href;
+                if (urls) {
+                    const refs = urls.split(',').map(url => {
+                        let pos = url.indexOf('://');
+                        const protocol = url.substring(0, pos);
+                        const code = url.substring(pos + 3);
+                        let parts = protocol.split('-');
+                        const category = parts[0];
+                        const type = parts[1];
+                        return { category, type, code };
+                    });
+                    const codes = refs.filter(x => x.category === 'c');
+                    const ilinks = refs.filter(x => x.category === 'i');
+                    const classes = (refs.some(x => x.category === 'x') ? ['ext-link'] : []).concat(codes.length ? [`code-count-${codes.length}`] : []);
+                    const dataAttributes = (codes.length ? [{ 'data-content': contentProvider(codes) }] : [])
+                        .concat(ilinks.map((c, idx) => ({ [`data-link-color-${idx}`]: colorProvider(c.type, c.code, false) })));
+                    const styles = codes.map((c, idx) => {
+                        const color = getColor(colorProvider(c.type, c.code, true));
+                        return (`--bg-code-color-${idx + 1}: ${color[0]}; --text-code-color-${idx + 1}: ${color[1]};`);
+                    });
+                    return ['span', dataAttributes.reduce((acc, da) => Object.assign(da, acc), {
+                            ['data-href']: node.attrs.href,
+                            ['data-title']: node.attrs.title,
+                            'class': classes.join(' '),
+                            'style': styles.join('')
+                        })];
+                }
+                return ['span', { ['data-href']: node.attrs.href, ['data-title']: node.attrs.title }];
+            }
+        }
+    };
+}
+exports.getMarks = getMarks;

package/lib/iqr-text-field/schema/date-time-schema.d.ts

@@ -0,0 +1,7 @@
+import { SchemaSpec } from 'prosemirror-model';
+export declare type DateSchema = 'date';
+export declare type TimeSchema = 'time';
+export declare type DateTimeSchema = 'date-time';
+export declare function getDateSpec(): SchemaSpec;
+export declare function getTimeSpec(): SchemaSpec;
+export declare function getDateTimeSpec(): SchemaSpec;

package/lib/iqr-text-field/schema/date-time-schema.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDateTimeSpec = exports.getTimeSpec = exports.getDateSpec = void 0;
+function getDateSpec() {
+    return {
+        topNode: 'paragraph',
+        nodes: {
+            paragraph: {
+                content: 'date',
+            },
+            date: {
+                content: 'inline*',
+                group: 'block',
+                parseDOM: [{ tag: 'span' }],
+                toDOM() {
+                    return ['span', 0];
+                },
+                regexp: '[0-9]',
+                mask: '--/--/----'
+            },
+            text: {
+                group: 'inline'
+            }
+        },
+        marks: {}
+    };
+}
+exports.getDateSpec = getDateSpec;
+function getTimeSpec() {
+    return {
+        topNode: 'paragraph',
+        nodes: {
+            paragraph: {
+                content: 'time',
+            },
+            time: {
+                content: 'inline*',
+                group: 'block',
+                parseDOM: [{ tag: 'span' }],
+                toDOM() {
+                    return ['span', 0];
+                },
+                regexp: '[0-9]',
+                mask: '--:--:--'
+            },
+            text: {
+                group: 'inline'
+            }
+        },
+        marks: {}
+    };
+}
+exports.getTimeSpec = getTimeSpec;
+function getDateTimeSpec() {
+    return {
+        topNode: 'paragraph',
+        nodes: {
+            paragraph: {
+                content: 'date time',
+            },
+            date: {
+                content: 'inline*',
+                group: 'block',
+                parseDOM: [{ tag: 'span' }],
+                toDOM() {
+                    return ['span', { class: 'date' }, 0];
+                },
+                regexp: '[0-9]',
+                mask: '--/--/----'
+            },
+            time: {
+                content: 'inline*',
+                group: 'block',
+                parseDOM: [{ tag: 'span' }],
+                toDOM() {
+                    return ['span', { class: 'time' }, 0];
+                },
+                regexp: '[0-9]',
+                mask: '--:--:--'
+            },
+            text: {
+                group: 'inline'
+            }
+        },
+        marks: {}
+    };
+}
+exports.getDateTimeSpec = getDateTimeSpec;

package/lib/iqr-text-field/schema/decimal-schema.d.ts

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

package/lib/iqr-text-field/schema/decimal-schema.js

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

package/lib/iqr-text-field/schema/index.d.ts

@@ -0,0 +1,11 @@
+import { Schema } from 'prosemirror-model';
+import { DocumentSchema, InlineSchema, StyledSchema } from "./markdown-schema";
+import { DateSchema, DateTimeSchema, TimeSchema } from "./date-time-schema";
+import { TokensSchema } from "./token-schema";
+import { MeasureSchema } from "./measure-schema";
+import { DecimalSchema } from "./decimal-schema";
+export declare type IqrTextFieldSchema = DocumentSchema | TokensSchema | StyledSchema | InlineSchema | DateSchema | TimeSchema | DateTimeSchema | DecimalSchema | MeasureSchema;
+export declare function createSchema(type: IqrTextFieldSchema, colorProvider: (type: string, code: string, isCode: boolean) => string, contentProvider: (codes: {
+    type: string;
+    code: string;
+}[]) => string): Schema<any, any>;

package/lib/iqr-text-field/schema/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSchema = void 0;
+const prosemirror_model_1 = require("prosemirror-model");
+const markdown_schema_1 = require("./markdown-schema");
+const date_time_schema_1 = require("./date-time-schema");
+const token_schema_1 = require("./token-schema");
+const measure_schema_1 = require("./measure-schema");
+const decimal_schema_1 = require("./decimal-schema");
+function createSchema(type, colorProvider, contentProvider) {
+    return new prosemirror_model_1.Schema(type === 'decimal' ? decimal_schema_1.getDecimalSpec() :
+        type === 'measure' ? measure_schema_1.getMeasureSpec() :
+            type === 'date' ? date_time_schema_1.getDateSpec() :
+                type === 'time' ? date_time_schema_1.getTimeSpec() :
+                    type === 'date-time' ? date_time_schema_1.getDateTimeSpec() :
+                        type === 'tokens-list' || type === 'styled-tokens-list' || type === 'tokens-list-with-codes' || type === 'styled-tokens-list-with-codes' ? token_schema_1.getTokensSpec(type, contentProvider, colorProvider) : markdown_schema_1.getMarkdownSpec(type, contentProvider, colorProvider));
+}
+exports.createSchema = createSchema;

package/lib/iqr-text-field/schema/markdown-schema.d.ts

@@ -0,0 +1,8 @@
+import { SchemaSpec } from 'prosemirror-model';
+export declare type DocumentSchema = 'text-document';
+export declare type InlineSchema = 'styled-text' | 'text' | 'text-with-codes' | 'styled-text-with-codes';
+export declare type StyledSchema = 'text-document' | 'styled-text' | 'styled-text-with-codes';
+export declare function getMarkdownSpec(type: DocumentSchema | InlineSchema, contentProvider: (codes: {
+    type: string;
+    code: string;
+}[]) => string, colorProvider: (type: string, code: string, isCode: boolean) => string): SchemaSpec;

package/lib/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/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/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/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/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/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/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/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/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/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;
+}