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

package/lib/cjs/components/address/fixtures/comp2.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'form',
+    components: [
+        {
+            label: 'Address',
+            tableView: false,
+            provider: 'nominatim',
+            key: 'address',
+            type: 'address',
+            providerOptions: {
+                params: {
+                    autocompleteOptions: {}
+                },
+                url: 'undefined'
+            },
+            input: true,
+            components: [
+                {
+                    label: 'Address 1',
+                    tableView: false,
+                    key: 'address1',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);"
+                },
+                {
+                    label: 'Address 2',
+                    tableView: false,
+                    key: 'address2',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);"
+                },
+                {
+                    label: 'City',
+                    tableView: false,
+                    key: 'city',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);"
+                },
+                {
+                    label: 'State',
+                    tableView: false,
+                    key: 'state',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);"
+                },
+                {
+                    label: 'Country',
+                    tableView: false,
+                    key: 'country',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);"
+                },
+                {
+                    label: 'Zip Code',
+                    tableView: false,
+                    key: 'zip',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);"
+                }
+            ],
+            defaultValue: {
+                'place_id': 256774876,
+                licence: 'Data © OpenStreetMap contributors, ODbL 1.0. https://osm.org/copyright',
+                'osm_type': 'relation',
+                'osm_id': 1837698,
+                boundingbox: ['32.5453486', '32.9899027', '-97.0383833', '-96.5168819'],
+                lat: '32.7620405',
+                lon: '-96.7790069',
+                'display_name': 'Dallas County, Texas, United States',
+                class: 'boundary',
+                type: 'administrative',
+                importance: 0.6662149661993487,
+                icon: 'https://nominatim.openstreetmap.org/ui/mapicons//poi_boundary_administrative.p.20.png',
+                address: {
+                    county: 'Dallas County',
+                    state: 'Texas',
+                    country: 'United States',
+                    'country_code': 'us'
+                }
+            }
+        },
+        {
+            label: 'Submit',
+            showValidations: false,
+            tableView: false,
+            key: 'submit',
+            type: 'button',
+            input: true
+        }
+    ],
+    title: 'test11',
+    display: 'form',
+    name: 'test11',
+    path: 'test11'
+};

package/lib/cjs/components/address/fixtures/comp3.d.ts

@@ -0,0 +1,44 @@
+declare namespace _default {
+    let _id: string;
+    let type: string;
+    let components: ({
+        label: string;
+        tableView: boolean;
+        modalEdit: boolean;
+        provider: string;
+        key: string;
+        type: string;
+        providerOptions: {
+            params: {
+                autocompleteOptions: {};
+                key: string;
+            };
+        };
+        input: boolean;
+        components: {
+            label: string;
+            tableView: boolean;
+            key: string;
+            type: string;
+            input: boolean;
+            customConditional: string;
+        }[];
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        modalEdit?: undefined;
+        provider?: undefined;
+        providerOptions?: undefined;
+        components?: undefined;
+    })[];
+    let title: string;
+    let display: string;
+    let name: string;
+    let path: string;
+}
+export default _default;

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

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    _id: '610cd91f1c0d42a708a148de',
+    type: 'form',
+    components: [
+        {
+            label: 'Address',
+            tableView: false,
+            modalEdit: true,
+            provider: 'google',
+            key: 'address',
+            type: 'address',
+            providerOptions: {
+                params: {
+                    autocompleteOptions: {},
+                    key: '',
+                },
+            },
+            input: true,
+            components: [
+                {
+                    label: 'Address 1',
+                    tableView: false,
+                    key: 'address1',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: 'show = _.get(instance, "parent.manualMode", false);',
+                },
+                {
+                    label: 'Address 2',
+                    tableView: false,
+                    key: 'address2',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: 'show = _.get(instance, "parent.manualMode", false);',
+                },
+                {
+                    label: 'City',
+                    tableView: false,
+                    key: 'city',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: 'show = _.get(instance, "parent.manualMode", false);',
+                },
+                {
+                    label: 'State',
+                    tableView: false,
+                    key: 'state',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: 'show = _.get(instance, "parent.manualMode", false);',
+                },
+                {
+                    label: 'Country',
+                    tableView: false,
+                    key: 'country',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: 'show = _.get(instance, "parent.manualMode", false);',
+                },
+                {
+                    label: 'Zip Code',
+                    tableView: false,
+                    key: 'zip',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: 'show = _.get(instance, "parent.manualMode", false);',
+                },
+            ],
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false,
+        },
+    ],
+    title: 'FIO-3280',
+    display: 'form',
+    name: 'fio3280',
+    path: 'fio3280',
+};

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

@@ -0,0 +1,56 @@
+declare namespace _default {
+    let type: string;
+    let components: ({
+        label: string;
+        tableView: boolean;
+        provider: string;
+        key: string;
+        type: string;
+        providerOptions: {
+            params: {
+                autocompleteOptions: {};
+            };
+        };
+        input: boolean;
+        components: {
+            label: string;
+            tableView: boolean;
+            key: string;
+            type: string;
+            input: boolean;
+            customConditional: string;
+        }[];
+        conditional?: undefined;
+        showValidations?: undefined;
+    } | {
+        label: string;
+        tableView: boolean;
+        key: string;
+        conditional: {
+            show: boolean;
+            when: string;
+        };
+        type: string;
+        input: boolean;
+        provider?: undefined;
+        providerOptions?: undefined;
+        components?: undefined;
+        showValidations?: undefined;
+    } | {
+        label: string;
+        showValidations: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        provider?: undefined;
+        providerOptions?: undefined;
+        components?: undefined;
+        conditional?: undefined;
+    })[];
+    let title: string;
+    let display: string;
+    let name: string;
+    let path: string;
+}
+export default _default;

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

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'form',
+    components: [
+        {
+            label: 'Address',
+            tableView: false,
+            provider: 'nominatim',
+            key: 'address',
+            type: 'address',
+            providerOptions: {
+                params: {
+                    autocompleteOptions: {},
+                },
+            },
+            input: true,
+            components: [
+                {
+                    label: 'Address 1',
+                    tableView: false,
+                    key: 'address1',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);",
+                },
+                {
+                    label: 'Address 2',
+                    tableView: false,
+                    key: 'address2',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);",
+                },
+                {
+                    label: 'City',
+                    tableView: false,
+                    key: 'city',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);",
+                },
+                {
+                    label: 'State',
+                    tableView: false,
+                    key: 'state',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);",
+                },
+                {
+                    label: 'Country',
+                    tableView: false,
+                    key: 'country',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);",
+                },
+                {
+                    label: 'Zip Code',
+                    tableView: false,
+                    key: 'zip',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);",
+                },
+            ],
+        },
+        {
+            label: 'Text Field',
+            tableView: true,
+            key: 'textField',
+            conditional: {
+                show: false,
+                when: 'address',
+            },
+            type: 'textfield',
+            input: true,
+        },
+        {
+            label: 'Submit',
+            showValidations: false,
+            tableView: false,
+            key: 'submit',
+            type: 'button',
+            input: true,
+        },
+    ],
+    title: 'testconditional',
+    display: 'form',
+    name: 'testconditional',
+    path: 'testconditional',
+};

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

@@ -0,0 +1,46 @@
+declare namespace _default {
+    let type: string;
+    let display: string;
+    let title: string;
+    let name: string;
+    let path: string;
+    let components: ({
+        label: string;
+        tableView: boolean;
+        multiple: boolean;
+        provider: string;
+        validateWhenHidden: boolean;
+        key: string;
+        providerOptions: {
+            params: {
+                autocompleteOptions: {};
+            };
+        };
+        type: string;
+        input: boolean;
+        components: {
+            label: string;
+            tableView: boolean;
+            key: string;
+            type: string;
+            input: boolean;
+            customConditional: string;
+        }[];
+        defaultValue: {}[];
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        multiple?: undefined;
+        provider?: undefined;
+        validateWhenHidden?: undefined;
+        providerOptions?: undefined;
+        components?: undefined;
+        defaultValue?: undefined;
+    })[];
+}
+export default _default;

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

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'form',
+    display: 'form',
+    title: 'FIO-9527',
+    name: 'fio9527',
+    path: 'fio9527',
+    components: [
+        {
+            label: 'Address',
+            tableView: false,
+            multiple: true,
+            provider: 'nominatim',
+            validateWhenHidden: false,
+            key: 'address',
+            providerOptions: {
+                params: {
+                    autocompleteOptions: {}
+                }
+            },
+            type: 'address',
+            input: true,
+            components: [
+                {
+                    label: 'Address 1',
+                    tableView: false,
+                    key: 'address1',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);"
+                },
+                {
+                    label: 'Address 2',
+                    tableView: false,
+                    key: 'address2',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);"
+                },
+                {
+                    label: 'City',
+                    tableView: false,
+                    key: 'city',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);"
+                },
+                {
+                    label: 'State',
+                    tableView: false,
+                    key: 'state',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);"
+                },
+                {
+                    label: 'Country',
+                    tableView: false,
+                    key: 'country',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);"
+                },
+                {
+                    label: 'Zip Code',
+                    tableView: false,
+                    key: 'zip',
+                    type: 'textfield',
+                    input: true,
+                    customConditional: "show = _.get(instance, 'parent.manualMode', false);"
+                }
+            ],
+            defaultValue: [
+                {}
+            ]
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false
+        }
+    ]
+};

package/lib/cjs/components/address/fixtures/index.d.ts

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

package/lib/cjs/components/address/fixtures/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.comp5 = exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
+const comp1_1 = __importDefault(require("./comp1"));
+exports.comp1 = comp1_1.default;
+const comp2_1 = __importDefault(require("./comp2"));
+exports.comp2 = comp2_1.default;
+const comp3_1 = __importDefault(require("./comp3"));
+exports.comp3 = comp3_1.default;
+const comp4_1 = __importDefault(require("./comp4"));
+exports.comp4 = comp4_1.default;
+const comp5_1 = __importDefault(require("./comp5"));
+exports.comp5 = comp5_1.default;

package/lib/cjs/components/address/fixtures/values.d.ts

@@ -0,0 +1,22 @@
+declare const _default: ({
+    mode: string;
+    address: {
+        street?: undefined;
+        city?: undefined;
+        county?: undefined;
+        state?: undefined;
+        zip?: undefined;
+        country?: undefined;
+    };
+} | {
+    mode: string;
+    address: {
+        street: string;
+        city: string;
+        county: string;
+        state: string;
+        zip: string;
+        country: string;
+    };
+})[];
+export default _default;

package/lib/cjs/components/address/fixtures/values.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = [
+    {
+        mode: 'autocomplete',
+        address: {},
+    },
+    {
+        mode: 'manual',
+        address: {
+            street: '',
+            city: '',
+            county: '',
+            state: '',
+            zip: '',
+            country: '',
+        },
+    },
+];

package/lib/cjs/components/button/Button.js

@@ -342,17 +342,17 @@ class ButtonComponent extends Field_1.default {
                 break;
             case 'oauth':
                 if (this.root === this) {
-                    console.warn(this.t('noOAuthBtn'));
+                    console.warn('You must add the OAuth button to a form for it to function properly');
                     return;
                 }
                 // Display Alert if OAuth config is missing
                 if (!this.oauthConfig) {
-                    this.root.setAlert('danger', this.t('noOAuthConfiguration'));
+                    this.root.setAlert('danger', 'OAuth not configured. You must configure oauth for your project before it will work.');
                     break;
                 }
                 // Display Alert if oAuth has an error is missing
                 if (this.oauthConfig.error) {
-                    this.root.setAlert('danger', `${this.t('oAuthErrorsTitle')} ${this.t(this.oauthConfig.error)}`);
+                    this.root.setAlert('danger', `The Following Error Has Occured ${this.oauthConfig.error}`);
                     break;
                 }
                 this.openOauth(this.oauthConfig);
@@ -361,7 +361,7 @@ class ButtonComponent extends Field_1.default {
     }
     openOauth(settings) {
         if (!this.root.formio) {
-            console.warn(this.t('noOAuthFormUrl'));
+            console.warn('You must attach a Form API url to your form in order to use OAuth buttons.');
             return;
         }
         /*eslint-disable camelcase */
@@ -409,7 +409,7 @@ class ButtonComponent extends Field_1.default {
                     }
                     // TODO: check for error response here
                     if (settings.state !== params.state) {
-                        this.root.setAlert('danger', this.t('oAuthStateError'));
+                        this.root.setAlert('danger', 'OAuth state does not match. Please try logging in again.');
                         return;
                     }
                     // Depending on where the settings came from, submit to either the submission endpoint (old) or oauth endpoint (new).
@@ -442,7 +442,7 @@ class ButtonComponent extends Field_1.default {
             }
             catch (error) {
                 if (error.name !== 'SecurityError' && (error.name !== 'Error' || error.message !== 'Permission denied')) {
-                    this.root.setAlert('danger', this.t(`${error.message || error}`));
+                    this.root.setAlert('danger', error.message || error);
                 }
             }
             if (!popup || popup.closed || popup.closed === undefined) {

package/lib/cjs/components/button/fixtures/comp1.d.ts

@@ -0,0 +1,15 @@
+declare namespace _default {
+    let type: string;
+    let theme: string;
+    let disableOnInvalid: boolean;
+    let action: string;
+    let block: boolean;
+    let rightIcon: string;
+    let leftIcon: string;
+    let size: string;
+    let key: string;
+    let tableView: boolean;
+    let label: string;
+    let input: boolean;
+}
+export default _default;

package/lib/cjs/components/button/fixtures/comp1.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    'type': 'button',
+    'theme': 'primary',
+    'disableOnInvalid': false,
+    'action': 'submit',
+    'block': false,
+    'rightIcon': '',
+    'leftIcon': '',
+    'size': 'md',
+    'key': 'submit',
+    'tableView': false,
+    'label': 'Submit',
+    'input': true
+};