@formio/js 5.0.0-rc.54 → 5.0.0-rc.55

package/lib/cjs/Wizard.js

@@ -10,20 +10,20 @@ const utils_1 = require("./utils/utils");
 class Wizard extends Webform_1.default {
     /**
      * Constructor for wizard-based forms.
-     * @param {HTMLElement} [element] - The DOM element to place this wizard.
-     * @param {object} [options] - Options object, supported options include:
+     * @param {HTMLElement | object | import('Form').FormOptions} [elementOrOptions] - The DOM element to render this form within or the options to create this form instance.
+     * @param {import('Form').FormOptions} [_options] - The options to create a new form instance.
      *    - breadcrumbSettings.clickable: true (default) - determines if the breadcrumb bar is clickable.
      *    - buttonSettings.show*(Previous, Next, Cancel): true (default) - determines if the button is shown.
      *    - allowPrevious: false (default) - determines if the breadcrumb bar is clickable for visited tabs.
      */
-    constructor() {
+    constructor(elementOrOptions = undefined, _options = undefined) {
         let element, options;
-        if (arguments[0] instanceof HTMLElement || arguments[1]) {
-            element = arguments[0];
-            options = arguments[1] || {};
+        if (elementOrOptions instanceof HTMLElement || options) {
+            element = elementOrOptions;
+            options = _options || {};
         }
         else {
-            options = arguments[0] || {};
+            options = elementOrOptions || {};
         }
         options.display = 'wizard';
         super(element, options);
@@ -89,7 +89,7 @@ class Wizard extends Webform_1.default {
         this.setPristine(true);
     }
     init() {
-        var _a, _b;
+        var _a;
         // Check for and initlize button settings object
         this.options.buttonSettings = lodash_1.default.defaults(this.options.buttonSettings, {
             showPrevious: true,
@@ -97,10 +97,6 @@ class Wizard extends Webform_1.default {
             showSubmit: true,
             showCancel: !this.options.readOnly
         });
-        if (!this.isSecondInit) {
-            this.isClickableDefined = Object.prototype.hasOwnProperty.call((_a = this.options) === null || _a === void 0 ? void 0 : _a.breadcrumbSettings, 'clickable');
-            this.isSecondInit = true;
-        }
         this.options.breadcrumbSettings = lodash_1.default.defaults(this.options.breadcrumbSettings, {
             clickable: true
         });
@@ -108,7 +104,7 @@ class Wizard extends Webform_1.default {
         this.page = 0;
         const onReady = super.init();
         this.setComponentSchema();
-        if ((_b = this.pages) === null || _b === void 0 ? void 0 : _b[this.page]) {
+        if ((_a = this.pages) === null || _a === void 0 ? void 0 : _a[this.page]) {
             this.component = this.pages[this.page].component;
         }
         this.on('subWizardsUpdated', (subForm) => {
@@ -302,7 +298,13 @@ class Wizard extends Webform_1.default {
                 currentPage = page;
             }
         });
-        return this.isClickableDefined ? this.options.breadcrumbSettings.clickable : lodash_1.default.get(currentPage, 'component.breadcrumbClickable', true);
+        if (lodash_1.default.has(currentPage, 'component.breadcrumbClickable')) {
+            return lodash_1.default.get(currentPage, 'component.breadcrumbClickable');
+        }
+        if (lodash_1.default.has(this.options, 'breadcrumbSettings.clickable')) {
+            return this.options.breadcrumbSettings.clickable;
+        }
+        return true;
     }
     isAllowPrevious() {
         let currentPage = null;

package/lib/cjs/WizardBuilder.d.ts

@@ -45,6 +45,6 @@ export default class WizardBuilder extends WebformBuilder {
         key: string;
         components: any[];
     };
-    pasteComponent(component: any): any;
+    pasteComponent(component: any): void;
 }
 import WebformBuilder from './WebformBuilder';

package/lib/cjs/addons/PasswordStrength/PasswordStrengthAddon.d.ts

@@ -23,7 +23,7 @@ export default class PasswordStrengthAddon extends FormioAddon {
                     'margin-bottom': string;
                 };
                 key: string;
-                customConditional(): any;
+                customConditional(): boolean;
                 components: ({
                     type: string;
                     key: any;
@@ -321,7 +321,7 @@ export default class PasswordStrengthAddon extends FormioAddon {
                         'margin-bottom': string;
                     };
                     key: string;
-                    customConditional(): any;
+                    customConditional(): boolean;
                     components: ({
                         type: string;
                         key: any;

package/lib/cjs/addons/PasswordStrength/PasswordStrengthAddon.form.d.ts

@@ -19,7 +19,7 @@ declare const _default: ({
             'margin-bottom': string;
         };
         key: string;
-        customConditional(): any;
+        customConditional(): boolean;
         components: ({
             type: string;
             key: any;
@@ -317,7 +317,7 @@ declare const _default: ({
                 'margin-bottom': string;
             };
             key: string;
-            customConditional(): any;
+            customConditional(): boolean;
             components: ({
                 type: string;
                 key: any;

package/lib/cjs/addons/index.d.ts

@@ -24,7 +24,7 @@ export const editForms: {
                 'margin-bottom': string;
             };
             key: string;
-            customConditional(): any;
+            customConditional(): boolean;
             components: ({
                 type: string;
                 key: any;
@@ -322,7 +322,7 @@ export const editForms: {
                     'margin-bottom': string;
                 };
                 key: string;
-                customConditional(): any;
+                customConditional(): boolean;
                 components: ({
                     type: string;
                     key: any;

package/lib/cjs/components/Components.d.ts

@@ -28,7 +28,7 @@ export default class Components {
                     'margin-bottom': string;
                 };
                 key: string;
-                customConditional(): any;
+                customConditional(): boolean;
                 components: ({
                     type: string;
                     key: any;
@@ -112,7 +112,7 @@ export default class Components {
                     'margin-bottom': string;
                 };
                 key: string;
-                customConditional(): any;
+                customConditional(): boolean;
                 components: ({
                     type: string;
                     key: any;
@@ -195,7 +195,7 @@ export default class Components {
                     'margin-bottom': string;
                 };
                 key: string;
-                customConditional(): any;
+                customConditional(): boolean;
                 components: ({
                     type: string;
                     key: any;
@@ -258,10 +258,11 @@ export default class Components {
     static setComponent(name: any, comp: any): void;
     /**
      * Return a path of component's value.
-     * @param {object} component - The component instance.
+     * @param {Component} component - The component instance.
      * @returns {string} - The component's value path.
      */
-    static getComponentPath(component: object): string;
+    static getComponentPath(component: Component): string;
     static create(component: any, options: any, data: any): any;
 }
 import BaseEditForm from './_classes/component/Component.form';
+import Component from './_classes/component/Component';

package/lib/cjs/components/Components.js

@@ -50,7 +50,7 @@ class Components {
     }
     /**
      * Return a path of component's value.
-     * @param {object} component - The component instance.
+     * @param {Component} component - The component instance.
      * @returns {string} - The component's value path.
      */
     static getComponentPath(component) {
@@ -71,6 +71,7 @@ class Components {
             path += component.component.key;
             return lodash_1.default.trim(path, '.');
         }
+        return path;
     }
     static create(component, options, data) {
         let comp = null;

package/lib/cjs/components/_classes/component/Component.form.d.ts

@@ -1,7 +1,6 @@
 /**
- *
- * @param {...any} extend
+ * The Edit Form function.
+ * @param {...any} extend - The components that extend the edit form.
+ * @returns {import('@formio/core').Component[]} - The edit form components.
  */
-export default function _default(...extend: any[]): {
-    components: any;
-};
+export default function _default(...extend: any[]): import('@formio/core').Component[];

package/lib/cjs/components/_classes/component/Component.form.js

@@ -13,8 +13,9 @@ const Component_edit_validation_1 = __importDefault(require("./editForm/Componen
 const Component_edit_layout_1 = __importDefault(require("./editForm/Component.edit.layout"));
 const utils_1 = __importDefault(require("./editForm/utils"));
 /**
- *
- * @param {...any} extend
+ * The Edit Form function.
+ * @param {...any} extend - The components that extend the edit form.
+ * @returns {import('@formio/core').Component[]} - The edit form components.
  */
 function default_1(...extend) {
     const components = lodash_1.default.cloneDeep([

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

@@ -1022,6 +1022,9 @@ class Component extends Element_1.default {
      * @param {string} [referenceAttributeName] - The attribute name to use for the reference.
      */
     loadRefs(element, refs, referenceAttributeName) {
+        if (!element) {
+            return;
+        }
         for (const ref in refs) {
             const refType = refs[ref];
             const isString = typeof refType === 'string';
@@ -3030,11 +3033,9 @@ class Component extends Element_1.default {
     checkValidity(data = null, dirty = false, row = null, silentCheck = false, errors = []) {
         data = data || this.rootValue;
         row = row || this.data;
-        console.log('Deprecation warning:  Component.checkValidity() will be deprecated in 6.x version of renderer. Use Component.validateComponent instead.');
         return this.checkComponentValidity(data, dirty, row, { silentCheck }, errors);
     }
     checkAsyncValidity(data = null, dirty = false, row = null, silentCheck = false, errors = []) {
-        console.log('Deprecation warning:  Component.checkAsyncValidity() will be deprecated in 6.x version of renderer. Use Component.validateComponent instead.');
         return this.checkComponentValidity(data, dirty, row, { async: true, silentCheck }, errors);
     }
     /**

package/lib/cjs/components/_classes/component/editForm/Component.edit.addons.d.ts

@@ -36,7 +36,7 @@ declare const _default: {
                     'margin-bottom': string;
                 };
                 key: string;
-                customConditional(): any;
+                customConditional(): boolean;
                 components: ({
                     type: string;
                     key: any;
@@ -334,7 +334,7 @@ declare const _default: {
                         'margin-bottom': string;
                     };
                     key: string;
-                    customConditional(): any;
+                    customConditional(): boolean;
                     components: ({
                         type: string;
                         key: any;

package/lib/cjs/components/_classes/component/editForm/Component.edit.conditional.d.ts

@@ -19,7 +19,7 @@ declare const _default: ({
             'margin-bottom': string;
         };
         key: string;
-        customConditional(): any;
+        customConditional(): boolean;
         components: ({
             type: string;
             key: any;

package/lib/cjs/components/_classes/component/editForm/Component.edit.data.d.ts

@@ -19,7 +19,7 @@ declare const _default: ({
             'margin-bottom': string;
         };
         key: string;
-        customConditional(): any;
+        customConditional(): boolean;
         components: ({
             type: string;
             key: any;

package/lib/cjs/components/_classes/component/editForm/Component.edit.validation.d.ts

@@ -64,7 +64,7 @@ declare const _default: ({
     };
     key: string;
     weight: number;
-    customConditional(): any;
+    customConditional(): boolean;
     components: ({
         type: string;
         tag: string;

package/lib/cjs/components/_classes/component/editForm/Component.edit.validation.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const utils_1 = __importDefault(require("./utils"));
-const Evaluator_1 = __importDefault(require("../../../../utils/Evaluator"));
+const Evaluator_1 = require("../../../../utils/Evaluator");
 /* eslint-disable quotes, max-len */
 exports.default = [
     {
@@ -74,7 +74,7 @@ exports.default = [
         key: 'custom-validation-js',
         weight: 300,
         customConditional() {
-            return !Evaluator_1.default.noeval || Evaluator_1.default.protectedEval;
+            return !Evaluator_1.Evaluator.noeval || Evaluator_1.Evaluator.protectedEval;
         },
         components: [
             utils_1.default.logicVariablesTable('<tr><th>input</th><td>The value that was input into this component</td></tr>'),

package/lib/cjs/components/_classes/component/editForm/utils.d.ts

@@ -28,7 +28,7 @@ declare namespace EditFormUtils {
                 'margin-bottom': string;
             };
             key: string;
-            customConditional(): any;
+            customConditional(): boolean;
             components: ({
                 type: string;
                 key: any;

package/lib/cjs/components/_classes/component/editForm/utils.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const lodash_1 = __importDefault(require("lodash"));
-const Evaluator_1 = __importDefault(require("../../../../utils/Evaluator"));
+const Evaluator_1 = require("../../../../utils/Evaluator");
 const EditFormUtils = {
     sortAndFilterComponents(components) {
         return lodash_1.default.filter(lodash_1.default.sortBy(components, 'weight'), (item) => !item.ignore);
@@ -72,7 +72,7 @@ const EditFormUtils = {
                 style: { 'margin-bottom': '10px' },
                 key: `${property}-js`,
                 customConditional() {
-                    return !Evaluator_1.default.noeval || Evaluator_1.default.protectedEval;
+                    return !Evaluator_1.Evaluator.noeval || Evaluator_1.Evaluator.protectedEval;
                 },
                 components: [
                     {

package/lib/cjs/components/_classes/list/ListComponent.d.ts

@@ -1,9 +1,9 @@
 export default class ListComponent extends Field {
     get isSelectURL(): boolean;
     get selectData(): any;
-    get shouldLoad(): any;
+    get shouldLoad(): boolean;
     getTemplateKeys(): void;
-    templateKeys: any[] | undefined;
+    templateKeys: string[] | undefined;
     get requestHeaders(): any;
     setItems(): void;
     updateCustomItems(): void;

package/lib/cjs/components/_classes/list/ListComponent.form.d.ts

@@ -1,6 +1,6 @@
 /**
- * List Component edit form.
- * @param {...any} extend - The extended schema.
- * @returns {object} - The List Component edit form.
+ * The Edit Form function.
+ * @param {...any} extend - The components that extend the edit form.
+ * @returns {import('@formio/core').Component[]} - The edit form components.
  */
-export default function _default(...extend: any[]): object;
+export default function _default(...extend: any[]): import('@formio/core').Component[];

package/lib/cjs/components/_classes/list/ListComponent.form.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Components_1 = __importDefault(require("../../Components"));
 const ListComponent_edit_data_1 = __importDefault(require("./editForm/ListComponent.edit.data"));
 /**
- * List Component edit form.
- * @param {...any} extend - The extended schema.
- * @returns {object} - The List Component edit form.
+ * The Edit Form function.
+ * @param {...any} extend - The components that extend the edit form.
+ * @returns {import('@formio/core').Component[]} - The edit form components.
  */
 function default_1(...extend) {
     return Components_1.default.baseEditForm([

package/lib/cjs/components/_classes/nested/NestedComponent.form.d.ts

@@ -1,7 +1,6 @@
 /**
- *
- * @param {...any} extend
+ * The Edit Form function.
+ * @param {...any} extend - The components that extend the edit form.
+ * @returns {import('@formio/core').Component[]} - The edit form components.
  */
-export default function _default(...extend: any[]): {
-    components: any;
-};
+export default function _default(...extend: any[]): import('@formio/core').Component[];

package/lib/cjs/components/_classes/nested/NestedComponent.form.js

@@ -5,8 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const Components_1 = __importDefault(require("../../Components"));
 /**
- *
- * @param {...any} extend
+ * The Edit Form function.
+ * @param {...any} extend - The components that extend the edit form.
+ * @returns {import('@formio/core').Component[]} - The edit form components.
  */
 function default_1(...extend) {
     return Components_1.default.baseEditForm([

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

@@ -755,12 +755,10 @@ class NestedComponent extends Field_1.default {
      * @returns {boolean} - TRUE if the component is valid.
      */
     checkValidity(data = null, dirty = false, row = null, silentCheck = false, childErrors = []) {
-        console.log('Deprecation warning:  Component.checkValidity() will be deprecated in 6.x version of renderer. Use "validate" method instead.');
         childErrors.push(...this.validate(data, { dirty, silentCheck }));
         return this.checkComponentValidity(data, dirty, row, { dirty, silentCheck }, childErrors) && childErrors.length === 0;
     }
     checkAsyncValidity(data = null, dirty = false, row = null, silentCheck = false) {
-        console.log('Deprecation warning:  Component.checkAsyncValidity() will be deprecated in 6.x version of renderer.');
         return this.ready.then(() => {
             return this.validate(data, { dirty, silentCheck, async: true }).then((childErrors) => {
                 return this.checkComponentValidity(data, dirty, row, { dirty, silentCheck, async: true }, childErrors).then((valid) => {

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

@@ -9,7 +9,7 @@ export default class NestedDataComponent extends NestedComponent {
     everyComponent(fn: any, options?: {}): void;
     /**
      * Get the value of this component.
-     * @returns {*}
+     * @returns {any} - Return the value of this component.
      */
     getValue(): any;
     updateValue(value: any, flags?: {}): boolean;

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

@@ -98,7 +98,7 @@ class NestedDataComponent extends NestedComponent_1.default {
     }
     /**
      * Get the value of this component.
-     * @returns {*}
+     * @returns {any} - Return the value of this component.
      */
     getValue() {
         return this.dataValue;

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

@@ -1,7 +1,6 @@
 /**
- *
- * @param {...any} extend
+ * The Edit Form function.
+ * @param {...any} extend - The components that extend the edit form.
+ * @returns {import('@formio/core').Component[]} - The edit form components.
  */
-export default function _default(...extend: any[]): {
-    components: any;
-};
+export default function _default(...extend: any[]): import('@formio/core').Component[];

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

@@ -8,8 +8,9 @@ const Address_edit_data_1 = __importDefault(require("./editForm/Address.edit.dat
 const Address_edit_display_1 = __importDefault(require("./editForm/Address.edit.display"));
 const Address_edit_provider_1 = __importDefault(require("./editForm/Address.edit.provider"));
 /**
- *
- * @param {...any} extend
+ * The Edit Form function.
+ * @param {...any} extend - The components that extend the edit form.
+ * @returns {import('@formio/core').Component[]} - The edit form components.
  */
 function default_1(...extend) {
     return Components_1.default.baseEditForm([

package/lib/cjs/components/button/Button.form.d.ts

@@ -1,7 +1,6 @@
 /**
- *
- * @param {...any} extend
+ * The Edit Form function.
+ * @param {...any} extend - The components that extend the edit form.
+ * @returns {import('@formio/core').Component[]} - The edit form components.
  */
-export default function _default(...extend: any[]): {
-    components: any;
-};
+export default function _default(...extend: any[]): import('@formio/core').Component[];

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

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Components_1 = __importDefault(require("../Components"));
 const Button_edit_display_1 = __importDefault(require("./editForm/Button.edit.display"));
 /**
- *
- * @param {...any} extend
+ * The Edit Form function.
+ * @param {...any} extend - The components that extend the edit form.
+ * @returns {import('@formio/core').Component[]} - The edit form components.
  */
 function default_1(...extend) {
     return Components_1.default.baseEditForm([

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

@@ -230,8 +230,9 @@ class ButtonComponent extends Field_1.default {
         this.disabled = this.shouldDisabled;
         this.setDisabled(this.refs.button, this.disabled);
         /**
-         *
-         * @param name
+         * Get url parameter by name
+         * @param {string} name - The url parameter
+         * @returns {string} - The url parameter value
          */
         function getUrlParameter(name) {
             name = name.replace(/[[]/, '\\[').replace(/[\]]/, '\\]');

package/lib/cjs/components/checkbox/Checkbox.form.d.ts

@@ -1,7 +1,6 @@
 /**
- *
- * @param {...any} extend
+ * The Edit Form function.
+ * @param {...any} extend - The components that extend the edit form.
+ * @returns {import('@formio/core').Component[]} - The edit form components.
  */
-export default function _default(...extend: any[]): {
-    components: any;
-};
+export default function _default(...extend: any[]): import('@formio/core').Component[];

package/lib/cjs/components/checkbox/Checkbox.form.js

@@ -8,8 +8,9 @@ const Checkbox_edit_data_1 = __importDefault(require("./editForm/Checkbox.edit.d
 const Checkbox_edit_display_1 = __importDefault(require("./editForm/Checkbox.edit.display"));
 const Checkbox_edit_validation_1 = __importDefault(require("./editForm/Checkbox.edit.validation"));
 /**
- *
- * @param {...any} extend
+ * The Edit Form function.
+ * @param {...any} extend - The components that extend the edit form.
+ * @returns {import('@formio/core').Component[]} - The edit form components.
  */
 function default_1(...extend) {
     return Components_1.default.baseEditForm([

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

@@ -179,15 +179,8 @@ class CheckBoxComponent extends Field_1.default {
         return value;
     }
     setValue(value, flags = {}) {
-        if (this.setCheckedState(value) !== undefined ||
-            (!this.input && value !== undefined && (this.visible || this.conditionallyVisible() || !this.component.clearOnHide))) {
-            const changed = this.updateValue(value, flags);
-            if (this.isHtmlRenderMode() && flags && flags.fromSubmission && changed) {
-                this.redraw();
-            }
-            return changed;
-        }
-        return false;
+        this.setCheckedState(value);
+        return super.setValue(value, flags);
     }
     getValueAsString(value) {
         const { name: componentName, value: componentValue } = this.component;

package/lib/cjs/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/cjs/components/checkbox/fixtures/comp5.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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
+        },
+    ]
+};