@formio/js 5.0.0-rc.5

package/lib/cjs/components/form/fixtures/comp3.js

@@ -0,0 +1,170 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'form',
+    tags: [],
+    components: [
+        {
+            type: 'panel',
+            title: 'Page 1',
+            isNew: false,
+            components: [
+                {
+                    autofocus: false,
+                    input: true,
+                    tableView: true,
+                    inputType: 'text',
+                    inputMask: '',
+                    label: 'Text',
+                    key: 'page1Text',
+                    placeholder: '',
+                    prefix: '',
+                    suffix: '',
+                    multiple: false,
+                    defaultValue: '',
+                    protected: false,
+                    unique: false,
+                    persistent: true,
+                    hidden: false,
+                    clearOnHide: true,
+                    spellcheck: true,
+                    validate: {
+                        required: false,
+                        minLength: '',
+                        maxLength: '',
+                        pattern: '',
+                        custom: '',
+                        customPrivate: false
+                    },
+                    conditional: {
+                        show: '',
+                        when: null,
+                        eq: ''
+                    },
+                    type: 'textfield',
+                    labelPosition: 'top',
+                    inputFormat: 'plain',
+                    tags: [],
+                    properties: {}
+                }
+            ],
+            input: false,
+            key: 'page1',
+            clearOnHide: false,
+            theme: 'default',
+            tableView: false,
+            hideLabel: false
+        },
+        {
+            type: 'panel',
+            title: 'Page 2',
+            isNew: false,
+            components: [
+                {
+                    autofocus: false,
+                    input: true,
+                    tableView: true,
+                    inputType: 'number',
+                    label: 'Number',
+                    key: 'page2Number',
+                    placeholder: '',
+                    prefix: '',
+                    suffix: '',
+                    defaultValue: '',
+                    protected: false,
+                    persistent: true,
+                    hidden: false,
+                    clearOnHide: true,
+                    validate: {
+                        required: false,
+                        min: '',
+                        max: '',
+                        step: 'any',
+                        integer: '',
+                        multiple: '',
+                        custom: ''
+                    },
+                    type: 'number',
+                    labelPosition: 'top',
+                    tags: [],
+                    conditional: {
+                        show: '',
+                        when: null,
+                        eq: ''
+                    },
+                    properties: {}
+                }
+            ],
+            input: false,
+            key: 'page2',
+            clearOnHide: false,
+            theme: 'default',
+            tableView: false,
+            hideLabel: false
+        },
+        {
+            type: 'panel',
+            title: 'Page 3',
+            isNew: false,
+            components: [
+                {
+                    autofocus: false,
+                    input: true,
+                    inputType: 'checkbox',
+                    tableView: true,
+                    label: 'Hola',
+                    dataGridLabel: false,
+                    key: 'page3Hola',
+                    defaultValue: false,
+                    protected: false,
+                    persistent: true,
+                    hidden: false,
+                    name: '',
+                    value: '',
+                    clearOnHide: true,
+                    validate: {
+                        required: false
+                    },
+                    type: 'checkbox',
+                    labelPosition: 'right',
+                    hideLabel: false,
+                    tags: [],
+                    conditional: {
+                        show: '',
+                        when: null,
+                        eq: ''
+                    },
+                    properties: {}
+                }
+            ],
+            input: false,
+            key: 'page3',
+            clearOnHide: false,
+            theme: 'default',
+            tableView: false,
+            hideLabel: false
+        },
+        {
+            autofocus: false,
+            input: true,
+            label: 'Submit',
+            tableView: false,
+            key: 'submit',
+            size: 'md',
+            leftIcon: '',
+            rightIcon: '',
+            block: false,
+            action: 'submit',
+            disableOnInvalid: false,
+            theme: 'primary',
+            type: 'button'
+        }
+    ],
+    revisions: '',
+    title: 'Wiizard',
+    display: 'wizard',
+    submissionAccess: [],
+    settings: {},
+    name: 'wiizard',
+    path: 'wiizard'
+};

package/lib/cjs/components/form/fixtures/comp4.d.ts

@@ -0,0 +1,107 @@
+declare namespace _default {
+    const type: string;
+    const owner: null;
+    const components: ({
+        label: string;
+        tableView: boolean;
+        display: string;
+        components: ({
+            input: boolean;
+            tableView: boolean;
+            label: string;
+            key: string;
+            data: {
+                values: {
+                    value: string;
+                    label: string;
+                }[];
+                url?: undefined;
+                headers?: undefined;
+            };
+            dataSrc: string;
+            template: string;
+            validate: {
+                required: boolean;
+            };
+            type: string;
+            widget?: undefined;
+            placeholder?: undefined;
+            valueProperty?: undefined;
+            refreshOn?: undefined;
+            clearOnRefresh?: undefined;
+            selectThreshold?: undefined;
+            clearOnHide?: undefined;
+            indexeddb?: undefined;
+            selectValues?: undefined;
+            disableLimit?: undefined;
+            lazyLoad?: undefined;
+        } | {
+            label: string;
+            widget: string;
+            placeholder: string;
+            tableView: boolean;
+            dataSrc: string;
+            data: {
+                url: string;
+                headers: {
+                    key: string;
+                    value: string;
+                }[];
+                values?: undefined;
+            };
+            valueProperty: string;
+            template: string;
+            refreshOn: string;
+            clearOnRefresh: boolean;
+            selectThreshold: number;
+            clearOnHide: boolean;
+            validate: {
+                required: boolean;
+            };
+            key: string;
+            type: string;
+            indexeddb: {
+                filter: {};
+            };
+            selectValues: string;
+            input: boolean;
+            disableLimit: boolean;
+            lazyLoad: boolean;
+        } | {
+            input: boolean;
+            label: string;
+            tableView: boolean;
+            key: string;
+            type: string;
+            data?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            validate?: undefined;
+            widget?: undefined;
+            placeholder?: undefined;
+            valueProperty?: undefined;
+            refreshOn?: undefined;
+            clearOnRefresh?: undefined;
+            selectThreshold?: undefined;
+            clearOnHide?: undefined;
+            indexeddb?: undefined;
+            selectValues?: undefined;
+            disableLimit?: undefined;
+            lazyLoad?: undefined;
+        })[];
+        key: string;
+        type: string;
+        input: boolean;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        display?: undefined;
+        components?: undefined;
+    })[];
+}
+export default _default;

package/lib/cjs/components/form/fixtures/comp4.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'form',
+    owner: null,
+    components: [
+        {
+            label: 'Form',
+            tableView: true,
+            display: 'form',
+            components: [
+                {
+                    input: true,
+                    tableView: true,
+                    label: 'Make',
+                    key: 'make',
+                    data: {
+                        values: [
+                            {
+                                value: 'ford',
+                                label: 'Ford'
+                            },
+                            {
+                                value: 'honda',
+                                label: 'Honda'
+                            }
+                        ],
+                    },
+                    dataSrc: 'values',
+                    template: '<span>{{ item.label }}</span>',
+                    validate: {
+                        required: true
+                    },
+                    type: 'select',
+                },
+                {
+                    label: 'Model',
+                    widget: 'choicesjs',
+                    placeholder: 'Select your model',
+                    tableView: true,
+                    dataSrc: 'url',
+                    data: {
+                        url: 'https://vpic.nhtsa.dot.gov/api/vehicles/getmodelsformake/{{ data.make }}?format=json',
+                        headers: [
+                            {
+                                key: '',
+                                value: ''
+                            }
+                        ]
+                    },
+                    valueProperty: 'Model_Name',
+                    template: '<span>{{ item.Model_Name }}</span>',
+                    refreshOn: 'make',
+                    clearOnRefresh: true,
+                    selectThreshold: 0.3,
+                    clearOnHide: false,
+                    validate: {
+                        required: true
+                    },
+                    key: 'model',
+                    type: 'select',
+                    indexeddb: {
+                        filter: {}
+                    },
+                    selectValues: 'Results',
+                    input: true,
+                    disableLimit: false,
+                    lazyLoad: false
+                },
+                {
+                    input: true,
+                    label: 'Submit',
+                    tableView: false,
+                    key: 'submit',
+                    type: 'button'
+                }
+            ],
+            key: 'form',
+            type: 'form',
+            input: true
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false
+        }
+    ],
+};

package/lib/cjs/components/form/fixtures/comp5.d.ts

@@ -0,0 +1,42 @@
+declare namespace _default {
+    const type: string;
+    const owner: null;
+    const components: ({
+        title: string;
+        collapsible: boolean;
+        key: string;
+        type: string;
+        label: string;
+        input: boolean;
+        tableView: boolean;
+        components: {
+            label: string;
+            tableView: boolean;
+            display: string;
+            components: {
+                label: string;
+                tableView: boolean;
+                key: string;
+                type: string;
+                input: boolean;
+            }[];
+            key: string;
+            type: string;
+            input: boolean;
+        }[];
+        collapsed: boolean;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        title?: undefined;
+        collapsible?: undefined;
+        components?: undefined;
+        collapsed?: undefined;
+    })[];
+}
+export default _default;

package/lib/cjs/components/form/fixtures/comp5.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'form',
+    owner: null,
+    components: [
+        {
+            title: 'Panel 333',
+            collapsible: true,
+            key: 'panel333',
+            type: 'panel',
+            label: 'Panel 333',
+            input: false,
+            tableView: false,
+            components: [
+                {
+                    label: 'Form',
+                    tableView: true,
+                    display: 'form',
+                    components: [
+                        {
+                            label: 'Text Field',
+                            tableView: true,
+                            key: 'textField',
+                            type: 'textfield',
+                            input: true,
+                        },
+                    ],
+                    key: 'form',
+                    type: 'form',
+                    input: true,
+                },
+            ],
+            collapsed: true,
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false,
+        },
+    ],
+};

package/lib/cjs/components/form/fixtures/comp6.d.ts

@@ -0,0 +1,74 @@
+declare namespace _default {
+    const components: ({
+        label: string;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        display?: undefined;
+        components?: undefined;
+        logic?: undefined;
+        disableOnInvalid?: undefined;
+    } | {
+        label: string;
+        tableView: boolean;
+        display: string;
+        components: ({
+            label: string;
+            tableView: boolean;
+            key: string;
+            type: string;
+            input: boolean;
+            autoExpand?: undefined;
+        } | {
+            label: string;
+            autoExpand: boolean;
+            tableView: boolean;
+            key: string;
+            type: string;
+            input: boolean;
+        })[];
+        logic: {
+            name: string;
+            trigger: {
+                type: string;
+                simple: {
+                    show: boolean;
+                    when: string;
+                    eq: string;
+                };
+                conditionConditionGrid: never[];
+            };
+            actions: {
+                name: string;
+                type: string;
+                property: {
+                    label: string;
+                    value: string;
+                    type: string;
+                };
+                state: boolean;
+                variableVariableGrid: never[];
+            }[];
+        }[];
+        key: string;
+        type: string;
+        input: boolean;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        display?: undefined;
+        components?: undefined;
+        logic?: undefined;
+    })[];
+    const title: string;
+    const display: string;
+    const path: string;
+    const name: string;
+}
+export default _default;

package/lib/cjs/components/form/fixtures/comp6.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    components: [
+        {
+            label: 'Text Field',
+            tableView: true,
+            key: 'textField',
+            type: 'textfield',
+            input: true,
+        },
+        {
+            label: 'Form',
+            tableView: true,
+            display: 'form',
+            components: [
+                {
+                    label: 'Text Field',
+                    tableView: true,
+                    key: 'textField',
+                    type: 'textfield',
+                    input: true,
+                },
+                {
+                    label: 'Text Area',
+                    autoExpand: false,
+                    tableView: true,
+                    key: 'textArea',
+                    type: 'textarea',
+                    input: true,
+                },
+            ],
+            logic: [
+                {
+                    name: 'disabled',
+                    trigger: {
+                        type: 'simple',
+                        simple: { show: true, when: 'textField', eq: 'test' },
+                        conditionConditionGrid: [],
+                    },
+                    actions: [
+                        {
+                            name: 'Disable',
+                            type: 'property',
+                            property: {
+                                label: 'Disabled',
+                                value: 'disabled',
+                                type: 'boolean',
+                            },
+                            state: true,
+                            variableVariableGrid: [],
+                        },
+                    ],
+                },
+                {
+                    name: 'required',
+                    trigger: {
+                        type: 'simple',
+                        simple: { show: true, when: 'textField', eq: 'required' },
+                        conditionConditionGrid: [],
+                    },
+                    actions: [
+                        {
+                            name: 'required',
+                            type: 'property',
+                            property: {
+                                label: 'Required',
+                                value: 'validate.required',
+                                type: 'boolean',
+                            },
+                            state: true,
+                            variableVariableGrid: [],
+                        },
+                    ],
+                },
+            ],
+            key: 'form',
+            type: 'form',
+            input: true,
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false,
+        },
+    ],
+    title: 'MainFormWithNested',
+    display: 'form',
+    path: 'nestedmain',
+    name: 'mainFormWithNested',
+};

package/lib/cjs/components/form/fixtures/formModalEdit.d.ts

@@ -0,0 +1,42 @@
+declare namespace _default {
+    const _id: string;
+    const type: string;
+    const owner: string;
+    const components: ({
+        label: string;
+        tableView: boolean;
+        modalEdit: boolean;
+        components: {
+            label: string;
+            tableView: boolean;
+            key: string;
+            type: string;
+            input: boolean;
+        }[];
+        key: string;
+        type: string;
+        input: boolean;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        modalEdit?: undefined;
+        components?: undefined;
+    })[];
+    const controller: string;
+    const revisions: string;
+    const _vid: number;
+    const title: string;
+    const display: string;
+    const access: {
+        roles: string[];
+        type: string;
+    }[];
+    const name: string;
+    const path: string;
+}
+export default _default;