@formio/js 5.0.0-rc.26 → 5.0.0-rc.27-dev.5543.40bb827

package/lib/mjs/components/selectboxes/fixtures/comp5.d.ts

@@ -1,37 +0,0 @@
-declare namespace _default {
-    const type: string;
-    const components: ({
-        label: string;
-        dataSrc: string;
-        data: {
-            url: string;
-        };
-        valueProperty: string;
-        template: string;
-        key: string;
-        type: string;
-        input: boolean;
-        inputType: string;
-        showValidations?: undefined;
-        alwaysEnabled?: undefined;
-        tableView?: undefined;
-    } | {
-        label: string;
-        showValidations: boolean;
-        alwaysEnabled: boolean;
-        tableView: boolean;
-        key: string;
-        type: string;
-        input: boolean;
-        dataSrc?: undefined;
-        data?: undefined;
-        valueProperty?: undefined;
-        template?: undefined;
-        inputType?: undefined;
-    })[];
-    const title: string;
-    const display: string;
-    const name: string;
-    const path: string;
-}
-export default _default;

package/lib/mjs/components/selectboxes/fixtures/comp5.js

@@ -1,31 +0,0 @@
-export default {
-    type: 'form',
-    components: [
-        {
-            label: 'Select Boxes',
-            dataSrc: 'url',
-            data: {
-                url: 'https://cdn.rawgit.com/mshafrir/2646763/raw/states_titlecase.json'
-            },
-            valueProperty: 'abbreviation',
-            template: '<span>{{ item.name }}</span>',
-            key: 'selectBoxes',
-            type: 'selectboxes',
-            input: true,
-            inputType: 'checkbox',
-        },
-        {
-            label: 'Submit',
-            showValidations: false,
-            alwaysEnabled: false,
-            tableView: false,
-            key: 'submit',
-            type: 'button',
-            input: true
-        }
-    ],
-    title: 'test selectBoxes Url',
-    display: 'form',
-    name: 'testSelectBoxesUrl',
-    path: 'testSelectBoxesUrl',
-};

package/lib/mjs/components/selectboxes/fixtures/comp6.d.ts

@@ -1,14 +0,0 @@
-declare namespace _default {
-    const label: string;
-    const dataSrc: string;
-    namespace data {
-        const url: string;
-    }
-    const valueProperty: string;
-    const template: string;
-    const key: string;
-    const type: string;
-    const input: boolean;
-    const inputType: string;
-}
-export default _default;

package/lib/mjs/components/selectboxes/fixtures/comp6.js

@@ -1,13 +0,0 @@
-export default {
-    label: 'Select Boxes',
-    dataSrc: 'url',
-    data: {
-        url: 'https://cdn.rawgit.com/mshafrir/2646763/raw/states_titlecase.json'
-    },
-    valueProperty: 'abbreviation',
-    template: '<span>{{ item.name }}</span>',
-    key: 'selectBoxes',
-    type: 'selectboxes',
-    input: true,
-    inputType: 'checkbox',
-};

package/lib/mjs/components/selectboxes/fixtures/comp7.d.ts

@@ -1,18 +0,0 @@
-declare namespace _default {
-    const label: string;
-    const optionsLabelPosition: string;
-    const tableView: boolean;
-    const values: {
-        label: string;
-        value: string;
-        shortcut: string;
-    }[];
-    namespace validate {
-        const onlyAvailableItems: boolean;
-    }
-    const key: string;
-    const type: string;
-    const input: boolean;
-    const inputType: string;
-}
-export default _default;

package/lib/mjs/components/selectboxes/fixtures/comp7.js

@@ -1,29 +0,0 @@
-export default {
-    label: 'Select Boxes',
-    optionsLabelPosition: 'right',
-    tableView: false,
-    values: [
-        {
-            label: 'a',
-            value: 'a',
-            shortcut: '',
-        },
-        {
-            label: 'b',
-            value: 'b',
-            shortcut: '',
-        },
-        {
-            label: 'c',
-            value: 'c',
-            shortcut: '',
-        },
-    ],
-    validate: {
-        onlyAvailableItems: true,
-    },
-    key: 'selectBoxes',
-    type: 'selectboxes',
-    input: true,
-    inputType: 'checkbox',
-};

package/lib/mjs/components/selectboxes/fixtures/index.d.ts

@@ -1,8 +0,0 @@
-import comp1 from './comp1';
-import comp2 from './comp2';
-import comp3 from './comp3';
-import comp4 from './comp4';
-import comp5 from './comp5';
-import comp6 from './comp6';
-import comp7 from './comp7';
-export { comp1, comp2, comp3, comp4, comp5, comp6, comp7 };

package/lib/mjs/components/selectboxes/fixtures/index.js

@@ -1,8 +0,0 @@
-import comp1 from './comp1';
-import comp2 from './comp2';
-import comp3 from './comp3';
-import comp4 from './comp4';
-import comp5 from './comp5';
-import comp6 from './comp6';
-import comp7 from './comp7';
-export { comp1, comp2, comp3, comp4, comp5, comp6, comp7 };

package/lib/mjs/components/selectboxes/fixtures/values.d.ts

@@ -1,6 +0,0 @@
-declare const _default: {
-    one: boolean;
-    two: boolean;
-    three: boolean;
-}[];
-export default _default;

package/lib/mjs/components/selectboxes/fixtures/values.js

@@ -1,22 +0,0 @@
-export default [
-    {
-        one: true,
-        two: true,
-        three: true,
-    },
-    {
-        one: false,
-        two: false,
-        three: false,
-    },
-    {
-        one: true,
-        two: false,
-        three: true,
-    },
-    {
-        one: false,
-        two: true,
-        three: false,
-    },
-];

package/lib/mjs/components/signature/Signature.d.ts

@@ -1,46 +0,0 @@
-export default class SignatureComponent extends Input {
-    static get builderInfo(): {
-        title: string;
-        group: string;
-        icon: string;
-        weight: number;
-        documentation: string;
-        schema: any;
-    };
-    static get serverConditionSettings(): {
-        operators: string[];
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
-    };
-    static get conditionOperatorsSettings(): {
-        operators: string[];
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
-    };
-    static savedValueTypes(schema: any): string[];
-    currentWidth: any;
-    scale: any;
-    ratio: number | undefined;
-    get emptyValue(): string;
-    setValue(value: any, flags?: {}): boolean;
-    showCanvas(show: any): void;
-    onDisabled(): void;
-    checkSize(force: any, scale: any): void;
-    signaturePad: SignaturePad | null | undefined;
-    observer: any;
-    getValueAsString(value: any): "" | "Yes" | "No";
-    focus(): void;
-    setDataToSigaturePad(): void;
-}
-import Input from '../_classes/input/Input';
-import SignaturePad from 'signature_pad';

package/lib/mjs/components/signature/Signature.form.d.ts

@@ -1,3 +0,0 @@
-export default function _default(...extend: any[]): {
-    components: any;
-};

package/lib/mjs/components/signature/Signature.form.js

@@ -1,20 +0,0 @@
-import Components from '../Components';
-import SignatureEditData from './editForm/Signature.edit.data';
-import SignatureEditDisplay from './editForm/Signature.edit.display';
-import SignatureEditValidation from './editForm/Signature.edit.validation';
-export default function (...extend) {
-    return Components.baseEditForm([
-        {
-            key: 'display',
-            components: SignatureEditDisplay
-        },
-        {
-            key: 'data',
-            components: SignatureEditData
-        },
-        {
-            key: 'validation',
-            components: SignatureEditValidation
-        },
-    ], ...extend);
-}

package/lib/mjs/components/signature/Signature.js

@@ -1,255 +0,0 @@
-import SignaturePad from 'signature_pad';
-import Input from '../_classes/input/Input';
-import _ from 'lodash';
-import { componentValueTypes, getComponentSavedTypes } from '../../utils/utils';
-export default class SignatureComponent extends Input {
-    static schema(...extend) {
-        return Input.schema({
-            type: 'signature',
-            label: 'Signature',
-            key: 'signature',
-            footer: 'Sign above',
-            width: '100%',
-            height: '150px',
-            penColor: 'black',
-            backgroundColor: 'rgb(245,245,235)',
-            minWidth: '0.5',
-            maxWidth: '2.5',
-            keepOverlayRatio: true,
-        }, ...extend);
-    }
-    static get builderInfo() {
-        return {
-            title: 'Signature',
-            group: 'advanced',
-            icon: 'pencil',
-            weight: 120,
-            documentation: '/developers/integrations/esign/esign-integrations#signature-component',
-            schema: SignatureComponent.schema()
-        };
-    }
-    static get serverConditionSettings() {
-        return SignatureComponent.conditionOperatorsSettings;
-    }
-    static get conditionOperatorsSettings() {
-        return {
-            ...super.conditionOperatorsSettings,
-            operators: ['isEmpty', 'isNotEmpty'],
-        };
-    }
-    static savedValueTypes(schema) {
-        schema = schema || {};
-        return getComponentSavedTypes(schema) || [componentValueTypes.string];
-    }
-    init() {
-        super.init();
-        this.currentWidth = 0;
-        this.scale = 1;
-        if (!this.component.width) {
-            this.component.width = '100%';
-        }
-        if (!this.component.height) {
-            this.component.height = '200px';
-        }
-        if (this.component.keepOverlayRatio
-            && this.options?.display === 'pdf'
-            && this.component.overlay?.width
-            && this.component.overlay?.height) {
-            this.ratio = this.component.overlay?.width / this.component.overlay?.height;
-            this.component.width = '100%';
-            this.component.height = 'auto';
-        }
-    }
-    get emptyValue() {
-        return '';
-    }
-    get defaultSchema() {
-        return SignatureComponent.schema();
-    }
-    get inputInfo() {
-        const info = super.inputInfo;
-        info.type = 'input';
-        info.attr.type = 'hidden';
-        return info;
-    }
-    get className() {
-        return `${super.className} signature-pad`;
-    }
-    labelIsHidden() {
-        return this.component.hideLabel;
-    }
-    setValue(value, flags = {}) {
-        const changed = super.setValue(value, flags);
-        if (this.refs.signatureImage && (this.options.readOnly || this.disabled)) {
-            this.refs.signatureImage.setAttribute('src', value);
-            this.showCanvas(false);
-        }
-        if (this.signaturePad) {
-            if (!value) {
-                this.signaturePad.clear();
-            }
-            else if (changed) {
-                this.triggerChange();
-            }
-        }
-        if (this.signaturePad && this.dataValue && this.signaturePad.isEmpty()) {
-            this.setDataToSigaturePad();
-        }
-        return changed;
-    }
-    showCanvas(show) {
-        if (show) {
-            if (this.refs.canvas) {
-                this.refs.canvas.style.display = 'inherit';
-            }
-            if (this.refs.signatureImage) {
-                this.refs.signatureImage.style.display = 'none';
-            }
-        }
-        else {
-            if (this.refs.canvas) {
-                this.refs.canvas.style.display = 'none';
-            }
-            if (this.refs.signatureImage) {
-                this.refs.signatureImage.style.display = 'inherit';
-                this.refs.signatureImage.style.maxHeight = '100%';
-            }
-        }
-    }
-    onDisabled() {
-        this.showCanvas(!super.disabled);
-        if (this.signaturePad) {
-            if (super.disabled) {
-                this.signaturePad.off();
-                if (this.refs.refresh) {
-                    this.refs.refresh.classList.add('disabled');
-                }
-                if (this.refs.signatureImage && this.dataValue) {
-                    this.refs.signatureImage.setAttribute('src', this.dataValue);
-                }
-            }
-            else {
-                this.signaturePad.on();
-                if (this.refs.refresh) {
-                    this.refs.refresh.classList.remove('disabled');
-                }
-            }
-        }
-    }
-    checkSize(force, scale) {
-        if (this.refs.padBody && (force || this.refs.padBody && this.refs.padBody.offsetWidth !== this.currentWidth)) {
-            this.scale = force ? scale : this.scale;
-            this.currentWidth = this.refs.padBody.offsetWidth;
-            const width = this.currentWidth * this.scale;
-            const height = this.ratio ? width / this.ratio : this.refs.padBody.offsetHeight * this.scale;
-            const maxHeight = this.ratio ? height : this.refs.padBody.offsetHeight * this.scale;
-            this.refs.canvas.width = width;
-            this.refs.canvas.height = height > maxHeight ? maxHeight : height;
-            this.refs.canvas.style.maxWidth = `${this.currentWidth * this.scale}px`;
-            this.refs.canvas.style.maxHeight = `${maxHeight}px`;
-            const ctx = this.refs.canvas.getContext('2d');
-            ctx.setTransform(1, 0, 0, 1, 0, 0);
-            ctx.scale((1 / this.scale), (1 / this.scale));
-            ctx.fillStyle = this.signaturePad.backgroundColor;
-            ctx.fillRect(0, 0, this.refs.canvas.width, this.refs.canvas.height);
-            this.signaturePad.clear();
-            if (this.dataValue) {
-                this.setDataToSigaturePad();
-            }
-            this.showCanvas(true);
-        }
-    }
-    renderElement(value, index) {
-        return this.renderTemplate('signature', {
-            element: super.renderElement(value, index),
-            required: _.get(this.component, 'validate.required', false),
-        });
-    }
-    get hasModalSaveButton() {
-        return false;
-    }
-    getModalPreviewTemplate() {
-        return this.renderTemplate('modalPreview', {
-            previewText: this.dataValue ?
-                `<img src=${this.dataValue} ref='openModal' style="width: 100%;height: 100%;" />` :
-                this.t('Click to Sign')
-        });
-    }
-    attach(element) {
-        this.loadRefs(element, { canvas: 'single', refresh: 'single', padBody: 'single', signatureImage: 'single' });
-        const superAttach = super.attach(element);
-        if (this.refs.refresh && this.options.readOnly) {
-            this.refs.refresh.classList.add('disabled');
-        }
-        // Create the signature pad.
-        if (this.refs.canvas) {
-            this.signaturePad = new SignaturePad(this.refs.canvas, {
-                minWidth: this.component.minWidth,
-                maxWidth: this.component.maxWidth,
-                penColor: this.component.penColor,
-                backgroundColor: this.component.backgroundColor
-            });
-            this.signaturePad.addEventListener('endStroke', () => this.setValue(this.signaturePad.toDataURL()));
-            this.refs.signatureImage.setAttribute('src', this.signaturePad.toDataURL());
-            this.onDisabled();
-            // Ensure the signature is always the size of its container.
-            if (this.refs.padBody) {
-                if (!this.refs.padBody.style.maxWidth) {
-                    this.refs.padBody.style.maxWidth = '100%';
-                }
-                if (!this.builderMode && !this.options.preview) {
-                    this.observer = new ResizeObserver(() => {
-                        this.checkSize();
-                    });
-                    this.observer.observe(this.refs.padBody);
-                }
-                this.addEventListener(window, 'resize', _.debounce(() => this.checkSize(), 10));
-                setTimeout(function checkWidth() {
-                    if (this.refs.padBody && this.refs.padBody.offsetWidth) {
-                        this.checkSize();
-                    }
-                    else {
-                        setTimeout(checkWidth.bind(this), 20);
-                    }
-                }.bind(this), 20);
-            }
-        }
-        this.addEventListener(this.refs.refresh, 'click', (event) => {
-            event.preventDefault();
-            this.showCanvas(true);
-            this.signaturePad.clear();
-            this.setValue(this.defaultValue);
-        });
-        this.setValue(this.dataValue);
-        return superAttach;
-    }
-    /* eslint-enable max-statements */
-    detach() {
-        if (this.observer) {
-            this.observer.disconnect();
-            this.observer = null;
-        }
-        if (this.signaturePad) {
-            this.signaturePad.off();
-        }
-        this.signaturePad = null;
-        this.currentWidth = 0;
-        super.detach();
-    }
-    getValueAsString(value) {
-        if (_.isUndefined(value) && this.inDataTable) {
-            return '';
-        }
-        return value ? 'Yes' : 'No';
-    }
-    focus() {
-        this.refs.padBody.focus();
-    }
-    setDataToSigaturePad() {
-        this.signaturePad.fromDataURL(this.dataValue, {
-            ratio: 1,
-            width: this.refs.canvas.width,
-            height: this.refs.canvas.height,
-        });
-    }
-}

package/lib/mjs/components/signature/editForm/Signature.edit.data.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    key: string;
-    ignore: boolean;
-}[];
-export default _default;

package/lib/mjs/components/signature/editForm/Signature.edit.data.js

@@ -1,14 +0,0 @@
-export default [
-    {
-        key: 'multiple',
-        ignore: true,
-    },
-    {
-        key: 'defaultValue',
-        ignore: true,
-    },
-    {
-        key: 'dbIndex',
-        ignore: true,
-    },
-];

package/lib/mjs/components/signature/editForm/Signature.edit.display.d.ts

@@ -1,51 +0,0 @@
-declare const _default: ({
-    type: string;
-    input: boolean;
-    key: string;
-    label: string;
-    tooltip: string;
-    placeholder: string;
-    weight: number;
-    conditional?: undefined;
-    ignore?: undefined;
-} | {
-    type: string;
-    input: boolean;
-    key: string;
-    label: string;
-    tooltip: string;
-    placeholder: string;
-    conditional: {
-        json: {
-            '!': {
-                var: string;
-            }[];
-        };
-    };
-    weight: number;
-    ignore?: undefined;
-} | {
-    weight: number;
-    type: string;
-    label: string;
-    tooltip: string;
-    key: string;
-    customConditional: ({ options }: {
-        options: any;
-    }) => boolean;
-    input: boolean;
-    placeholder?: undefined;
-    conditional?: undefined;
-    ignore?: undefined;
-} | {
-    key: string;
-    ignore: boolean;
-    type?: undefined;
-    input?: undefined;
-    label?: undefined;
-    tooltip?: undefined;
-    placeholder?: undefined;
-    weight?: undefined;
-    conditional?: undefined;
-})[];
-export default _default;

package/lib/mjs/components/signature/editForm/Signature.edit.display.js

@@ -1,69 +0,0 @@
-export default [
-    {
-        type: 'textfield',
-        input: true,
-        key: 'footer',
-        label: 'Footer Label',
-        tooltip: 'The footer text that appears below the signature area.',
-        placeholder: 'Footer Label',
-        weight: 10
-    },
-    {
-        type: 'textfield',
-        input: true,
-        key: 'width',
-        label: 'Width',
-        tooltip: 'The width of the signature area.',
-        placeholder: 'Width',
-        conditional: {
-            json: { '!': [{ var: 'data.keepOverlayRatio' }] },
-        },
-        weight: 50
-    },
-    {
-        type: 'textfield',
-        input: true,
-        key: 'height',
-        label: 'Height',
-        tooltip: 'The height of the signature area.',
-        placeholder: 'Height', conditional: {
-            json: { '!': [{ var: 'data.keepOverlayRatio' }] },
-        },
-        weight: 51
-    },
-    {
-        weight: 52,
-        type: 'checkbox',
-        label: 'Keep Overlay Aspect Ratio',
-        tooltip: 'If checked, the field will have the same aspect ratio as its preview.',
-        key: 'keepOverlayRatio',
-        customConditional: ({ options }) => (options?.editForm?.display === 'pdf'),
-        input: true
-    },
-    {
-        type: 'textfield',
-        input: true,
-        key: 'backgroundColor',
-        label: 'Background Color',
-        tooltip: 'The background color of the signature area.',
-        placeholder: 'Background Color',
-        weight: 52
-    },
-    {
-        type: 'textfield',
-        input: true,
-        key: 'penColor',
-        label: 'Pen Color',
-        tooltip: 'The ink color for the signature area.',
-        placeholder: 'Pen Color',
-        weight: 53
-    },
-    {
-        key: 'placeholder',
-        ignore: true,
-    },
-    {
-        key: 'autofocus',
-        ignore: true,
-    },
-];

package/lib/mjs/components/signature/editForm/Signature.edit.validation.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    key: string;
-    ignore: boolean;
-}[];
-export default _default;

package/lib/mjs/components/signature/editForm/Signature.edit.validation.js

@@ -1,10 +0,0 @@
-export default [
-    {
-        key: 'unique',
-        ignore: true,
-    },
-    {
-        key: 'validateOn',
-        ignore: true,
-    },
-];