@formio/js 5.1.0-dev.6002.16f1966 → 5.1.0-rc.10

package/lib/mjs/components/button/fixtures/comp2.js

@@ -0,0 +1,55 @@
+export default {
+    type: 'form',
+    components: [
+        {
+            label: 'Submit',
+            showValidations: false,
+            theme: 'warning',
+            tableView: false,
+            key: 'submit5',
+            type: 'button',
+            input: true
+        },
+        {
+            label: 'Submit',
+            showValidations: false,
+            theme: 'danger',
+            tableView: false,
+            key: 'submit4',
+            type: 'button',
+            input: true
+        },
+        {
+            label: 'Submit',
+            showValidations: false,
+            theme: 'success',
+            tableView: false,
+            key: 'submit3',
+            type: 'button',
+            input: true
+        },
+        {
+            label: 'Submit',
+            showValidations: false,
+            theme: 'info',
+            tableView: false,
+            key: 'submit2',
+            type: 'button',
+            input: true
+        },
+        {
+            label: 'Submit',
+            showValidations: false,
+            theme: 'secondary',
+            tableView: false,
+            key: 'submit1',
+            type: 'button',
+            input: true
+        },
+        { label: 'Submit', showValidations: false, tableView: false, key: 'submit', type: 'button', input: true }
+    ],
+    title: 'test checkbox',
+    display: 'form',
+    name: 'testCheckbox',
+    path: 'testcheckbox',
+};

package/lib/mjs/components/button/fixtures/comp3.d.ts

@@ -0,0 +1,113 @@
+declare namespace _default {
+    let type: string;
+    let components: ({
+        label: string;
+        mask: boolean;
+        spellcheck: boolean;
+        tableView: boolean;
+        delimiter: boolean;
+        requireDecimal: boolean;
+        inputFormat: string;
+        key: string;
+        logic: {
+            name: string;
+            trigger: {
+                type: string;
+                event: string;
+            };
+            actions: {
+                name: string;
+                type: string;
+                value: string;
+            }[];
+        }[];
+        type: string;
+        input: boolean;
+        action?: undefined;
+        showValidations?: undefined;
+        state?: undefined;
+        event?: undefined;
+        url?: undefined;
+        headers?: undefined;
+    } | {
+        label: string;
+        action: string;
+        showValidations: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        state: string;
+        input: boolean;
+        mask?: undefined;
+        spellcheck?: undefined;
+        delimiter?: undefined;
+        requireDecimal?: undefined;
+        inputFormat?: undefined;
+        logic?: undefined;
+        event?: undefined;
+        url?: undefined;
+        headers?: undefined;
+    } | {
+        label: string;
+        action: string;
+        showValidations: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        event: string;
+        input: boolean;
+        mask?: undefined;
+        spellcheck?: undefined;
+        delimiter?: undefined;
+        requireDecimal?: undefined;
+        inputFormat?: undefined;
+        logic?: undefined;
+        state?: undefined;
+        url?: undefined;
+        headers?: undefined;
+    } | {
+        label: string;
+        action: string;
+        showValidations: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        mask?: undefined;
+        spellcheck?: undefined;
+        delimiter?: undefined;
+        requireDecimal?: undefined;
+        inputFormat?: undefined;
+        logic?: undefined;
+        state?: undefined;
+        event?: undefined;
+        url?: undefined;
+        headers?: undefined;
+    } | {
+        label: string;
+        action: string;
+        showValidations: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        url: string;
+        headers: {
+            header: string;
+            value: string;
+        }[];
+        input: boolean;
+        mask?: undefined;
+        spellcheck?: undefined;
+        delimiter?: undefined;
+        requireDecimal?: undefined;
+        inputFormat?: undefined;
+        logic?: undefined;
+        state?: undefined;
+        event?: undefined;
+    })[];
+    let title: string;
+    let display: string;
+    let name: string;
+    let path: string;
+}
+export default _default;

package/lib/mjs/components/button/fixtures/comp3.js

@@ -0,0 +1,82 @@
+export default {
+    type: 'form',
+    components: [
+        {
+            label: 'Number',
+            mask: false,
+            spellcheck: true,
+            tableView: false,
+            delimiter: false,
+            requireDecimal: false,
+            inputFormat: 'plain',
+            key: 'number',
+            logic: [
+                {
+                    name: 'show two',
+                    trigger: {
+                        type: 'event',
+                        event: 'showTwo'
+                    },
+                    actions: [
+                        {
+                            name: 'simple action',
+                            type: 'value',
+                            value: 'value = 2;'
+                        }
+                    ]
+                }
+            ],
+            type: 'number',
+            input: true
+        },
+        {
+            label: 'Save in state',
+            action: 'saveState',
+            showValidations: false,
+            tableView: false,
+            key: 'saveInState',
+            type: 'button',
+            state: 'testState',
+            input: true
+        },
+        {
+            label: 'Event',
+            action: 'event',
+            showValidations: false,
+            tableView: false,
+            key: 'event',
+            type: 'button',
+            event: 'showTwo',
+            input: true
+        },
+        {
+            label: 'Reset',
+            action: 'reset',
+            showValidations: false,
+            tableView: false,
+            key: 'reset',
+            type: 'button',
+            input: true
+        },
+        {
+            label: 'Post',
+            action: 'url',
+            showValidations: false,
+            tableView: false,
+            key: 'post',
+            type: 'button',
+            url: 'https://test.com',
+            headers: [
+                {
+                    header: '',
+                    value: ''
+                }
+            ],
+            input: true
+        }
+    ],
+    title: 'test',
+    display: 'form',
+    name: 'test',
+    path: 'test'
+};

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

@@ -0,0 +1,4 @@
+import comp1 from './comp1';
+import comp2 from './comp2';
+import comp3 from './comp3';
+export { comp1, comp2, comp3 };

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

@@ -0,0 +1,4 @@
+import comp1 from './comp1';
+import comp2 from './comp2';
+import comp3 from './comp3';
+export { comp1, comp2, comp3 };

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

@@ -0,0 +1,2 @@
+declare const _default: boolean[];
+export default _default;

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

@@ -0,0 +1,4 @@
+export default [
+    true,
+    false,
+];

package/lib/mjs/components/checkbox/Checkbox.d.ts

@@ -43,7 +43,7 @@ export default class CheckBoxComponent extends Field {
     attach(element: any): Promise<void>;
     input: any;
     detach(element: any): void;
-    get emptyValue(): false | "";
+    get emptyValue(): false | null;
     getValueAt(index: any): any;
     get checked(): boolean;
     setCheckedState(value: any): any;

package/lib/mjs/components/checkbox/Checkbox.js

@@ -116,7 +116,7 @@ export default class CheckBoxComponent extends Field {
         super.detach();
     }
     get emptyValue() {
-        return this.component.inputType === 'radio' ? '' : false;
+        return this.component.inputType === 'radio' ? null : false;
     }
     isEmpty(value = this.dataValue) {
         return super.isEmpty(value) || value === false;
@@ -187,7 +187,7 @@ export default class CheckBoxComponent extends Field {
         if (_.isUndefined(value) && this.inDataTable) {
             return '';
         }
-        return this.t(hasValue ? 'yes' : 'no');
+        return this.t(hasValue ? 'Yes' : 'No');
     }
     updateValue(value, flags) {
         // If this is a radio and is alredy checked, uncheck it.

package/lib/mjs/components/checkbox/fixtures/comp1.d.ts

@@ -0,0 +1,24 @@
+declare namespace _default {
+    export namespace conditional {
+        let eq: string;
+        let when: null;
+        let show: string;
+    }
+    export let tags: never[];
+    export let type: string;
+    export namespace validate {
+        let required: boolean;
+    }
+    export let persistent: boolean;
+    let _protected: boolean;
+    export { _protected as protected };
+    export let defaultValue: boolean;
+    export let key: string;
+    export let dataGridLabel: boolean;
+    export let label: string;
+    export let hideLabel: boolean;
+    export let tableView: boolean;
+    export let inputType: string;
+    export let input: boolean;
+}
+export default _default;

package/lib/mjs/components/checkbox/fixtures/comp1.js

@@ -0,0 +1,22 @@
+export default {
+    'conditional': {
+        'eq': '',
+        'when': null,
+        'show': ''
+    },
+    'tags': [],
+    'type': 'checkbox',
+    'validate': {
+        'required': false
+    },
+    'persistent': true,
+    'protected': false,
+    'defaultValue': false,
+    'key': 'checkme',
+    'dataGridLabel': true,
+    'label': 'Check me',
+    'hideLabel': false,
+    'tableView': true,
+    'inputType': 'checkbox',
+    'input': true
+};

package/lib/mjs/components/checkbox/fixtures/comp2.d.ts

@@ -0,0 +1,12 @@
+declare namespace _default {
+    let label: string;
+    let inputType: string;
+    let tableView: boolean;
+    let defaultValue: boolean;
+    let key: string;
+    let type: string;
+    let name: string;
+    let value: string;
+    let input: boolean;
+}
+export default _default;

package/lib/mjs/components/checkbox/fixtures/comp2.js

@@ -0,0 +1,11 @@
+export default {
+    label: 'Checkbox - Radio',
+    inputType: 'radio',
+    tableView: false,
+    defaultValue: false,
+    key: 'checkboxRadio',
+    type: 'checkbox',
+    name: 'radio',
+    value: 'true',
+    input: true,
+};

package/lib/mjs/components/checkbox/fixtures/comp3.d.ts

@@ -0,0 +1,15 @@
+declare namespace _default {
+    let label: string;
+    let fancyButton: boolean;
+    let promptOnDeselect: boolean;
+    let tableView: boolean;
+    let modalEdit: boolean;
+    namespace validate {
+        let required: boolean;
+    }
+    let key: string;
+    let type: string;
+    let input: boolean;
+    let defaultValue: boolean;
+}
+export default _default;

package/lib/mjs/components/checkbox/fixtures/comp3.js

@@ -0,0 +1,14 @@
+export default {
+    label: 'Checkbox',
+    fancyButton: false,
+    promptOnDeselect: false,
+    tableView: false,
+    modalEdit: true,
+    validate: {
+        required: true
+    },
+    key: 'checkbox',
+    type: 'checkbox',
+    input: true,
+    defaultValue: false
+};

package/lib/mjs/components/checkbox/fixtures/comp4.d.ts

@@ -0,0 +1,48 @@
+declare namespace _default {
+    let title: string;
+    let name: string;
+    let path: string;
+    let type: string;
+    let display: string;
+    let components: ({
+        label: string;
+        inputType: string;
+        tableView: boolean;
+        key: string;
+        type: string;
+        name: string;
+        value: string;
+        input: boolean;
+        html?: undefined;
+        refreshOnChange?: undefined;
+        customConditional?: undefined;
+        disableOnInvalid?: undefined;
+    } | {
+        html: string;
+        label: string;
+        refreshOnChange: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        tableView: boolean;
+        customConditional: string;
+        inputType?: undefined;
+        name?: undefined;
+        value?: undefined;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        inputType?: undefined;
+        name?: undefined;
+        value?: undefined;
+        html?: undefined;
+        refreshOnChange?: undefined;
+        customConditional?: undefined;
+    })[];
+}
+export default _default;

package/lib/mjs/components/checkbox/fixtures/comp4.js

@@ -0,0 +1,37 @@
+export default {
+    title: '6009test',
+    name: '6009Test',
+    path: '6009test',
+    type: 'form',
+    display: 'form',
+    components: [
+        {
+            label: 'P1',
+            inputType: 'radio',
+            tableView: false,
+            key: 'p1',
+            type: 'checkbox',
+            name: 'priorities',
+            value: 'p1',
+            input: true
+        },
+        {
+            html: '<p>Content 1</p>',
+            label: 'P1 Content',
+            refreshOnChange: false,
+            key: 'p1Content',
+            type: 'content',
+            input: false,
+            tableView: false,
+            customConditional: 'show = data.priorities == "p1"'
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false
+        }
+    ]
+};

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

@@ -0,0 +1,34 @@
+declare namespace _default {
+    let title: string;
+    let name: string;
+    let path: string;
+    let type: string;
+    let display: string;
+    let components: ({
+        label: string;
+        tableView: boolean;
+        validateWhenHidden: boolean;
+        key: string;
+        conditional: {
+            show: boolean;
+            conjunction: string;
+            conditions: {
+                component: string;
+                operator: string;
+            }[];
+        };
+        type: string;
+        input: boolean;
+        applyMaskOn?: undefined;
+    } | {
+        label: string;
+        applyMaskOn: string;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        validateWhenHidden?: undefined;
+        conditional?: undefined;
+    })[];
+}
+export default _default;

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

@@ -0,0 +1,53 @@
+export default {
+    title: '7595',
+    name: '7595',
+    path: '7595',
+    type: 'form',
+    display: 'form',
+    components: [
+        {
+            label: 'Checkbox',
+            tableView: false,
+            validateWhenHidden: false,
+            key: 'checkboxBefore',
+            conditional: {
+                show: true,
+                conjunction: 'all',
+                conditions: [
+                    {
+                        component: 'textField',
+                        operator: 'isNotEmpty'
+                    }
+                ]
+            },
+            type: 'checkbox',
+            input: true
+        },
+        {
+            label: 'Text Field',
+            applyMaskOn: 'change',
+            tableView: true,
+            key: 'textField',
+            type: 'textfield',
+            input: true
+        },
+        {
+            label: 'Checkbox',
+            tableView: false,
+            validateWhenHidden: false,
+            key: 'checkboxAfter',
+            conditional: {
+                show: true,
+                conjunction: 'all',
+                conditions: [
+                    {
+                        component: 'textField',
+                        operator: 'isNotEmpty'
+                    }
+                ]
+            },
+            type: 'checkbox',
+            input: true
+        },
+    ]
+};

package/lib/mjs/components/checkbox/fixtures/customDefaultComponent.d.ts

@@ -0,0 +1,25 @@
+declare namespace _default {
+    export namespace conditional {
+        let eq: string;
+        let when: null;
+        let show: string;
+    }
+    export let tags: never[];
+    export let customDefaultValue: string;
+    export let type: string;
+    export namespace validate {
+        let required: boolean;
+    }
+    export let persistent: boolean;
+    let _protected: boolean;
+    export { _protected as protected };
+    export let defaultValue: boolean;
+    export let key: string;
+    export let dataGridLabel: boolean;
+    export let label: string;
+    export let hideLabel: boolean;
+    export let tableView: boolean;
+    export let inputType: string;
+    export let input: boolean;
+}
+export default _default;

package/lib/mjs/components/checkbox/fixtures/customDefaultComponent.js

@@ -0,0 +1,23 @@
+export default {
+    'conditional': {
+        'eq': '',
+        'when': null,
+        'show': ''
+    },
+    'tags': [],
+    'customDefaultValue': 'value = true;',
+    'type': 'checkbox',
+    'validate': {
+        'required': false
+    },
+    'persistent': true,
+    'protected': false,
+    'defaultValue': false,
+    'key': 'checkme',
+    'dataGridLabel': true,
+    'label': 'Check me',
+    'hideLabel': false,
+    'tableView': true,
+    'inputType': 'checkbox',
+    'input': true
+};

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

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

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

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

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

@@ -0,0 +1,2 @@
+declare const _default: boolean[];
+export default _default;

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

@@ -0,0 +1,4 @@
+export default [
+    true,
+    false,
+];