@formio/js 5.0.0-dev.5636.99a32e6 → 5.0.0-dev.5641.6eb7b96

package/lib/mjs/components/_classes/component/editForm/Component.edit.display.js

@@ -187,13 +187,5 @@ export default [
         key: 'tableView',
         input: true
     },
-    {
-        weight: 1600,
-        type: 'checkbox',
-        label: 'Modal Edit',
-        tooltip: 'Opens up a modal to edit the value of this component.',
-        key: 'modalEdit',
-        input: true
-    },
 ];
 /* eslint-enable max-len */

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

@@ -1,5 +1,5 @@
 import EditFormUtils from './utils';
-import Evaluator from '../../../../utils/Evaluator';
+import { Evaluator } from '../../../../utils/Evaluator';
 /* eslint-disable quotes, max-len */
 export default [
     {

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

@@ -1,5 +1,5 @@
 import _ from 'lodash';
-import Evaluator from '../../../../utils/Evaluator';
+import { Evaluator } from '../../../../utils/Evaluator';
 const EditFormUtils = {
     sortAndFilterComponents(components) {
         return _.filter(_.sortBy(components, 'weight'), (item) => !item.ignore);

package/lib/mjs/components/_classes/field/Field.d.ts

@@ -1,5 +1,14 @@
 export default class Field extends Component {
-    render(element: any): any;
-    saveCaretPosition(element: any, index: any): void;
+    /**
+     * @param {object} element - The component to create.
+     * @returns {Field} - The created field.
+     */
+    render(element: object): Field;
+    /**
+    /* Saves current caret position to restore it after the component is redrawn
+     * @param {HTMLElement} element - The element to save the caret position for.
+     * @param {number} index - The index of the element.
+     */
+    saveCaretPosition(element: HTMLElement, index: number): void;
 }
 import Component from '../component/Component';

package/lib/mjs/components/_classes/field/Field.js

@@ -1,5 +1,13 @@
 import Component from '../component/Component';
+/*
+ * Field class is a base class for all fields.
+ * @extends Component
+ */
 export default class Field extends Component {
+    /**
+     * @param {object} element - The component to create.
+     * @returns {Field} - The created field.
+     */
     render(element) {
         if (this.noField) {
             return super.render(element);
@@ -18,7 +26,11 @@ export default class Field extends Component {
             }));
         }
     }
-    // Saves current caret position to restore it after the component is redrawn
+    /**
+    /* Saves current caret position to restore it after the component is redrawn
+     * @param {HTMLElement} element - The element to save the caret position for.
+     * @param {number} index - The index of the element.
+     */
     saveCaretPosition(element, index) {
         if (this.root?.focusedComponent?.path === this.path) {
             try {

package/lib/mjs/components/_classes/input/Input.d.ts

@@ -30,13 +30,14 @@ export default class Input extends Multivalue {
     updateValue(value: any, flags: any, index: any): boolean;
     parseValue(value: any): any;
     formatValue(value: any): any;
+    attach(element: any): Promise<any>;
     getWidget(index: any): any;
     attachElement(element: any, index: any): Promise<void>;
     /**
      * Creates an instance of a widget for this component.
-     *
-     * @return {null}
+     * @param {number} index - The index of the widget.
+     * @returns {*} - The widget instance.
      */
-    createWidget(index: any): null;
+    createWidget(index: number): any;
 }
 import Multivalue from '../multivalue/Multivalue';

package/lib/mjs/components/_classes/input/Input.js

@@ -239,8 +239,8 @@ export default class Input extends Multivalue {
     }
     /**
      * Creates an instance of a widget for this component.
-     *
-     * @return {null}
+     * @param {number} index - The index of the widget.
+     * @returns {*} - The widget instance.
      */
     createWidget(index) {
         // Return null if no widget is found.

package/lib/mjs/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/mjs/components/_classes/list/ListComponent.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/_classes/list/ListComponent.form.js

@@ -1,5 +1,10 @@
 import Components from '../../Components';
 import ListEditData from './editForm/ListComponent.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/_classes/multivalue/Multivalue.d.ts

@@ -1,24 +1,55 @@
 export default class Multivalue extends Field {
-    get addAnother(): any;
+    get addAnother(): string;
     useWrapper(): any;
-    render(): any;
+    /**
+     * @returns {Field} - The created field.
+     */
+    render(): Field;
     renderElement(): string;
-    renderRow(value: any, index: any): any;
-    attach(dom: any): Promise<any[]>;
+    /**
+     * Renders a single row for multi-value components.
+     * @param {any} value - The value associated with the row to render.
+     * @param {number} index - The index of the row in the multi-value list.
+     * @returns {any} Returns the HTML string representation of the row.
+     */
+    renderRow(value: any, index: number): any;
+    /**
+     * @param {HTMLElement} dom - The DOM element to which the component will attach.
+     * @returns {Promise} - Promise that resolves when all asynchronous tasks that have finished.
+     */
+    attach(dom: HTMLElement): Promise<any>;
     /**
      * Attach inputs to the element.
-     *
-     * @param element
-     * @param index
+     * @param {HTMLElement} element - The element to attach.
+     * @param {number} index - The index of the element to attach.
+     */
+    attachElement(element: HTMLElement, index: number): void;
+    /**
+     * Event handler for selecting a mask from a dropdown.
+     * @param {Event} event - Event triggered by changing the selected option in mask.
+     */
+    onSelectMaskHandler(event: Event): void;
+    /**
+     * Retrieves the mask pattern for a given mask name
+     * @param {string} maskName - The name of the mask to retrieve.
+     * @returns {any} The mask pattern associated with the given mask name.
      */
-    attachElement(element: any, index: any): void;
-    onSelectMaskHandler(event: any): void;
-    getMaskPattern(maskName: any): any;
+    getMaskPattern(maskName: string): any;
     multiMasks: {} | undefined;
-    attachMultiMask(index: any): boolean;
-    updateMask(input: any, mask: any): void;
+    /**
+     * Attaches a selectable mask to an input field based on its configuration.
+     * @param {number} index - The index of the select or input in component array.
+     * @returns {boolean} - Returns true if the mask was successfully attached
+     */
+    attachMultiMask(index: number): boolean;
+    /**
+     * @param {any} input - The input element on which the mask is to be applied.
+     * @param {string} mask - The mask pattern to apply to the input element. Exit early if no mask.
+     */
+    updateMask(input: any, mask: string): void;
     /**
      * Adds a new empty value to the data array.
+     * @param {any} value -A value to be added to the data array.
      */
     addNewValue(value: any): void;
     /**

package/lib/mjs/components/_classes/multivalue/Multivalue.js

@@ -29,6 +29,9 @@ export default class Multivalue extends Field {
     useWrapper() {
         return this.component.hasOwnProperty('multiple') && this.component.multiple;
     }
+    /**
+     * @returns {Field} - The created field.
+     */
     render() {
         // If single value field.
         if (!this.useWrapper()) {
@@ -51,6 +54,12 @@ export default class Multivalue extends Field {
     renderElement() {
         return '';
     }
+    /**
+     * Renders a single row for multi-value components.
+     * @param {any} value - The value associated with the row to render.
+     * @param {number} index - The index of the row in the multi-value list.
+     * @returns {any} Returns the HTML string representation of the row.
+     */
     renderRow(value, index) {
         return this.renderTemplate('multiValueRow', {
             index,
@@ -58,6 +67,10 @@ export default class Multivalue extends Field {
             element: `${this.renderElement(value, index)}`,
         });
     }
+    /**
+     * @param {HTMLElement} dom - The DOM element to which the component will attach.
+     * @returns {Promise} - Promise that resolves when all asynchronous tasks that have finished.
+     */
     attach(dom) {
         const superAttach = super.attach(dom);
         this.loadRefs(dom, {
@@ -91,6 +104,9 @@ export default class Multivalue extends Field {
             return Promise.all(promises);
         });
     }
+    /**
+     * Remove all event handlers.
+     */
     detach() {
         if (this.refs.input && this.refs.input.length) {
             this.refs.input.forEach((input) => {
@@ -113,9 +129,8 @@ export default class Multivalue extends Field {
     }
     /**
      * Attach inputs to the element.
-     *
-     * @param element
-     * @param index
+     * @param {HTMLElement} element - The element to attach.
+     * @param {number} index - The index of the element to attach.
      */
     attachElement(element, index) {
         this.addEventListener(element, this.inputInfo.changeEvent, () => {
@@ -177,9 +192,18 @@ export default class Multivalue extends Field {
             }
         }
     }
+    /**
+     * Event handler for selecting a mask from a dropdown.
+     * @param {Event} event - Event triggered by changing the selected option in mask.
+     */
     onSelectMaskHandler(event) {
         this.updateMask(event.target.maskInput, this.getMaskPattern(event.target.value));
     }
+    /**
+     * Retrieves the mask pattern for a given mask name
+     * @param {string} maskName - The name of the mask to retrieve.
+     * @returns {any} The mask pattern associated with the given mask name.
+     */
     getMaskPattern(maskName) {
         if (!this.multiMasks) {
             this.multiMasks = {};
@@ -191,6 +215,11 @@ export default class Multivalue extends Field {
         this.multiMasks[maskName] = mask ? mask.mask : this.component.inputMasks[0].mask;
         return this.multiMasks[maskName];
     }
+    /**
+     * Attaches a selectable mask to an input field based on its configuration.
+     * @param {number} index - The index of the select or input in component array.
+     * @returns {boolean} - Returns true if the mask was successfully attached
+     */
     attachMultiMask(index) {
         if (!(this.isMultipleMasksField && this.component.inputMasks.length && this.refs.input.length)) {
             return false;
@@ -201,6 +230,10 @@ export default class Multivalue extends Field {
         this.setInputMask(maskSelect.maskInput, this.component.inputMasks[0].mask);
         return true;
     }
+    /**
+     * @param {any} input - The input element on which the mask is to be applied.
+     * @param {string} mask - The mask pattern to apply to the input element. Exit early if no mask.
+     */
     updateMask(input, mask) {
         if (!mask) {
             return;
@@ -210,6 +243,7 @@ export default class Multivalue extends Field {
     }
     /**
      * Adds a new empty value to the data array.
+     * @param {any} value -A value to be added to the data array.
      */
     addNewValue(value) {
         if (value === undefined) {

package/lib/mjs/components/_classes/nested/NestedComponent.d.ts

@@ -1,104 +1,196 @@
+/**
+ * NestedComponent class.
+ * @augments Field
+ */
 export default class NestedComponent extends Field {
     constructor(component: any, options: any, data: any);
     type: string;
-    _collapsed: boolean;
+    /**
+     * The collapsed state of this NestedComponent.
+     * @type {boolean}
+     * @default false
+     * @private
+     */
+    private _collapsed;
+    /**
+     * Set collapsed state.
+     * @param {boolean} value - The collapsed state.
+     * @returns {void}
+     */
     set collapsed(value: boolean);
+    /**
+     * Get collapsed state.
+     * @returns {boolean} The collapsed state.
+     */
     get collapsed(): boolean;
-    collapse(value: any): Promise<void>;
+    /**
+     * Set collapsed state.
+     * @param {boolean} value - The collapsed state.
+     * @returns {void}
+     */
+    collapse(value: boolean): void;
+    /**
+     * Set parent visibility.
+     * @param {boolean} value - The parent visibility.
+     * @returns {void}
+     */
+    set parentVisible(value: boolean);
+    /**
+     * Get parent visibility.
+     * @returns {boolean} The parent visibility.
+     */
+    get parentVisible(): boolean;
+    /**
+     * Get ready state from all components.
+     * @returns {Promise<Array>} - The promise that resolves when all components are ready.
+     */
     get ready(): Promise<any[]>;
-    set rowIndex(value: any);
-    get rowIndex(): any;
-    _rowIndex: any;
-    componentContext(): any;
-    getComponents(): any;
+    /**
+     * Set currentForm object.
+     * @param {object} instance - The current form object.
+     * @returns {void}
+     */
+    set currentForm(instance: object);
+    /**
+     * Get currentForm object.
+     * @returns {object} - The current form object.
+     */
+    get currentForm(): object;
+    /**
+     * Set Row Index to row and update each component.
+     * @param {number} value - The row index.
+     * @returns {void}
+     */
+    set rowIndex(value: number);
+    /**
+     * Get Row Index.
+     * @returns {number} - The row index.
+     */
+    get rowIndex(): number;
+    _rowIndex: number | undefined;
+    /**
+     * Get Contextual data of the component.
+     * @returns {object} - The contextual data of the component.
+     * @override
+     */
+    override componentContext(): object;
+    /**
+     * Set the data of the component.
+     * @param {object} value - The data of the component.
+     * @returns {void}
+     */
+    override set data(value: object);
+    /**
+     * Get the data of the component.
+     * @returns {object} - The data of the component.
+     * @override
+     */
+    override get data(): object;
+    /**
+     * Get components array.
+     * @returns {Array} - The components array.
+     */
+    getComponents(): any[];
     /**
      * Perform a deep iteration over every component, including those
      * within other container based components.
-     *
-     * @param {function} fn - Called for every component.
+     * @param {Function} fn - Called for every component.
+     * @param {any} options - The options to include with this everyComponent call.
      */
-    everyComponent(fn: Function, options: any): void;
-    hasComponent(component: any): boolean;
-    flattenComponents(): {};
+    everyComponent(fn: Function, options?: any): void;
+    /**
+     * Check if the component has a component.
+     * @param {import('@formio/core').Component} component - The component to check.
+     * @returns {boolean} - TRUE if the component has a component, FALSE otherwise.
+     */
+    hasComponent(component: import('@formio/core').Component): boolean;
+    /**
+     * Get the flattened components of this NestedComponent.
+     * @returns {object} - The flattened components of this NestedComponent.
+     */
+    flattenComponents(): object;
     /**
      * Perform an iteration over each component within this container component.
-     *
-     * @param {function} fn - Called for each component
+     * @param {Function} fn - Called for each component
      */
     eachComponent(fn: Function): void;
     /**
      * Returns a component provided a key. This performs a deep search within the
      * component tree.
-     *
-     * @param {string} key - The key of the component to retrieve.
-     * @param {function} [fn] - Called with the component once found.
+     * @param {string} path - The path to the component.
+     * @param {Function} [fn] - Called with the component once found.
      * @param {string} [originalPath] - The original path to the component.
-     * @return {Component} - The component that is located.
+     * @returns {any} - The component that is located.
      */
-    getComponent(path: any, fn?: Function | undefined, originalPath?: string | undefined): Component;
+    getComponent(path: string, fn?: Function | undefined, originalPath?: string | undefined): any;
     /**
      * Return a component provided the Id of the component.
-     *
      * @param {string} id - The Id of the component.
-     * @param {function} fn - Called with the component once it is retrieved.
-     * @return {Object} - The component retrieved.
+     * @param {Function} fn - Called with the component once it is retrieved.
+     * @returns {object} - The component retrieved.
      */
-    getComponentById(id: string, fn: Function): Object;
+    getComponentById(id: string, fn?: Function): object;
     /**
      * Create a new component and add it to the components array.
-     *
-     * @param component
-     * @param data
+     * @param {import('@formio/core').Component} component - The component JSON schema to create.
+     * @param {object} options - The options to create the component with.
+     * @param {import('@formio/core').DataObject} data - The submission data object to house the data for this component.
+     * @param {import('@formio/core').Component} [before] - The component before which to add this component.
+     * @param {import('@formio/core').Component} [replacedComp] - The component to replace with this component.
+     * @returns {any} - The created component instance.
      */
-    createComponent(component: any, options: any, data: any, before: any, replacedComp: any): any;
+    createComponent(component: import('@formio/core').Component, options: object, data: import('@formio/core').DataObject, before?: import("@formio/core").Component | undefined, replacedComp?: import("@formio/core").Component | undefined): any;
     getContainer(): any;
     get componentComponents(): any;
     get nestedKey(): string;
     get templateName(): string;
     components: any;
     /**
-     *
-     * @param element
-     * @param data
+     * Add a new component instance to the components array.
+     * @param {import('@formio/core').DataObject} [data] - The Submission data for this component.
+     * @param {object} [options] - The options for this component.
      */
-    addComponents(data: any, options: any): void;
+    addComponents(data?: import("@formio/core").DataObject | undefined, options?: object | undefined): void;
     /**
      * Add a new component to the components array.
-     *
-     * @param {Object} component - The component JSON schema to add.
-     * @param {Object} data - The submission data object to house the data for this component.
+     * @param {import('@formio/core').Component} component - The component JSON schema to add.
+     * @param {object} data - The submission data object to house the data for this component.
      * @param {HTMLElement} before - A DOM element to insert this element before.
-     * @return {Component} - The created component instance.
+     * @param {boolean} [noAdd] - A possibly extraneous boolean flag.
+     * @returns {any} - The created component instance.
      */
-    addComponent(component: Object, data: Object, before: HTMLElement, noAdd: any): Component;
+    addComponent(component: import('@formio/core').Component, data?: object, before?: HTMLElement, noAdd?: boolean | undefined): any;
     beforeFocus(): void;
+    render(children: any): Field;
     renderComponents(components: any): any;
     attach(element: any): Promise<[void, void]>;
-    attachComponentsLogic(components: any): void;
+    /**
+     * Attach the logic to the components.
+     * @param {import('@formio/core').Component[]} components - The components to attach logic to.
+     */
+    attachComponentsLogic(components: import('@formio/core').Component[]): void;
     attachComponents(element: any, components: any, container: any): Promise<any>;
     /**
      * Remove a component from the components array and from the children object
-     *
-     * @param {Component} component - The component to remove from the components.
-     * @param {Array<Component>} components - An array of components to remove this component from.
+     * @param {import('@formio/core').Component} component - The component to remove from the components.
+     * @param {import('@formio/core').Component[]} components - An array of components to remove this component from.
+     * @param {boolean} [all] - If set to TRUE will cascade remove all components.
      */
-    removeComponent(component: Component, components: Array<Component>, all?: boolean): void;
+    removeComponent(component: import('@formio/core').Component, components: import('@formio/core').Component[], all?: boolean | undefined): void;
     /**
      * Removes a component provided the API key of that component.
-     *
      * @param {string} key - The API key of the component to remove.
-     * @param {function} fn - Called once the component is removed.
-     * @return {null}
+     * @param {Function} fn - Called once the component is removed.
+     * @returns {null|void} - Returns nothing if the component is not found.
      */
-    removeComponentByKey(key: string, fn: Function): null;
+    removeComponentByKey(key: string, fn?: Function): null | void;
     /**
      * Removes a component provided the Id of the component.
-     *
      * @param {string} id - The Id of the component to remove.
-     * @param {function} fn - Called when the component is removed.
-     * @return {null}
+     * @param {Function} fn - Called when the component is removed.
+     * @returns {null|void} - Returns nothing if the component is not found.
      */
-    removeComponentById(id: string, fn: Function): null;
+    removeComponentById(id: string, fn?: Function): null | void;
     updateValue(value: any, flags?: {}): any;
     shouldSkipValidation(data: any, row: any, flags: any): boolean;
     checkData(data: any, flags: any, row: any, components: any): true | undefined;
@@ -107,10 +199,15 @@ export default class NestedComponent extends Field {
     restoreComponentsContext(): void;
     /**
      * Allow components to hook into the next page trigger to perform their own logic.
-     *
-     * @return {*}
+     * @param {Function} next - The callback to continue to the next page.
+     * @returns {Promise} - A promise when the page has been processed.
+     */
+    beforePage(next: Function): Promise<any>;
+    /**
+     * Allow components to hook into the submission to provide their own async data.
+     * @returns {Promise} - Returns a promise when the constituent beforeSubmit functions are complete.
      */
-    beforePage(next: any): any;
+    beforeSubmit(): Promise<any>;
     calculateValue(data: any, flags: any, row: any): any;
     isLastPage(): boolean;
     isValid(data: any, dirty: any): any;
@@ -122,31 +219,30 @@ export default class NestedComponent extends Field {
     }, flags: any): void;
     /**
      * Perform a validation on all child components of this nested component.
-     * @param {*} components
-     * @param {*} data
-     * @param {*} flags
-     * @returns
+     * @param {import('@formio/core').Component[]} components - The components to validate.
+     * @param {import('@formio/core').DataObject} data - The data to validate.
+     * @param {object} flags - The flags to use when validating.
+     * @returns {Promise<Array>|Array} - The errors if any exist.
      */
-    validateComponents(components: any, data: any, flags?: any): any;
+    validateComponents(components?: import('@formio/core').Component[], data?: import('@formio/core').DataObject, flags?: object): Promise<any[]> | any[];
     /**
      * Validate a nested component with data, or its own internal data.
-     * @param {*} data
-     * @param {*} flags
-     * @returns
-     */
-    validate(data: any, flags?: any): any;
-    checkComponentValidity(data: any, dirty: any, row: any, flags?: {}, allErrors?: any[]): boolean;
-    checkValidity(data: any, dirty: any, row: any, silentCheck: any, childErrors?: any[]): boolean;
-    checkAsyncValidity(data: any, dirty: any, row: any, silentCheck: any): Promise<any>;
+     * @param {import('@formio/core').DataObject} data - The data to validate.
+     * @param {object} flags - The flags to use when validating.
+     * @returns {Array} - The errors if any exist.
+     */
+    validate(data?: import('@formio/core').DataObject, flags?: object): any[];
+    checkComponentValidity(data?: null, dirty?: boolean, row?: null, flags?: {}, allErrors?: any[]): boolean;
+    checkAsyncValidity(data?: null, dirty?: boolean, row?: null, silentCheck?: boolean): Promise<any>;
     setPristine(pristine: any): void;
-    get isPristine(): any;
+    get isDirty(): boolean | undefined;
     destroyComponents(all?: boolean): void;
     get visibleErrors(): any;
     get errors(): any;
+    getValue(): object;
     get dataReady(): Promise<any[]>;
     setNestedValue(component: any, value: any, flags?: {}): any;
     setValue(value: any, flags?: {}): any;
     get lazyLoad(): any;
 }
 import Field from '../field/Field';
-import Component from '../component/Component';

package/lib/mjs/components/_classes/nested/NestedComponent.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/_classes/nested/NestedComponent.form.js

@@ -1,4 +1,9 @@
 import Components from '../../Components';
+/**
+ * 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([
         {