@icure/form 1.0.8 → 1.0.13

package/components/iqr-form/renderer/cards.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.render = void 0;
-const lit_element_1 = require("lit-element");
-const model_1 = require("../model");
-const render = (form, props, state, setState) => {
-    var _a;
-    const h = function (level, content) {
-        return level === 1 ? lit_element_1.html `<h1>${content}</h1>` :
-            level === 2 ? lit_element_1.html `<h2>${content}</h2>` :
-                level === 3 ? lit_element_1.html `<h3>${content}</h3>` :
-                    level === 4 ? lit_element_1.html `<h4>${content}</h4>` :
-                        level === 5 ? lit_element_1.html `<h5>${content}</h5>` :
-                            lit_element_1.html `<h6>${content}</h6>`;
-    };
-    const renderFieldOrGroup = function (fg, level) {
-        var _a;
-        return fg instanceof model_1.Group ? lit_element_1.html `
-				<div class="group">
-					${h(level, lit_element_1.html `${fg.group}`)}
-					${(_a = fg.fields) === null || _a === void 0 ? void 0 : _a.map(f => renderFieldOrGroup(f, level + 1))}` :
-            lit_element_1.html `${fg.type === 'textfield' ? lit_element_1.html `<iqr-form-textfield label="${fg.field}" multiline="${(fg.rows || 0) > 1 || fg.grows}" rows="${fg.rows || 1}" grows="${fg.grows || false}"></iqr-form-textfield>` :
-                fg.type === 'measure-field' ? lit_element_1.html `<iqr-form-measure-field label="${fg.field}"></iqr-form-measure-field>` :
-                    fg.type === 'number-field' ? lit_element_1.html `<iqr-form-number-field label="${fg.field}"></iqr-form-number-field>` :
-                        fg.type === 'date-picker' ? lit_element_1.html `<iqr-form-date-picker label="${fg.field}"></iqr-form-date-picker>` :
-                            fg.type === 'time-picker' ? lit_element_1.html `<iqr-form-time-picker label="${fg.field}"></iqr-form-time-picker>` :
-                                fg.type === 'date-time-picker' ? lit_element_1.html `<iqr-form-date-time-picker label="${fg.field}"></iqr-form-date-time-picker>` :
-                                    fg.type === 'multiple-choice' ? lit_element_1.html `<iqr-form-multiple-choice label="${fg.field}"></iqr-form-multiple-choice>` : ''}
-					</div>`;
-    };
-    return lit_element_1.html `
-<div class="iqr-form">
-${(_a = form === null || form === void 0 ? void 0 : form.sections) === null || _a === void 0 ? void 0 : _a.map(s => {
-        var _a;
-        return lit_element_1.html `
-			<h2>${s.section}</h2>
-			${s.description ? lit_element_1.html `<p>${s.description}</p>` : ''}
-			${(_a = s.fields) === null || _a === void 0 ? void 0 : _a.map(f => renderFieldOrGroup(f, 3))}
-		`;
-    })}
-</div>
-    `;
-};
-exports.render = render;

package/components/iqr-form/renderer/form.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.render = void 0;
-const lit_element_1 = require("lit-element");
-const model_1 = require("../model");
-const render = (form, props, state, setState) => {
-    var _a;
-    const h = function (level, content) {
-        return level === 1 ? lit_element_1.html `<h1>${content}</h1>` :
-            level === 2 ? lit_element_1.html `<h2>${content}</h2>` :
-                level === 3 ? lit_element_1.html `<h3>${content}</h3>` :
-                    level === 4 ? lit_element_1.html `<h4>${content}</h4>` :
-                        level === 5 ? lit_element_1.html `<h5>${content}</h5>` :
-                            lit_element_1.html `<h6>${content}</h6>`;
-    };
-    const renderFieldOrGroup = function (fg, level) {
-        var _a, _b, _c, _d, _e, _f;
-        return fg instanceof model_1.Group ? lit_element_1.html `
-				<div class="group">
-					${h(level, lit_element_1.html `${fg.group}`)}
-					${(_a = fg.fields) === null || _a === void 0 ? void 0 : _a.map(f => renderFieldOrGroup(f, level + 1))}` :
-            lit_element_1.html `${fg.type === 'textfield' ? lit_element_1.html `<iqr-form-textfield labelPosition=${props.labelPosition} label="${fg.field}" multiline="${(fg.rows || 0) > 1 || fg.grows}" rows="${fg.rows || 1}" grows="${fg.grows || false}"
-					.linksProvider=${(_b = fg.options) === null || _b === void 0 ? void 0 : _b.linksProvider} .suggestionProvider=${(_c = fg.options) === null || _c === void 0 ? void 0 : _c.suggestionProvider} .codeColorProvider=${(_d = fg.options) === null || _d === void 0 ? void 0 : _d.codeColorProvider} .linkColorProvider=${(_e = fg.options) === null || _e === void 0 ? void 0 : _e.linkColorProvider} .codeContentProvider=${(_f = fg.options) === null || _f === void 0 ? void 0 : _f.codeContentProvider}></iqr-form-textfield>` :
-                fg.type === 'measure-field' ? lit_element_1.html `<iqr-form-measure-field labelPosition=${props.labelPosition} label="${fg.field}"></iqr-form-measure-field>` :
-                    fg.type === 'number-field' ? lit_element_1.html `<iqr-form-number-field labelPosition=${props.labelPosition} label="${fg.field}"></iqr-form-number-field>` :
-                        fg.type === 'date-picker' ? lit_element_1.html `<iqr-form-date-picker labelPosition=${props.labelPosition} label="${fg.field}"></iqr-form-date-picker>` :
-                            fg.type === 'time-picker' ? lit_element_1.html `<iqr-form-time-picker labelPosition=${props.labelPosition} label="${fg.field}"></iqr-form-time-picker>` :
-                                fg.type === 'date-time-picker' ? lit_element_1.html `<iqr-form-date-time-picker labelPosition=${props.labelPosition} label="${fg.field}"></iqr-form-date-time-picker>` :
-                                    fg.type === 'multiple-choice' ? lit_element_1.html `<iqr-form-multiple-choice labelPosition=${props.labelPosition} label="${fg.field}"></iqr-form-multiple-choice>` : ''}
-					</div>`;
-    };
-    return lit_element_1.html `
-<div class="iqr-form">
-${(_a = form === null || form === void 0 ? void 0 : form.sections) === null || _a === void 0 ? void 0 : _a.map(s => {
-        var _a;
-        return lit_element_1.html `
-			<h2>${s.section}</h2>
-			${s.description ? lit_element_1.html `<p>${s.description}</p>` : ''}
-			${(_a = s.fields) === null || _a === void 0 ? void 0 : _a.map(f => renderFieldOrGroup(f, 3))}
-		`;
-    })}
-</div>
-    `;
-};
-exports.render = render;

package/components/iqr-form/renderer/index.d.ts

@@ -1,3 +0,0 @@
-import { Form } from "../model";
-import { TemplateResult } from "lit-element";
-export declare type Renderer = (form: Form, props: any, state: any, setState: (newState: any) => void) => TemplateResult;

package/components/iqr-text-field/index.d.ts

@@ -1,2 +0,0 @@
-import { IqrTextFieldSchema as IqrTextFieldSchema_ } from './schema';
-export declare type IqrTextFieldSchema = IqrTextFieldSchema_;

package/components/iqr-text-field/plugin/caret-fix-plugin.d.ts

@@ -1,2 +0,0 @@
-import { Plugin } from 'prosemirror-state';
-export declare const caretFixPlugin: () => Plugin<any, any>;

package/components/iqr-text-field/plugin/has-content-class-plugin.d.ts

@@ -1,2 +0,0 @@
-import { Plugin } from 'prosemirror-state';
-export declare const hasContentClassPlugin: (root: DocumentFragment) => Plugin<any, any>;

package/components/iqr-text-field/plugin/mask-plugin.d.ts

@@ -1,2 +0,0 @@
-import { Plugin } from 'prosemirror-state';
-export declare const maskPlugin: () => Plugin<any, any>;

package/components/iqr-text-field/plugin/regexp-plugin.d.ts

@@ -1,2 +0,0 @@
-import { Plugin } from 'prosemirror-state';
-export declare const regexpPlugin: () => Plugin<any, any>;

package/components/iqr-text-field/prosemirror-commands.d.ts

@@ -1,4 +0,0 @@
-import { NodeType } from "prosemirror-model";
-import { EditorState, Transaction } from "prosemirror-state";
-export declare function wrapInIfNeeded(nodeType: NodeType, attrs?: any): (state: EditorState, dispatch?: ((tr: Transaction) => void) | undefined) => boolean;
-export declare function unwrapFrom(nodeType: NodeType): (state: EditorState, dispatch?: ((tr: Transaction) => void) | undefined) => boolean;

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

@@ -1,90 +0,0 @@
-"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/components/iqr-text-field/schema/index.js

@@ -1,18 +0,0 @@
-"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;