@formio/js 5.0.0-dev.5651.a930364 → 5.0.0-dev.5654.e25521b

package/lib/cjs/components/selectboxes/SelectBoxes.js

@@ -81,9 +81,8 @@ class SelectBoxesComponent extends Radio_1.default {
     }
     /**
      * Only empty if the values are all false.
-     *
-     * @param value
-     * @return {boolean}
+     * @param {any} value - The value to check if empty.
+     * @returns {boolean} - If the value is empty.
      */
     isEmpty(value = this.dataValue) {
         let empty = true;
@@ -107,9 +106,8 @@ class SelectBoxesComponent extends Radio_1.default {
     }
     /**
      * Normalize values coming into updateValue.
-     *
-     * @param value
-     * @return {*}
+     * @param {any} value - The value to normalize.
+     * @returns {*} - The normalized value
      */
     normalizeValue(value) {
         value = value || {};
@@ -142,9 +140,9 @@ class SelectBoxesComponent extends Radio_1.default {
     }
     /**
      * Set the value of this component.
-     *
-     * @param value
-     * @param flags
+     * @param {any} value - The value to set.
+     * @param {any} flags - Flags to apply to this update.
+     * @returns {boolean} - If the value has changed.
      */
     setValue(value, flags = {}) {
         const changed = this.updateValue(value, flags);

package/lib/cjs/components/signature/Signature.d.ts

@@ -9,23 +9,9 @@ export default class SignatureComponent extends Input {
     };
     static get serverConditionSettings(): {
         operators: string[];
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
     };
     static get conditionOperatorsSettings(): {
         operators: string[];
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
     };
     static savedValueTypes(schema: any): string[];
     currentWidth: any;
@@ -36,6 +22,7 @@ export default class SignatureComponent extends Input {
     showCanvas(show: any): void;
     onDisabled(): void;
     checkSize(force: any, scale: any): void;
+    getModalPreviewTemplate(): any;
     signaturePad: SignaturePad | null | undefined;
     observer: any;
     getValueAsString(value: any): "" | "Yes" | "No";

package/lib/cjs/components/signature/Signature.form.d.ts

@@ -1,3 +1,6 @@
-export default function _default(...extend: any[]): {
-    components: any;
-};
+/**
+ * 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[]): import('@formio/core').Component[];

package/lib/cjs/components/signature/Signature.form.js

@@ -7,6 +7,11 @@ const Components_1 = __importDefault(require("../Components"));
 const Signature_edit_data_1 = __importDefault(require("./editForm/Signature.edit.data"));
 const Signature_edit_display_1 = __importDefault(require("./editForm/Signature.edit.display"));
 const Signature_edit_validation_1 = __importDefault(require("./editForm/Signature.edit.validation"));
+/**
+ * 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/survey/Survey.d.ts

@@ -9,29 +9,17 @@ export default class SurveyComponent extends Field {
     };
     static get serverConditionSettings(): {
         operators: string[];
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
     };
     static get conditionOperatorsSettings(): {
         operators: string[];
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
     };
     static savedValueTypes(schema: any): string[];
-    render(): any;
+    render(): Field;
+    attach(element: any): Promise<void>;
     setValue(value: any, flags?: {}): boolean;
     get emptyValue(): {};
     validateRequired(setting: any, value: any): any;
     getInputName(question: any): string;
+    getValueAsString(value: any, options: any): any;
 }
 import Field from '../_classes/field/Field';

package/lib/cjs/components/survey/Survey.form.d.ts

@@ -1,3 +1,6 @@
-export default function _default(...extend: any[]): {
-    components: any;
-};
+/**
+ * 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[]): import('@formio/core').Component[];

package/lib/cjs/components/survey/Survey.form.js

@@ -7,6 +7,11 @@ const Components_1 = __importDefault(require("../Components"));
 const Survey_edit_data_1 = __importDefault(require("./editForm/Survey.edit.data"));
 const Survey_edit_display_1 = __importDefault(require("./editForm/Survey.edit.display"));
 const Survey_edit_validation_1 = __importDefault(require("./editForm/Survey.edit.validation"));
+/**
+ * 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/table/Table.d.ts

@@ -13,11 +13,12 @@ export default class TableComponent extends NestedComponent {
     };
     static savedValueTypes(): never[];
     constructor(...args: any[]);
+    get schema(): any;
     get cellClassName(): string;
     get tableKey(): string;
     get colWidth(): string;
     noField: boolean;
     table: any[] | undefined;
-    render(): any;
+    render(): import("../_classes/field/Field").default;
 }
 import NestedComponent from '../_classes/nested/NestedComponent';

package/lib/cjs/components/table/Table.form.d.ts

@@ -1,3 +1,6 @@
-export default function _default(...extend: any[]): {
-    components: any;
-};
+/**
+ * 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[]): import('@formio/core').Component[];

package/lib/cjs/components/table/Table.form.js

@@ -5,6 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const NestedComponent_form_1 = __importDefault(require("../_classes/nested/NestedComponent.form"));
 const Table_edit_display_1 = __importDefault(require("./editForm/Table.edit.display"));
+/**
+ * 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 (0, NestedComponent_form_1.default)([
         {

package/lib/cjs/components/tabs/Tabs.d.ts

@@ -16,15 +16,15 @@ export default class TabsComponent extends NestedComponent {
     currentTab: number;
     noField: boolean;
     tabs: any[] | undefined;
-    render(): any;
+    render(): import("../_classes/field/Field").default;
     detach(all: any): void;
     /**
      * Set the current tab.
-     *
-     * @param index
+     * @param {number} index - The index of the tab to set.
      */
-    setTab(index: any): void;
+    setTab(index: number): void;
     beforeFocus(component: any): void;
+    setErrorClasses(elements: any, dirty: any, hasErrors: any, hasMessages: any, element?: any): void;
     handleTabsValidation(): void;
 }
 import NestedComponent from '../_classes/nested/NestedComponent';

package/lib/cjs/components/tabs/Tabs.form.d.ts

@@ -1,3 +1,6 @@
-export default function _default(...extend: any[]): {
-    components: any;
-};
+/**
+ * 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[]): import('@formio/core').Component[];

package/lib/cjs/components/tabs/Tabs.form.js

@@ -5,6 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const NestedComponent_form_1 = __importDefault(require("../_classes/nested/NestedComponent.form"));
 const Tabs_edit_display_1 = __importDefault(require("./editForm/Tabs.edit.display"));
+/**
+ * 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 (0, NestedComponent_form_1.default)([
         {

package/lib/cjs/components/tabs/Tabs.js

@@ -112,8 +112,7 @@ class TabsComponent extends NestedComponent_1.default {
     }
     /**
      * Set the current tab.
-     *
-     * @param index
+     * @param {number} index - The index of the tab to set.
      */
     setTab(index) {
         if (!this.tabs || !this.tabs[index] || !this.refs[this.tabKey] || !this.refs[this.tabKey][index]) {

package/lib/cjs/components/tags/Tags.d.ts

@@ -9,23 +9,9 @@ export default class TagsComponent extends Input {
     };
     static get serverConditionSettings(): {
         operators: any[];
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
     };
     static get conditionOperatorsSettings(): {
         operators: any[];
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
     };
     static savedValueTypes(schema: any): any[];
     get emptyValue(): "" | never[];

package/lib/cjs/components/tags/Tags.form.d.ts

@@ -1,3 +1,6 @@
-export default function _default(...extend: any[]): {
-    components: any;
-};
+/**
+ * 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[]): import('@formio/core').Component[];

package/lib/cjs/components/tags/Tags.form.js

@@ -5,6 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const Components_1 = __importDefault(require("../Components"));
 const Tags_edit_data_1 = __importDefault(require("./editForm/Tags.edit.data"));
+/**
+ * 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/textarea/TextArea.d.ts

@@ -5,10 +5,10 @@ export default class TextAreaComponent extends TextFieldComponent {
     get autoExpand(): any;
     /**
      * Updates the editor value.
-     *
-     * @param newValue
+     * @param {number} index - The index of the editor.
+     * @param {any} newValue - The new editor value.
      */
-    updateEditorValue(index: any, newValue: any): void;
+    updateEditorValue(index: number, newValue: any): void;
     autoModified: boolean | undefined;
     attachElement(element: any, index: any): any;
     imageHandler(moduleInstance: any, range: any, files: any): void;
@@ -24,12 +24,7 @@ export default class TextAreaComponent extends TextFieldComponent {
     setImagesUrl(images: any): Promise<any>;
     addAutoExpanding(textarea: any, index: any): void;
     trimBlanks(value: any): any;
-    onChange(flags: any, fromRoot: any): {
-        instance: this;
-        component: any;
-        value: any;
-        flags: any;
-    };
+    onChange(flags: any, fromRoot: any): boolean;
     hasChanged(newValue: any, oldValue: any): boolean;
     getConvertedValue(value: any): any;
     focus(): void;

package/lib/cjs/components/textarea/TextArea.form.d.ts

@@ -1,3 +1,6 @@
-export default function _default(...extend: any[]): {
-    components: any;
-};
+/**
+ * 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[]): import('@formio/core').Component[];

package/lib/cjs/components/textarea/TextArea.form.js

@@ -6,6 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const TextField_form_1 = __importDefault(require("../textfield/TextField.form"));
 const TextArea_edit_display_1 = __importDefault(require("./editForm/TextArea.edit.display"));
 const TextArea_edit_validation_1 = __importDefault(require("./editForm/TextArea.edit.validation"));
+/**
+ * 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 (0, TextField_form_1.default)([
         {

package/lib/cjs/components/textarea/TextArea.js

@@ -82,8 +82,8 @@ class TextAreaComponent extends TextField_1.default {
     }
     /**
      * Updates the editor value.
-     *
-     * @param newValue
+     * @param {number} index - The index of the editor.
+     * @param {any} newValue - The new editor value.
      */
     updateEditorValue(index, newValue) {
         newValue = this.getConvertedValue(this.trimBlanks(newValue));

package/lib/cjs/components/textfield/TextField.d.ts

@@ -10,55 +10,39 @@ export default class TextFieldComponent extends Input {
     static get serverConditionSettings(): {
         operators: any[];
         valueComponent(classComp: any): any;
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
     };
     static get conditionOperatorsSettings(): {
         operators: any[];
         valueComponent(classComp: any): any;
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
     };
     static savedValueTypes(schema: any): string[];
     get emptyValue(): string;
     /**
-     * Returns the mask value object.
-     *
-     * @param value
-     * @param flags
-     * @return {*}
+     * Returns the mask value object (mutates value!).
+     * @param {any} [value] - The value to convert to a mask value.
+     * @param {any} [flags] - The flags to use when converting to a mask value.
+     * @returns {*} - The value as a mask value.
      */
-    maskValue(value: any, flags?: {}): any;
+    maskValue(value?: any, flags?: any): any;
     /**
      * Normalize the value set in the data object.
-     *
-     * @param value
-     * @param flags
-     * @return {*}
+     * @param {any} value - The value to normalize.
+     * @param {any} flags - The flags to use when normalizing the value.
+     * @returns {*} - Returns the normalized value.
      */
-    normalizeValue(value: any, flags?: {}): any;
-    unmaskValue(value: any, format?: any): any;
+    normalizeValue(value: any, flags?: any): any;
+    unmaskValue(value: any, format?: any): string;
     /**
      * Returns the value at this index.
-     *
-     * @param index
-     * @return {*}
+     * @param {number} index - The index to get the value from.
+     * @returns {*} - The value at the index.
      */
-    getValueAt(index: any): any;
+    getValueAt(index: number): any;
     checkInputMaskValue(inputMask: any): boolean;
     setInputMask(input: any, inputMask: any, usePlaceholder: any): void;
     isHtmlRenderMode(): any;
     truncateMultipleSpaces(value: any): any;
     beforeSubmit(): Promise<any>;
+    getValueAsString(value: any, options: any): string;
 }
 import Input from '../_classes/input/Input';

package/lib/cjs/components/textfield/TextField.form.d.ts

@@ -1,3 +1,6 @@
-export default function _default(...extend: any[]): {
-    components: any;
-};
+/**
+ * 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[]): import('@formio/core').Component[];

package/lib/cjs/components/textfield/TextField.form.js

@@ -7,6 +7,11 @@ const Components_1 = __importDefault(require("../Components"));
 const TextField_edit_data_1 = __importDefault(require("./editForm/TextField.edit.data"));
 const TextField_edit_display_1 = __importDefault(require("./editForm/TextField.edit.display"));
 const TextField_edit_validation_1 = __importDefault(require("./editForm/TextField.edit.validation"));
+/**
+ * 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/textfield/TextField.js

@@ -111,11 +111,10 @@ class TextFieldComponent extends Input_1.default {
         return super.attach(element);
     }
     /**
-     * Returns the mask value object.
-     *
-     * @param value
-     * @param flags
-     * @return {*}
+     * Returns the mask value object (mutates value!).
+     * @param {any} [value] - The value to convert to a mask value.
+     * @param {any} [flags] - The flags to use when converting to a mask value.
+     * @returns {*} - The value as a mask value.
      */
     maskValue(value, flags = {}) {
         // Convert it into the correct format.
@@ -134,10 +133,9 @@ class TextFieldComponent extends Input_1.default {
     }
     /**
      * Normalize the value set in the data object.
-     *
-     * @param value
-     * @param flags
-     * @return {*}
+     * @param {any} value - The value to normalize.
+     * @param {any} flags - The flags to use when normalizing the value.
+     * @returns {*} - Returns the normalized value.
      */
     normalizeValue(value, flags = {}) {
         if (!this.isMultipleMasksField) {
@@ -150,10 +148,10 @@ class TextFieldComponent extends Input_1.default {
     }
     /**
      * Sets the value at this index.
-     *
-     * @param index
-     * @param value
-     * @param flags
+     * @param {number} index - The index to set the value at.
+     * @param {any} value - The value to set.
+     * @param {any} [flags] - The flags to use when setting the value.
+     * @returns {void}
      */
     setValueAt(index, value, flags = {}) {
         if (!this.isMultipleMasksField) {
@@ -165,6 +163,9 @@ class TextFieldComponent extends Input_1.default {
         const maskInput = this.refs.select ? this.refs.select[index] : null;
         const mask = this.getMaskPattern(value.maskName);
         if (textInput && maskInput && mask) {
+            // We need to set the maskInput (select dropdown) value before calling inputmask.setValue because, this
+            // function will trigger a "change" event, which was calling updateValue setting the mask type to an incorrect value.
+            maskInput.value = value.maskName;
             if (textInput.inputmask) {
                 this.setInputMask(textInput, mask);
                 textInput.inputmask.setValue(textValue);
@@ -173,7 +174,6 @@ class TextFieldComponent extends Input_1.default {
                 const placeholderChar = this.placeholderChar;
                 textInput.value = (0, vanilla_text_mask_1.conformToMask)(textValue, FormioUtils.getInputMask(mask), { placeholderChar }).conformedValue;
             }
-            maskInput.value = value.maskName;
         }
         else {
             return super.setValueAt(index, textValue, flags);
@@ -185,9 +185,8 @@ class TextFieldComponent extends Input_1.default {
     }
     /**
      * Returns the value at this index.
-     *
-     * @param index
-     * @return {*}
+     * @param {number} index - The index to get the value from.
+     * @returns {*} - The value at the index.
      */
     getValueAt(index) {
         var _a, _b;

package/lib/cjs/components/time/Time.form.d.ts

@@ -1,3 +1,6 @@
-export default function _default(...extend: any[]): {
-    components: any;
-};
+/**
+ * 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[]): import('@formio/core').Component[];

package/lib/cjs/components/time/Time.form.js

@@ -6,6 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Component_form_1 = __importDefault(require("../_classes/component/Component.form"));
 const Time_edit_data_1 = __importDefault(require("./editForm/Time.edit.data"));
 const Time_edit_display_1 = __importDefault(require("./editForm/Time.edit.display"));
+/**
+ * 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 (0, Component_form_1.default)([
         {

package/lib/cjs/components/unknown/Unknown.form.d.ts

@@ -1,34 +1,5 @@
-export default function _default(): {
-    components: {
-        type: string;
-        key: string;
-        components: {
-            label: string;
-            key: string;
-            weight: number;
-            components: ({
-                key: string;
-                label: string;
-                input: boolean;
-                tag: string;
-                content: string;
-                type: string;
-                weight: number;
-                as?: undefined;
-                editor?: undefined;
-                tooltip?: undefined;
-            } | {
-                type: string;
-                as: string;
-                editor: string;
-                weight: number;
-                input: boolean;
-                key: string;
-                label: string;
-                tooltip: string;
-                tag?: undefined;
-                content?: undefined;
-            })[];
-        }[];
-    }[];
-};
+/**
+ * Unknown Component schema.
+ * @returns {object} - The Unknown Component edit form.
+ */
+export default function _default(): object;

package/lib/cjs/components/unknown/Unknown.form.js

@@ -4,6 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const Unknown_edit_display_1 = __importDefault(require("./editForm/Unknown.edit.display"));
+/**
+ * Unknown Component schema.
+ * @returns {object} - The Unknown Component edit form.
+ */
 function default_1() {
     return {
         components: [

package/lib/cjs/components/url/Url.form.d.ts

@@ -1,3 +1,6 @@
-export default function _default(...extend: any[]): {
-    components: any;
-};
+/**
+ * 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[]): import('@formio/core').Component[];

package/lib/cjs/components/url/Url.form.js

@@ -7,6 +7,11 @@ const TextField_form_1 = __importDefault(require("../textfield/TextField.form"))
 const Url_edit_display_1 = __importDefault(require("./editForm/Url.edit.display"));
 const Url_edit_data_1 = __importDefault(require("./editForm/Url.edit.data"));
 const Url_edit_validation_1 = __importDefault(require("./editForm/Url.edit.validation"));
+/**
+ * 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 (0, TextField_form_1.default)([
         {

package/lib/cjs/components/well/Well.form.d.ts

@@ -1,3 +1,6 @@
-export default function _default(...extend: any[]): {
-    components: any;
-};
+/**
+ * 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[]): import('@formio/core').Component[];