@formio/js 5.1.0-dev.6053.1bce8e0 → 5.1.0-dev.6054.a33ccd9

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

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

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

@@ -62,6 +62,42 @@ 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/cjs/components/selectboxes/SelectBoxes.js

@@ -64,6 +64,9 @@ class SelectBoxesComponent extends Radio_1.default {
         info.attr.class = 'form-check-input';
         return info;
     }
+    get hasDefaultValue() {
+        return true;
+    }
     get emptyValue() {
         return this.component.values.reduce((prev, value) => {
             if (value.value) {

package/lib/mjs/components/_classes/component/Component.d.ts

@@ -129,16 +129,6 @@ declare class Component extends Element {
      * The reference attribute name for this component
      */
     _referenceAttributeName: string;
-    /**
-     * Sometimes the customDefaultValue does not set the "value" within the script, but is just a script to execute. This
-     * flag is used to determine if the customDefaultValue should be used to set the value of the component or not based on
-     * if there is a "value=" within the script.
-     */
-    shouldSetCustomDefault: any;
-    /**
-     * Same as customDefaultValue, but for calculateValue.
-     */
-    shouldSetCalculatedValue: any;
     triggerChange: (...args: any[]) => any;
     /**
      * Used to trigger a redraw event within this component.
@@ -896,7 +886,12 @@ declare class Component extends Element {
      */
     deleteValue(): void;
     getCustomDefaultValue(defaultValue: any): any;
-    get shouldAddDefaultValue(): any;
+    /**
+     * Returns if a component has a default value set.
+     * @returns {boolean} - TRUE if a default value is set.
+     */
+    get hasDefaultValue(): boolean;
+    get shouldAddDefaultValue(): boolean;
     get defaultValue(): any;
     /**
      * Get the input value of this component.
@@ -1070,6 +1065,7 @@ declare class Component extends Element {
      * @returns {void|boolean} - TRUE if no check should be performed on the component.
      */
     checkData(data?: any, flags?: any, row?: any): void | boolean;
+    checkingData: boolean | undefined;
     checkModal(errors?: any[], dirty?: boolean): void;
     get validationValue(): any;
     isEmpty(value?: any): any;

package/lib/mjs/components/_classes/component/Component.js

@@ -326,22 +326,6 @@ export default class Component extends Element {
          * The reference attribute name for this component
          */
         this._referenceAttributeName = 'ref';
-        /**
-         * Sometimes the customDefaultValue does not set the "value" within the script, but is just a script to execute. This
-         * flag is used to determine if the customDefaultValue should be used to set the value of the component or not based on
-         * if there is a "value=" within the script.
-         */
-        this.shouldSetCustomDefault = true;
-        if (this.component.customDefaultValue && (typeof this.component.customDefaultValue === 'string')) {
-            this.shouldSetCustomDefault = this.component.customDefaultValue.match(/value\s*=/);
-        }
-        /**
-         * Same as customDefaultValue, but for calculateValue.
-         */
-        this.shouldSetCalculatedValue = true;
-        if (this.component.calculateValue && (typeof this.component.calculateValue === 'string')) {
-            this.shouldSetCalculatedValue = this.component.calculateValue.match(/value\s*=/);
-        }
         /**
          * Used to trigger a new change in this component.
          * @type {Function} - Call to trigger a change in this component.
@@ -2521,15 +2505,27 @@ export default class Component extends Element {
     }
     getCustomDefaultValue(defaultValue) {
         if (this.component.customDefaultValue && !this.options.preview) {
-            const customDefaultValue = this.evaluate(this.component.customDefaultValue, { value: '' }, 'value');
-            if (this.shouldSetCustomDefault) {
-                defaultValue = customDefaultValue;
-            }
+            defaultValue = this.evaluate(this.component.customDefaultValue, { value: this.dataValue }, 'value');
         }
         return defaultValue;
     }
+    /**
+     * Returns if a component has a default value set.
+     * @returns {boolean} - TRUE if a default value is set.
+     */
+    get hasDefaultValue() {
+        return this.component.customDefaultValue || (this.component.hasOwnProperty('defaultValue') &&
+            (this.component.defaultValue !== null) &&
+            (this.component.defaultValue !== undefined));
+    }
     get shouldAddDefaultValue() {
-        return !this.options.noDefaults || (this.component.defaultValue && !this.isEmpty(this.component.defaultValue)) || this.component.customDefaultValue;
+        // It should add a default value if...
+        //  1.) Ensure they have not set "noDefaults". If that is true, then will always return false.  AND
+        //  2.) The component is pristine (user has not manually modified it).  AND
+        //  3.) There is a default value setting present and it is not NULL or UNDEFINED.
+        return !this.options.noDefaults && this.pristine && (this.hasDefaultValue ||
+            // Empty strings and booleans are allowed primitives whose defaults are automatically added.
+            (this.emptyValue === '' || (typeof this.emptyValue === 'boolean')));
     }
     get defaultValue() {
         let defaultValue = this.emptyValue;
@@ -2783,7 +2779,7 @@ export default class Component extends Element {
         return value;
     }
     doValueCalculation(dataValue, data, row) {
-        const calculatedValue = this.evaluate(this.component.calculateValue, {
+        return this.evaluate(this.component.calculateValue, {
             value: dataValue,
             data,
             row: row || this.data,
@@ -2791,10 +2787,6 @@ export default class Component extends Element {
                 data: this.rootValue
             }
         }, 'value');
-        if (this.shouldSetCalculatedValue) {
-            return calculatedValue;
-        }
-        return dataValue;
     }
     /* eslint-disable max-statements */
     calculateComponentValue(data, flags, row) {
@@ -3124,6 +3116,14 @@ export default class Component extends Element {
         data = data || this.rootValue;
         flags = flags || {};
         row = row || this.data;
+        // Some components (for legacy reasons) have calls to "checkData" in inappropriate places such
+        // as setValue. Historically, this was bypassed by a series of cached states around the data model
+        // which caused its own problems. We need to ensure that premium and custom components do not fall into 
+        // an infinite loop by only checking this component once.
+        if (this.checkingData) {
+            return;
+        }
+        this.checkingData = true;
         // Needs for Nextgen Rules Engine
         this.resetCaches();
         // Do not trigger refresh if change was triggered on blur event since components with Refresh on Blur have their own listeners
@@ -3137,6 +3137,8 @@ export default class Component extends Element {
         if (this.id !== flags.triggeredComponentId) {
             this.calculateComponentValue(data, flags, row);
         }
+        // We are done checking data.
+        this.checkingData = false;
     }
     checkModal(errors = [], dirty = false) {
         const messages = errors.filter(error => !error.fromServer);

package/lib/mjs/components/_classes/nested/NestedComponent.js

@@ -816,7 +816,7 @@ export default class NestedComponent extends Field {
         else if (value && component.hasValue(value)) {
             return component.setValue(_.get(value, component.key), flags);
         }
-        else if ((!this.rootPristine || component.visible) && component.shouldAddDefaultValue) {
+        else if ((!this.rootPristine || component.visible) && (flags.resetValue || component.shouldAddDefaultValue)) {
             flags.noValidate = !flags.dirty;
             flags.resetValue = true;
             return component.setValue(component.defaultValue, flags);
@@ -826,6 +826,13 @@ export default class NestedComponent extends Field {
         if (!value) {
             return false;
         }
+        // If the value is equal to the empty value, then this means we need to reset the values.
+        if (_.isEqual(value, this.emptyValue)) {
+            // TO-DO: For a future major release, we need to investigate removing the need for the
+            // "resetValue" flag. This seems like a hack that is no longer necessary and the renderer
+            // may behave more deterministically without it.
+            flags.resetValue = true;
+        }
         return this.getComponents().reduce((changed, component) => {
             return this.setNestedValue(component, value, flags, changed) || changed;
         }, false);

package/lib/mjs/components/_classes/nesteddata/NestedDataComponent.d.ts

@@ -3,11 +3,9 @@ export default class NestedDataComponent extends NestedComponent {
     hasChanged(newValue: any, oldValue: any): boolean;
     get allowData(): boolean;
     get emptyValue(): {};
-    get shouldAddDefaultValue(): boolean;
     componentContext(): any;
     getValueAsString(value: any, options: any): string;
     getDataValueAsTable(value: any, options: any): string;
-    everyComponent(fn: any, options?: {}): void;
     /**
      * Get the value of this component.
      * @returns {any} - Return the value of this component.

package/lib/mjs/components/_classes/nesteddata/NestedDataComponent.js

@@ -90,17 +90,6 @@ export default class NestedDataComponent extends NestedComponent {
     `);
         return result;
     }
-    everyComponent(fn, options = {}) {
-        if (options?.email) {
-            if (options.fromRoot) {
-                delete options.fromRoot;
-            }
-            else {
-                return;
-            }
-        }
-        return super.everyComponent(fn, options);
-    }
     /**
      * Get the value of this component.
      * @returns {any} - Return the value of this component.