@formio/js 5.0.0-rc.10

package/lib/cjs/components/editgrid/fixtures/comp-with-basic-components.d.ts

@@ -0,0 +1,327 @@
+declare namespace _default {
+    const type: string;
+    const owner: string;
+    const components: ({
+        label: string;
+        tableView: boolean;
+        templates: {
+            header: string;
+            row: string;
+        };
+        modal: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        components: ({
+            label: string;
+            tableView: boolean;
+            validate: {
+                required: boolean;
+                onlyAvailableItems?: undefined;
+            };
+            key: string;
+            type: string;
+            input: boolean;
+            autoExpand?: undefined;
+            mask?: undefined;
+            spellcheck?: undefined;
+            delimiter?: undefined;
+            requireDecimal?: undefined;
+            inputFormat?: undefined;
+            protected?: undefined;
+            defaultValue?: undefined;
+            optionsLabelPosition?: undefined;
+            values?: undefined;
+            inputType?: undefined;
+            widget?: undefined;
+            data?: undefined;
+            selectThreshold?: undefined;
+            indexeddb?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            disableLimit?: undefined;
+            inline?: undefined;
+        } | {
+            label: string;
+            autoExpand: boolean;
+            tableView: boolean;
+            validate: {
+                required: boolean;
+                onlyAvailableItems?: undefined;
+            };
+            key: string;
+            type: string;
+            input: boolean;
+            mask?: undefined;
+            spellcheck?: undefined;
+            delimiter?: undefined;
+            requireDecimal?: undefined;
+            inputFormat?: undefined;
+            protected?: undefined;
+            defaultValue?: undefined;
+            optionsLabelPosition?: undefined;
+            values?: undefined;
+            inputType?: undefined;
+            widget?: undefined;
+            data?: undefined;
+            selectThreshold?: undefined;
+            indexeddb?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            disableLimit?: undefined;
+            inline?: undefined;
+        } | {
+            label: string;
+            mask: boolean;
+            spellcheck: boolean;
+            tableView: boolean;
+            delimiter: boolean;
+            requireDecimal: boolean;
+            inputFormat: string;
+            validate: {
+                required: boolean;
+                onlyAvailableItems?: undefined;
+            };
+            key: string;
+            type: string;
+            input: boolean;
+            autoExpand?: undefined;
+            protected?: undefined;
+            defaultValue?: undefined;
+            optionsLabelPosition?: undefined;
+            values?: undefined;
+            inputType?: undefined;
+            widget?: undefined;
+            data?: undefined;
+            selectThreshold?: undefined;
+            indexeddb?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            disableLimit?: undefined;
+            inline?: undefined;
+        } | {
+            label: string;
+            tableView: boolean;
+            validate: {
+                required: boolean;
+                onlyAvailableItems?: undefined;
+            };
+            key: string;
+            type: string;
+            input: boolean;
+            protected: boolean;
+            autoExpand?: undefined;
+            mask?: undefined;
+            spellcheck?: undefined;
+            delimiter?: undefined;
+            requireDecimal?: undefined;
+            inputFormat?: undefined;
+            defaultValue?: undefined;
+            optionsLabelPosition?: undefined;
+            values?: undefined;
+            inputType?: undefined;
+            widget?: undefined;
+            data?: undefined;
+            selectThreshold?: undefined;
+            indexeddb?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            disableLimit?: undefined;
+            inline?: undefined;
+        } | {
+            label: string;
+            tableView: boolean;
+            defaultValue: boolean;
+            validate: {
+                required: boolean;
+                onlyAvailableItems?: undefined;
+            };
+            key: string;
+            type: string;
+            input: boolean;
+            autoExpand?: undefined;
+            mask?: undefined;
+            spellcheck?: undefined;
+            delimiter?: undefined;
+            requireDecimal?: undefined;
+            inputFormat?: undefined;
+            protected?: undefined;
+            optionsLabelPosition?: undefined;
+            values?: undefined;
+            inputType?: undefined;
+            widget?: undefined;
+            data?: undefined;
+            selectThreshold?: undefined;
+            indexeddb?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            disableLimit?: undefined;
+            inline?: undefined;
+        } | {
+            label: string;
+            optionsLabelPosition: string;
+            tableView: boolean;
+            defaultValue: {
+                '': boolean;
+                sa: boolean;
+                sb: boolean;
+                sc: boolean;
+            };
+            values: {
+                label: string;
+                value: string;
+                shortcut: string;
+            }[];
+            validate: {
+                required: boolean;
+                onlyAvailableItems?: undefined;
+            };
+            key: string;
+            type: string;
+            input: boolean;
+            inputType: string;
+            autoExpand?: undefined;
+            mask?: undefined;
+            spellcheck?: undefined;
+            delimiter?: undefined;
+            requireDecimal?: undefined;
+            inputFormat?: undefined;
+            protected?: undefined;
+            widget?: undefined;
+            data?: undefined;
+            selectThreshold?: undefined;
+            indexeddb?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            disableLimit?: undefined;
+            inline?: undefined;
+        } | {
+            label: string;
+            widget: string;
+            tableView: boolean;
+            data: {
+                values: {
+                    label: string;
+                    value: string;
+                }[];
+                url?: undefined;
+                headers?: undefined;
+            };
+            selectThreshold: number;
+            validate: {
+                required: boolean;
+                onlyAvailableItems?: undefined;
+            };
+            key: string;
+            type: string;
+            indexeddb: {
+                filter: {};
+            };
+            input: boolean;
+            autoExpand?: undefined;
+            mask?: undefined;
+            spellcheck?: undefined;
+            delimiter?: undefined;
+            requireDecimal?: undefined;
+            inputFormat?: undefined;
+            protected?: undefined;
+            defaultValue?: undefined;
+            optionsLabelPosition?: undefined;
+            values?: undefined;
+            inputType?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            disableLimit?: undefined;
+            inline?: undefined;
+        } | {
+            label: string;
+            widget: string;
+            tableView: boolean;
+            dataSrc: string;
+            data: {
+                values: {
+                    label: string;
+                    value: string;
+                }[];
+                url: string;
+                headers: {
+                    key: string;
+                    value: string;
+                }[];
+            };
+            template: string;
+            selectThreshold: number;
+            validate: {
+                required: boolean;
+                onlyAvailableItems?: undefined;
+            };
+            key: string;
+            type: string;
+            indexeddb: {
+                filter: {};
+            };
+            input: boolean;
+            disableLimit: boolean;
+            autoExpand?: undefined;
+            mask?: undefined;
+            spellcheck?: undefined;
+            delimiter?: undefined;
+            requireDecimal?: undefined;
+            inputFormat?: undefined;
+            protected?: undefined;
+            defaultValue?: undefined;
+            optionsLabelPosition?: undefined;
+            values?: undefined;
+            inputType?: undefined;
+            inline?: undefined;
+        } | {
+            label: string;
+            optionsLabelPosition: string;
+            inline: boolean;
+            tableView: boolean;
+            values: {
+                label: string;
+                value: string;
+                shortcut: string;
+            }[];
+            validate: {
+                required: boolean;
+                onlyAvailableItems: boolean;
+            };
+            key: string;
+            type: string;
+            input: boolean;
+            autoExpand?: undefined;
+            mask?: undefined;
+            spellcheck?: undefined;
+            delimiter?: undefined;
+            requireDecimal?: undefined;
+            inputFormat?: undefined;
+            protected?: undefined;
+            defaultValue?: undefined;
+            inputType?: undefined;
+            widget?: undefined;
+            data?: undefined;
+            selectThreshold?: undefined;
+            indexeddb?: undefined;
+            dataSrc?: undefined;
+            template?: undefined;
+            disableLimit?: undefined;
+        })[];
+        showValidations?: undefined;
+    } | {
+        label: string;
+        showValidations: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        templates?: undefined;
+        modal?: undefined;
+        components?: undefined;
+    })[];
+    const title: string;
+    const display: string;
+    const name: string;
+}
+export default _default;

package/lib/cjs/components/editgrid/fixtures/comp-with-basic-components.js

@@ -0,0 +1,220 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'form',
+    owner: '5e05a6b7549cdc2ece30c6b0',
+    components: [
+        {
+            label: 'Edit Grid Basic Drafts Enabled Modal',
+            tableView: true,
+            templates: {
+                header: "<div class=\"row\">\n      {% util.eachComponent(components, function(component) { %}\n        {% if (!component.hasOwnProperty('tableView') || component.tableView) { %}\n          <div class=\"col-sm-2\">{{ component.label }}</div>\n        {% } %}\n      {% }) %}\n    </div>",
+                row: "<div class=\"row\">\n      {% util.eachComponent(components, function(component) { %}\n        {% if (!component.hasOwnProperty('tableView') || component.tableView) { %}\n          <div class=\"col-sm-2\">\n            {{ getView(component, row[component.key]) }}\n          </div>\n        {% } %}\n      {% }) %}\n      {% if (!instance.disabled) { %}\n        <div class=\"col-sm-2\">\n          <div class=\"btn-group pull-right\">\n            <button class=\"btn btn-default btn-light btn-sm editRow\"><i class=\"{{ iconClass('edit') }}\"></i></button>\n            {% if (!instance.hasRemoveButtons || instance.hasRemoveButtons()) { %}\n              <button class=\"btn btn-danger btn-sm removeRow\"><i class=\"{{ iconClass('trash') }}\"></i></button>\n            {% } %}\n          </div>\n        </div>\n      {% } %}\n    </div>"
+            },
+            modal: true,
+            key: 'editGridBasic2',
+            type: 'editgrid',
+            input: true,
+            components: [
+                {
+                    label: 'Text Field',
+                    tableView: true,
+                    validate: {
+                        required: true
+                    },
+                    key: 'textField',
+                    type: 'textfield',
+                    input: true
+                },
+                {
+                    label: 'Text Area',
+                    autoExpand: false,
+                    tableView: true,
+                    validate: {
+                        required: true
+                    },
+                    key: 'textArea',
+                    type: 'textarea',
+                    input: true
+                },
+                {
+                    label: 'Number',
+                    mask: false,
+                    spellcheck: true,
+                    tableView: true,
+                    delimiter: false,
+                    requireDecimal: false,
+                    inputFormat: 'plain',
+                    validate: {
+                        required: true
+                    },
+                    key: 'number',
+                    type: 'number',
+                    input: true
+                },
+                {
+                    label: 'Password',
+                    tableView: true,
+                    validate: {
+                        required: true
+                    },
+                    key: 'password',
+                    type: 'password',
+                    input: true,
+                    protected: true
+                },
+                {
+                    label: 'Checkbox',
+                    tableView: true,
+                    defaultValue: false,
+                    validate: {
+                        required: true
+                    },
+                    key: 'checkbox',
+                    type: 'checkbox',
+                    input: true
+                },
+                {
+                    label: 'Select Boxes',
+                    optionsLabelPosition: 'right',
+                    tableView: true,
+                    defaultValue: {
+                        '': false,
+                        sa: false,
+                        sb: false,
+                        sc: false
+                    },
+                    values: [
+                        {
+                            label: 'sa',
+                            value: 'sa',
+                            shortcut: ''
+                        },
+                        {
+                            label: 'sb',
+                            value: 'sb',
+                            shortcut: ''
+                        },
+                        {
+                            label: 'sc',
+                            value: 'sc',
+                            shortcut: ''
+                        }
+                    ],
+                    validate: {
+                        required: true
+                    },
+                    key: 'selectBoxes1',
+                    type: 'selectboxes',
+                    input: true,
+                    inputType: 'checkbox'
+                },
+                {
+                    label: 'Select',
+                    widget: 'choicesjs',
+                    tableView: true,
+                    data: {
+                        values: [
+                            {
+                                label: 'se1',
+                                value: 'se1'
+                            },
+                            {
+                                label: 'se2',
+                                value: 'se2'
+                            },
+                            {
+                                label: 'se3',
+                                value: 'se3'
+                            }
+                        ]
+                    },
+                    selectThreshold: 0.3,
+                    validate: {
+                        required: true
+                    },
+                    key: 'select1',
+                    type: 'select',
+                    indexeddb: {
+                        filter: {}
+                    },
+                    input: true
+                },
+                {
+                    label: 'Select URL',
+                    widget: 'choicesjs',
+                    tableView: true,
+                    dataSrc: 'url',
+                    data: {
+                        values: [
+                            {
+                                label: '',
+                                value: ''
+                            }
+                        ],
+                        url: 'https://cdn.rawgit.com/mshafrir/2646763/raw/states_titlecase.json',
+                        headers: [
+                            {
+                                key: '',
+                                value: ''
+                            }
+                        ]
+                    },
+                    template: '<span>{{ item.name }}</span>',
+                    selectThreshold: 0.3,
+                    validate: {
+                        required: true
+                    },
+                    key: 'selectUrl',
+                    type: 'select',
+                    indexeddb: {
+                        filter: {}
+                    },
+                    input: true,
+                    disableLimit: false
+                },
+                {
+                    label: 'Radio',
+                    optionsLabelPosition: 'right',
+                    inline: false,
+                    tableView: true,
+                    values: [
+                        {
+                            label: 'ra1',
+                            value: 'ra1',
+                            shortcut: ''
+                        },
+                        {
+                            label: 'ra2',
+                            value: 'ra2',
+                            shortcut: ''
+                        },
+                        {
+                            label: 'ra3',
+                            value: 'ra3',
+                            shortcut: ''
+                        }
+                    ],
+                    validate: {
+                        required: true,
+                        onlyAvailableItems: false
+                    },
+                    key: 'radio1',
+                    type: 'radio',
+                    input: true
+                }
+            ]
+        },
+        {
+            label: 'Submit',
+            showValidations: false,
+            tableView: false,
+            key: 'submit',
+            type: 'button',
+            input: true
+        }
+    ],
+    title: 'Test EG 2',
+    display: 'form',
+    name: 'testEg2',
+};

package/lib/cjs/components/editgrid/fixtures/comp-with-conditions-and-openWhenEmpty.d.ts

@@ -0,0 +1,77 @@
+declare namespace _default {
+    const type: string;
+    const components: ({
+        label: string;
+        optionsLabelPosition: string;
+        inline: boolean;
+        tableView: boolean;
+        values: {
+            label: string;
+            value: string;
+            shortcut: string;
+        }[];
+        key: string;
+        type: string;
+        input: boolean;
+        openWhenEmpty?: undefined;
+        rowDrafts?: undefined;
+        components?: undefined;
+        disableOnInvalid?: undefined;
+    } | {
+        label: string;
+        openWhenEmpty: boolean;
+        tableView: boolean;
+        rowDrafts: boolean;
+        key: string;
+        customConditional: string;
+        type: string;
+        input: boolean;
+        components: ({
+            label: string;
+            tableView: boolean;
+            key: string;
+            type: string;
+            input: boolean;
+            widget?: undefined;
+            data?: undefined;
+            selectThreshold?: undefined;
+            indexeddb?: undefined;
+        } | {
+            label: string;
+            widget: string;
+            tableView: boolean;
+            data: {
+                values: {
+                    label: string;
+                    value: string;
+                }[];
+            };
+            selectThreshold: number;
+            key: string;
+            type: string;
+            indexeddb: {
+                filter: {};
+            };
+            input: boolean;
+        })[];
+        optionsLabelPosition?: undefined;
+        inline?: undefined;
+        values?: undefined;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        optionsLabelPosition?: undefined;
+        inline?: undefined;
+        values?: undefined;
+        openWhenEmpty?: undefined;
+        rowDrafts?: undefined;
+        components?: undefined;
+    })[];
+    const display: string;
+}
+export default _default;

package/lib/cjs/components/editgrid/fixtures/comp-with-conditions-and-openWhenEmpty.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'form',
+    components: [
+        {
+            label: 'Radio',
+            optionsLabelPosition: 'right',
+            inline: false,
+            tableView: false,
+            values: [
+                {
+                    label: 'show',
+                    value: 'show',
+                    shortcut: ''
+                },
+                {
+                    label: 'hide',
+                    value: 'hide',
+                    shortcut: ''
+                }
+            ],
+            key: 'radio',
+            type: 'radio',
+            input: true
+        },
+        {
+            label: 'Edit Grid',
+            openWhenEmpty: true,
+            tableView: false,
+            rowDrafts: false,
+            key: 'editGrid',
+            customConditional: 'show = data.radio === \'show\';',
+            type: 'editgrid',
+            input: true,
+            components: [
+                {
+                    label: 'Text Field',
+                    tableView: true,
+                    key: 'textField',
+                    type: 'textfield',
+                    input: true
+                },
+                {
+                    label: 'Select',
+                    widget: 'choicesjs',
+                    tableView: true,
+                    data: {
+                        values: [
+                            {
+                                label: 'a',
+                                value: 'a'
+                            },
+                            {
+                                label: 'b',
+                                value: 'b'
+                            },
+                            {
+                                label: 'c',
+                                value: 'c'
+                            }
+                        ]
+                    },
+                    selectThreshold: 0.3,
+                    key: 'select1',
+                    type: 'select',
+                    indexeddb: {
+                        filter: {}
+                    },
+                    input: true
+                }
+            ]
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false
+        }
+    ],
+    display: 'form',
+};