@formio/js 5.1.0-dev.6050.f1c0fbe → 5.1.0-dev.6053.1bce8e0

package/lib/cjs/components/address/Address.d.ts

@@ -43,14 +43,6 @@ export default class AddressComponent extends ContainerComponent {
     isValueInLegacyFormat(value: any): any;
     normalizeValue(value: any): any;
     get modeSwitcher(): any;
-    get providerOptions(): {
-        params: any;
-        url: any;
-        queryProperty: any;
-        responseProperty: any;
-        displayValueProperty: any;
-        autocompleteOptions: any;
-    };
     get removeValueIcon(): any;
     get searchInput(): any;
     get addRowButton(): any;

package/lib/cjs/components/address/Address.js

@@ -26,6 +26,7 @@ class AddressComponent extends Container_1.default {
             key: 'address',
             switchToManualModeLabel: 'Can\'t find address? Switch to manual mode.',
             provider: '',
+            providerOptions: {},
             manualModeViewString: '',
             hideLabel: false,
             disableClearIcon: false,
@@ -115,20 +116,20 @@ class AddressComponent extends Container_1.default {
             NestedComponent_1.default.prototype.addComponents.call(this, this.manualMode ? this.address : {});
         }
         Field_1.default.prototype.init.call(this);
-        let provider = this.component.provider;
-        const providerOptions = this.providerOptions;
-        const map = this.component.map;
         if (!this.builderMode) {
-            if (provider) {
+            if (this.component.provider) {
+                const { provider, providerOptions, } = this.component;
                 if (lodash_1.default.get(providerOptions, 'params.subscriptionKey')) {
                     lodash_1.default.set(providerOptions, "params['subscription-key']", lodash_1.default.get(providerOptions, 'params.subscriptionKey'));
                     lodash_1.default.unset(providerOptions, 'params.subscriptionKey');
                 }
                 this.provider = this.initializeProvider(provider, providerOptions);
             }
-            else if (map) {
+            else if (this.component.map) {
                 // Fallback to legacy version where Google Maps was the only provider.
-                provider = this.component.provider = GoogleAddressProvider_1.GoogleAddressProvider.name;
+                this.component.provider = GoogleAddressProvider_1.GoogleAddressProvider.name;
+                this.component.providerOptions = this.component.providerOptions || {};
+                const { map, provider, providerOptions, } = this.component;
                 const { key, region, } = map;
                 if (key) {
                     lodash_1.default.set(providerOptions, 'params.key', key);
@@ -261,16 +262,6 @@ class AddressComponent extends Container_1.default {
             ? (this.refs[AddressComponent.modeSwitcherRef] || null)
             : null;
     }
-    get providerOptions() {
-        return {
-            params: Object.assign({ subscriptionKey: this.component.subscriptionKey, key: this.component.apiKey }, this.component.params),
-            url: this.component.url,
-            queryProperty: this.component.queryProperty,
-            responseProperty: this.component.responseProperty,
-            displayValueProperty: this.component.displayValueProperty,
-            autocompleteOptions: this.component.autocompleteOptions
-        };
-    }
     get removeValueIcon() {
         return this.refs
             ? (this.refs[AddressComponent.removeValueIconRef] || null)
@@ -384,8 +375,7 @@ class AddressComponent extends Container_1.default {
         const result = ((this.builderMode || this.manualMode) ? super.attach : Field_1.default.prototype.attach).call(this, element);
         if (!this.builderMode) {
             if (!this.provider && this.component.provider) {
-                const provider = this.component.provider;
-                const providerOptions = this.providerOptions;
+                const { provider, providerOptions, } = this.component;
                 this.provider = this.initializeProvider(provider, providerOptions);
             }
         }

package/lib/cjs/components/address/editForm/Address.edit.provider.js

@@ -31,7 +31,7 @@ exports.default = [
     {
         type: 'textfield',
         input: true,
-        key: "subscriptionKey",
+        key: "providerOptions.params.subscriptionKey",
         label: 'Subscription Key',
         placeholder: 'Enter Subscription Key',
         weight: 10,
@@ -46,7 +46,7 @@ exports.default = [
     {
         type: 'textfield',
         input: true,
-        key: 'url',
+        key: 'providerOptions.url',
         label: 'Url',
         placeholder: 'Enter Url',
         weight: 10,
@@ -61,7 +61,7 @@ exports.default = [
     {
         type: 'textfield',
         input: true,
-        key: 'queryProperty',
+        key: 'providerOptions.queryProperty',
         label: 'Query Property',
         defaultValue: 'query',
         placeholder: 'Enter Query Property',
@@ -74,7 +74,7 @@ exports.default = [
     {
         type: 'textfield',
         input: true,
-        key: 'responseProperty',
+        key: 'providerOptions.responseProperty',
         label: 'Response Property',
         placeholder: 'Enter Response Property',
         weight: 30,
@@ -86,7 +86,7 @@ exports.default = [
     {
         type: 'textfield',
         input: true,
-        key: 'displayValueProperty',
+        key: 'providerOptions.displayValueProperty',
         label: 'Display Value Property',
         placeholder: 'Display Value Property',
         weight: 40,
@@ -98,7 +98,7 @@ exports.default = [
     {
         type: 'textarea',
         input: true,
-        key: 'params',
+        key: 'providerOptions.params',
         label: 'Params',
         placeholder: '{ ... }',
         weight: 50,
@@ -113,7 +113,7 @@ exports.default = [
     {
         type: 'textfield',
         input: true,
-        key: 'apiKey',
+        key: 'providerOptions.params.key',
         label: 'API Key',
         placeholder: 'Enter API Key',
         weight: 10,
@@ -128,7 +128,7 @@ exports.default = [
     {
         type: 'textarea',
         input: true,
-        key: 'autocompleteOptions',
+        key: 'providerOptions.params.autocompleteOptions',
         label: 'Provider options',
         placeholder: 'Enter provider options as JSON object',
         defaultValue: {},

package/lib/cjs/components/select/editForm/Select.edit.data.d.ts

@@ -9,100 +9,16 @@ declare const _default: ({
         custom?: undefined;
     };
     type?: undefined;
+    as?: undefined;
+    editor?: undefined;
     weight?: undefined;
     input?: undefined;
     label?: undefined;
     tooltip?: undefined;
-    conditional?: undefined;
-    as?: undefined;
-    editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
+    conditional?: undefined;
     reorder?: undefined;
-    components?: undefined;
-    dataSrc?: undefined;
-    authenticate?: undefined;
-    template?: undefined;
-    valueProperty?: undefined;
-    clearOnHide?: undefined;
-    lazyLoad?: undefined;
-    skipMerge?: undefined;
-    refreshOn?: undefined;
-    onSetItems?: undefined;
-    onChange?: undefined;
-    placeholder?: undefined;
-    validate?: undefined;
-    delimiter?: undefined;
-    requireDecimal?: undefined;
-    encrypted?: undefined;
-    rows?: undefined;
-    mask?: undefined;
-    tableView?: undefined;
-    alwaysEnabled?: undefined;
-} | {
-    type: string;
-    weight: number;
-    input: boolean;
-    key: string;
-    label: string;
-    tooltip: string;
-    conditional: {
-        json: {
-            '===': (string | {
-                var: string;
-            })[];
-            and?: undefined;
-            in?: undefined;
-        };
-    };
-    data?: undefined;
-    as?: undefined;
-    editor?: undefined;
     defaultValue?: undefined;
-    description?: undefined;
-    reorder?: undefined;
-    components?: undefined;
-    dataSrc?: undefined;
-    authenticate?: undefined;
-    template?: undefined;
-    valueProperty?: undefined;
-    clearOnHide?: undefined;
-    lazyLoad?: undefined;
-    skipMerge?: undefined;
-    refreshOn?: undefined;
-    onSetItems?: undefined;
-    onChange?: undefined;
-    placeholder?: undefined;
-    validate?: undefined;
-    delimiter?: undefined;
-    requireDecimal?: undefined;
-    encrypted?: undefined;
-    rows?: undefined;
-    mask?: undefined;
-    tableView?: undefined;
-    alwaysEnabled?: undefined;
-} | {
-    type: string;
-    as: string;
-    editor: string;
-    weight: number;
-    input: boolean;
-    key: string;
-    label: string;
-    tooltip: string;
-    defaultValue: {};
-    conditional: {
-        json: {
-            '===': (string | {
-                var: string;
-            })[];
-            and?: undefined;
-            in?: undefined;
-        };
-    };
-    data?: undefined;
-    description?: undefined;
-    reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -143,8 +59,8 @@ declare const _default: ({
         };
     };
     data?: undefined;
-    defaultValue?: undefined;
     reorder?: undefined;
+    defaultValue?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -192,9 +108,9 @@ declare const _default: ({
     data?: undefined;
     as?: undefined;
     editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
     reorder?: undefined;
+    defaultValue?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -303,9 +219,9 @@ declare const _default: ({
     };
     as?: undefined;
     editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
     reorder?: undefined;
+    defaultValue?: undefined;
     components?: undefined;
     skipMerge?: undefined;
     refreshOn?: undefined;
@@ -340,8 +256,8 @@ declare const _default: ({
     data?: undefined;
     as?: undefined;
     editor?: undefined;
-    defaultValue?: undefined;
     reorder?: undefined;
+    defaultValue?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -411,9 +327,9 @@ declare const _default: ({
     };
     as?: undefined;
     editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
     reorder?: undefined;
+    defaultValue?: undefined;
     components?: undefined;
     authenticate?: undefined;
     placeholder?: undefined;
@@ -443,12 +359,12 @@ declare const _default: ({
         url?: undefined;
         custom?: undefined;
     };
-    conditional?: undefined;
     as?: undefined;
     editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
+    conditional?: undefined;
     reorder?: undefined;
+    defaultValue?: undefined;
     components?: undefined;
     authenticate?: undefined;
     valueProperty?: undefined;
@@ -475,12 +391,53 @@ declare const _default: ({
     placeholder: string;
     tooltip: string;
     data?: undefined;
-    conditional?: undefined;
     as?: undefined;
     editor?: undefined;
+    description?: undefined;
+    conditional?: undefined;
+    reorder?: undefined;
     defaultValue?: undefined;
+    components?: undefined;
+    dataSrc?: undefined;
+    authenticate?: undefined;
+    template?: undefined;
+    valueProperty?: undefined;
+    clearOnHide?: undefined;
+    lazyLoad?: undefined;
+    skipMerge?: undefined;
+    refreshOn?: undefined;
+    onSetItems?: undefined;
+    onChange?: undefined;
+    validate?: undefined;
+    delimiter?: undefined;
+    requireDecimal?: undefined;
+    encrypted?: undefined;
+    rows?: undefined;
+    mask?: undefined;
+    tableView?: undefined;
+    alwaysEnabled?: undefined;
+} | {
+    type: string;
+    input: boolean;
+    key: string;
+    label: string;
+    tooltip: string;
+    weight: number;
+    conditional: {
+        json: {
+            '===': (string | {
+                var: string;
+            })[];
+            and?: undefined;
+            in?: undefined;
+        };
+    };
+    data?: undefined;
+    as?: undefined;
+    editor?: undefined;
     description?: undefined;
     reorder?: undefined;
+    defaultValue?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -492,6 +449,7 @@ declare const _default: ({
     refreshOn?: undefined;
     onSetItems?: undefined;
     onChange?: undefined;
+    placeholder?: undefined;
     validate?: undefined;
     delimiter?: undefined;
     requireDecimal?: undefined;
@@ -520,8 +478,8 @@ declare const _default: ({
     data?: undefined;
     as?: undefined;
     editor?: undefined;
-    defaultValue?: undefined;
     reorder?: undefined;
+    defaultValue?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -668,8 +626,8 @@ declare const _default: ({
     data?: undefined;
     as?: undefined;
     editor?: undefined;
-    defaultValue?: undefined;
     reorder?: undefined;
+    defaultValue?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -710,9 +668,9 @@ declare const _default: ({
     };
     data?: undefined;
     as?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
     reorder?: undefined;
+    defaultValue?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -759,9 +717,9 @@ declare const _default: ({
     };
     as?: undefined;
     editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
     reorder?: undefined;
+    defaultValue?: undefined;
     components?: undefined;
     authenticate?: undefined;
     template?: undefined;
@@ -831,10 +789,10 @@ declare const _default: ({
     defaultValue: boolean;
     tooltip: string;
     data?: undefined;
-    conditional?: undefined;
     as?: undefined;
     editor?: undefined;
     description?: undefined;
+    conditional?: undefined;
     reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
@@ -927,10 +885,10 @@ declare const _default: ({
     weight: number;
     tooltip: string;
     data?: undefined;
-    conditional?: undefined;
     as?: undefined;
     editor?: undefined;
     description?: undefined;
+    conditional?: undefined;
     reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
@@ -973,9 +931,9 @@ declare const _default: ({
     data?: undefined;
     as?: undefined;
     editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
     reorder?: undefined;
+    defaultValue?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -1003,12 +961,12 @@ declare const _default: ({
     label: string;
     tooltip: string;
     data?: undefined;
-    conditional?: undefined;
     as?: undefined;
     editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
+    conditional?: undefined;
     reorder?: undefined;
+    defaultValue?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -1040,8 +998,8 @@ declare const _default: ({
     tooltip: string;
     defaultValue: {};
     data?: undefined;
-    conditional?: undefined;
     description?: undefined;
+    conditional?: undefined;
     reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
@@ -1069,16 +1027,16 @@ declare const _default: ({
     onChange(context: any): void;
     data?: undefined;
     type?: undefined;
+    as?: undefined;
+    editor?: undefined;
     weight?: undefined;
     input?: undefined;
     label?: undefined;
     tooltip?: undefined;
-    conditional?: undefined;
-    as?: undefined;
-    editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
+    conditional?: undefined;
     reorder?: undefined;
+    defaultValue?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -1150,15 +1108,15 @@ declare const _default: ({
         };
     };
     data?: undefined;
+    as?: undefined;
+    editor?: undefined;
     weight?: undefined;
     input?: undefined;
     label?: undefined;
     tooltip?: undefined;
-    as?: undefined;
-    editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
     reorder?: undefined;
+    defaultValue?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -1184,16 +1142,16 @@ declare const _default: ({
     onChange(context: any): void;
     data?: undefined;
     type?: undefined;
+    as?: undefined;
+    editor?: undefined;
     weight?: undefined;
     input?: undefined;
     label?: undefined;
     tooltip?: undefined;
-    conditional?: undefined;
-    as?: undefined;
-    editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
+    conditional?: undefined;
     reorder?: undefined;
+    defaultValue?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;

package/lib/cjs/components/select/editForm/Select.edit.data.js

@@ -62,42 +62,6 @@ exports.default = [
             ],
         },
     },
-    {
-        type: 'textfield',
-        weight: 10,
-        input: true,
-        key: 'indexeddb.database',
-        label: 'Database name',
-        tooltip: 'The name of the indexeddb database.',
-        conditional: {
-            json: { '===': [{ var: 'data.dataSrc' }, 'indexeddb'] },
-        },
-    },
-    {
-        type: 'textfield',
-        input: true,
-        key: 'indexeddb.table',
-        label: 'Table name',
-        weight: 16,
-        tooltip: 'The name of table in the indexeddb database.',
-        conditional: {
-            json: { '===': [{ var: 'data.dataSrc' }, 'indexeddb'] },
-        }
-    },
-    {
-        type: 'textarea',
-        as: 'json',
-        editor: 'ace',
-        weight: 18,
-        input: true,
-        key: 'indexeddb.filter',
-        label: 'Row Filter',
-        tooltip: 'Filter table items that match the object.',
-        defaultValue: {},
-        conditional: {
-            json: { '===': [{ var: 'data.dataSrc' }, 'indexeddb'] },
-        },
-    },
     {
         type: 'textarea',
         as: 'json',

package/lib/mjs/components/address/Address.d.ts

@@ -43,14 +43,6 @@ export default class AddressComponent extends ContainerComponent {
     isValueInLegacyFormat(value: any): any;
     normalizeValue(value: any): any;
     get modeSwitcher(): any;
-    get providerOptions(): {
-        params: any;
-        url: any;
-        queryProperty: any;
-        responseProperty: any;
-        displayValueProperty: any;
-        autocompleteOptions: any;
-    };
     get removeValueIcon(): any;
     get searchInput(): any;
     get addRowButton(): any;

package/lib/mjs/components/address/Address.js

@@ -20,6 +20,7 @@ export default class AddressComponent extends ContainerComponent {
             key: 'address',
             switchToManualModeLabel: 'Can\'t find address? Switch to manual mode.',
             provider: '',
+            providerOptions: {},
             manualModeViewString: '',
             hideLabel: false,
             disableClearIcon: false,
@@ -112,20 +113,20 @@ export default class AddressComponent extends ContainerComponent {
             NestedComponent.prototype.addComponents.call(this, this.manualMode ? this.address : {});
         }
         Field.prototype.init.call(this);
-        let provider = this.component.provider;
-        const providerOptions = this.providerOptions;
-        const map = this.component.map;
         if (!this.builderMode) {
-            if (provider) {
+            if (this.component.provider) {
+                const { provider, providerOptions, } = this.component;
                 if (_.get(providerOptions, 'params.subscriptionKey')) {
                     _.set(providerOptions, "params['subscription-key']", _.get(providerOptions, 'params.subscriptionKey'));
                     _.unset(providerOptions, 'params.subscriptionKey');
                 }
                 this.provider = this.initializeProvider(provider, providerOptions);
             }
-            else if (map) {
+            else if (this.component.map) {
                 // Fallback to legacy version where Google Maps was the only provider.
-                provider = this.component.provider = GoogleAddressProvider.name;
+                this.component.provider = GoogleAddressProvider.name;
+                this.component.providerOptions = this.component.providerOptions || {};
+                const { map, provider, providerOptions, } = this.component;
                 const { key, region, } = map;
                 if (key) {
                     _.set(providerOptions, 'params.key', key);
@@ -257,16 +258,6 @@ export default class AddressComponent extends ContainerComponent {
             ? (this.refs[AddressComponent.modeSwitcherRef] || null)
             : null;
     }
-    get providerOptions() {
-        return {
-            params: { subscriptionKey: this.component.subscriptionKey, key: this.component.apiKey, ...this.component.params },
-            url: this.component.url,
-            queryProperty: this.component.queryProperty,
-            responseProperty: this.component.responseProperty,
-            displayValueProperty: this.component.displayValueProperty,
-            autocompleteOptions: this.component.autocompleteOptions
-        };
-    }
     get removeValueIcon() {
         return this.refs
             ? (this.refs[AddressComponent.removeValueIconRef] || null)
@@ -380,8 +371,7 @@ export default class AddressComponent extends ContainerComponent {
         const result = ((this.builderMode || this.manualMode) ? super.attach : Field.prototype.attach).call(this, element);
         if (!this.builderMode) {
             if (!this.provider && this.component.provider) {
-                const provider = this.component.provider;
-                const providerOptions = this.providerOptions;
+                const { provider, providerOptions, } = this.component;
                 this.provider = this.initializeProvider(provider, providerOptions);
             }
         }