@formio/js 5.0.0-dev.5647.4cf82e8 → 5.0.0-dev.5650.cd53187

package/lib/mjs/components/selectboxes/SelectBoxes.d.ts

@@ -1,48 +1,11 @@
 export default class SelectBoxesComponent extends RadioComponent {
-    static get serverConditionSettings(): {
-        valueComponent(classComp: any): {
-            type: string;
-            dataSrc: string;
-            valueProperty: string;
-            dataType: string;
-            data: {
-                custom: string;
-            };
-        };
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
-    };
-    static get conditionOperatorsSettings(): {
-        valueComponent(classComp: any): {
-            type: string;
-            dataSrc: string;
-            valueProperty: string;
-            dataType: string;
-            data: {
-                custom: 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[];
     constructor(...args: any[]);
     get emptyValue(): any;
     /**
      * 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?: any): boolean;
     setInputsDisabled(value: any, onlyUnchecked: any): void;

package/lib/mjs/components/selectboxes/SelectBoxes.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/mjs/components/selectboxes/SelectBoxes.form.js

@@ -1,5 +1,10 @@
 import radioEditForm from '../radio/Radio.form';
 import SelectBoxesEditValidation from './editForm/SelectBoxes.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.
+ */
 export default function (...extend) {
     return radioEditForm([
         {

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

@@ -27,15 +27,22 @@ export default class SelectBoxesComponent extends RadioComponent {
         return {
             ...super.conditionOperatorsSettings,
             valueComponent(classComp) {
-                return {
-                    type: 'select',
-                    dataSrc: 'custom',
-                    valueProperty: 'value',
-                    dataType: 'string',
-                    data: {
-                        custom: `values = ${classComp && classComp.values ? JSON.stringify(classComp.values) : []}`
-                    },
-                };
+                const isValuesSrc = !classComp.dataSrc || classComp.dataSrc === 'values';
+                return isValuesSrc
+                    ? {
+                        type: 'select',
+                        dataSrc: 'custom',
+                        valueProperty: 'value',
+                        dataType: 'string',
+                        data: {
+                            custom: `values = ${classComp && classComp.values ? JSON.stringify(classComp.values) : []}`
+                        },
+                    }
+                    : {
+                        ...classComp,
+                        dataType: 'string',
+                        type: 'select',
+                    };
             }
         };
     }
@@ -79,9 +86,8 @@ export default class SelectBoxesComponent extends RadioComponent {
     }
     /**
      * 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;
@@ -105,9 +111,8 @@ export default class SelectBoxesComponent extends RadioComponent {
     }
     /**
      * Normalize values coming into updateValue.
-     *
-     * @param value
-     * @return {*}
+     * @param {any} value - The value to normalize.
+     * @returns {*} - The normalized value
      */
     normalizeValue(value) {
         value = value || {};
@@ -140,9 +145,9 @@ export default class SelectBoxesComponent extends RadioComponent {
     }
     /**
      * 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);
@@ -251,7 +256,7 @@ export default class SelectBoxesComponent extends RadioComponent {
         if (!boolValue(setting) || !value) {
             return true;
         }
-        const values = this.component.values;
+        const values = this.component.dataSrc === 'values' ? this.component.values : this.loadedOptions;
         const availableValueKeys = (values || []).map(({ value: optionValue }) => optionValue);
         const valueKeys = Object.keys(value);
         return valueKeys.every((key) => availableValueKeys.includes(key));

package/lib/mjs/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;

package/lib/mjs/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/mjs/components/signature/Signature.form.js

@@ -2,6 +2,11 @@ import Components from '../Components';
 import SignatureEditData from './editForm/Signature.edit.data';
 import SignatureEditDisplay from './editForm/Signature.edit.display';
 import SignatureEditValidation from './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.
+ */
 export default function (...extend) {
     return Components.baseEditForm([
         {

package/lib/mjs/components/signature/Signature.js

@@ -169,7 +169,7 @@ export default class SignatureComponent extends Input {
         return false;
     }
     getModalPreviewTemplate() {
-        return this.renderTemplate('modalPreview', {
+        return this.renderModalPreview({
             previewText: this.dataValue ?
                 `<img src=${this.dataValue} ${this._referenceAttributeName}='openModal' style="width: 100%;height: 100%;" />` :
                 this.t('Click to Sign')

package/lib/mjs/components/signature/editForm/Signature.edit.display.d.ts

@@ -7,7 +7,6 @@ declare const _default: ({
     placeholder: string;
     weight: number;
     conditional?: undefined;
-    customConditional?: undefined;
     ignore?: undefined;
 } | {
     type: string;
@@ -24,7 +23,6 @@ declare const _default: ({
         };
     };
     weight: number;
-    customConditional?: undefined;
     ignore?: undefined;
 } | {
     weight: number;
@@ -32,9 +30,6 @@ declare const _default: ({
     label: string;
     tooltip: string;
     key: string;
-    customConditional: ({ options }: {
-        options: any;
-    }) => boolean;
     input: boolean;
     placeholder?: undefined;
     conditional?: undefined;
@@ -49,6 +44,5 @@ declare const _default: ({
     placeholder?: undefined;
     weight?: undefined;
     conditional?: undefined;
-    customConditional?: undefined;
 })[];
 export default _default;

package/lib/mjs/components/signature/editForm/Signature.edit.display.js

@@ -37,7 +37,6 @@ export default [
         label: 'Keep Overlay Aspect Ratio',
         tooltip: 'If checked, the field will have the same aspect ratio as its preview.',
         key: 'keepOverlayRatio',
-        customConditional: ({ options }) => (options?.editForm?.display === 'pdf'),
         input: true
     },
     {

package/lib/mjs/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/mjs/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/mjs/components/survey/Survey.form.js

@@ -2,6 +2,11 @@ import Components from '../Components';
 import SurveyEditData from './editForm/Survey.edit.data';
 import SurveyEditDisplay from './editForm/Survey.edit.display';
 import SurveyEditValidation from './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.
+ */
 export default function (...extend) {
     return Components.baseEditForm([
         {

package/lib/mjs/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/mjs/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/mjs/components/table/Table.form.js

@@ -1,5 +1,10 @@
 import nestedComponentForm from '../_classes/nested/NestedComponent.form';
 import TableEditDisplay from './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.
+ */
 export default function (...extend) {
     return nestedComponentForm([
         {

package/lib/mjs/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/mjs/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/mjs/components/tabs/Tabs.form.js

@@ -1,5 +1,10 @@
 import nestedComponentForm from '../_classes/nested/NestedComponent.form';
 import TabsEditDisplay from './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.
+ */
 export default function (...extend) {
     return nestedComponentForm([
         {

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

@@ -107,8 +107,7 @@ export default class TabsComponent extends NestedComponent {
     }
     /**
      * 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/mjs/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/mjs/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/mjs/components/tags/Tags.form.js

@@ -1,5 +1,10 @@
 import Components from '../Components';
 import TagsEditData from './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.
+ */
 export default function (...extend) {
     return Components.baseEditForm([
         {

package/lib/mjs/components/tags/Tags.js

@@ -116,12 +116,12 @@ export default class TagsComponent extends Input {
     }
     normalizeValue(value) {
         if (this.component.storeas === 'string' && Array.isArray(value)) {
-            return value.join(this.delimiter);
+            return super.normalizeValue(value.join(this.delimiter));
         }
         else if (this.component.storeas === 'array' && typeof value === 'string') {
-            return value.split(this.delimiter).filter(result => result);
+            return super.normalizeValue(value.split(this.delimiter).filter(result => result));
         }
-        return value;
+        return super.normalizeValue(value);
     }
     setValue(value, flags = {}) {
         const changed = super.setValue(value, flags);

package/lib/mjs/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;
@@ -19,17 +19,19 @@ export default class TextAreaComponent extends TextFieldComponent {
     setContent(element: any, content: any, forceSanitize: any): void;
     setReadOnlyValue(value: any, index: any): void;
     get isJsonValue(): any;
+    /**
+   * Normalize values coming into updateValue. For example, depending on the configuration, string value `"true"` will be normalized to boolean `true`.
+   * @param {*} value - The value to normalize
+   * @returns {*} - Returns the normalized value
+   */
+    normalizeValue(value: any): any;
+    normalizeSingleValue(value: any): any;
     setConvertedValue(value: any, index: any): any;
     setAsyncConvertedValue(value: any): Promise<any>;
     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/mjs/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/mjs/components/textarea/TextArea.form.js

@@ -1,6 +1,11 @@
 import textEditForm from '../textfield/TextField.form';
 import TextAreaEditDisplay from './editForm/TextArea.edit.display';
 import TextAreaEditValidation from './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.
+ */
 export default function (...extend) {
     return textEditForm([
         {

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

@@ -77,8 +77,8 @@ export default class TextAreaComponent extends TextFieldComponent {
     }
     /**
      * 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));
@@ -304,6 +304,26 @@ export default class TextAreaComponent extends TextFieldComponent {
     get isJsonValue() {
         return this.component.as && this.component.as === 'json';
     }
+    /**
+   * Normalize values coming into updateValue. For example, depending on the configuration, string value `"true"` will be normalized to boolean `true`.
+   * @param {*} value - The value to normalize
+   * @returns {*} - Returns the normalized value
+   */
+    normalizeValue(value) {
+        if (this.component.multiple && Array.isArray(value)) {
+            return value.map((singleValue) => this.normalizeSingleValue(singleValue));
+        }
+        return super.normalizeValue(this.normalizeSingleValue(value));
+    }
+    normalizeSingleValue(value) {
+        if (_.isNil(value)) {
+            return;
+        }
+        return this.isJsonValue ? value : String(value);
+    }
+    isSingleInputValue() {
+        return !this.component.multiple;
+    }
     setConvertedValue(value, index) {
         if (this.isJsonValue && !_.isNil(value)) {
             try {

package/lib/mjs/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/mjs/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[];