@formio/js 5.0.0-dev.5646.8734cf4 → 5.0.0-dev.5650.cd53187

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

@@ -11,6 +11,12 @@ export default class AddressComponent extends ContainerComponent {
         weight: number;
         schema: any;
     };
+    static get serverConditionSettings(): {
+        operators: string[];
+    };
+    static get conditionOperatorsSettings(): {
+        operators: string[];
+    };
     static get modeSwitcherRef(): string;
     static get removeValueIconRef(): string;
     static get searchInputRef(): string;
@@ -50,13 +56,14 @@ export default class AddressComponent extends ContainerComponent {
     get gridTemplateName(): string;
     get rowTemplateName(): string;
     get hasChildren(): boolean;
-    get addAnother(): any;
+    get addAnother(): string;
     renderElement(value: any): any;
     renderRow(value: any, index: any): any;
     renderGrid(): any;
-    render(): any;
+    render(): Field;
     onSelectAddress(address: any, element: any, index: any): void;
     addRow(): void;
+    attach(element: any): Promise<void>;
     addChildComponent(component: any): void;
     clearAddress(element: any, index: any): void;
     getDisplayValue(value?: any): any;
@@ -64,3 +71,4 @@ export default class AddressComponent extends ContainerComponent {
     getValueAsString(value: any, options: any): any;
 }
 import ContainerComponent from '../container/Container';
+import Field from '../_classes/field/Field';

package/lib/cjs/components/address/Address.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/address/Address.form.js

@@ -7,6 +7,11 @@ const Components_1 = __importDefault(require("../Components"));
 const Address_edit_data_1 = __importDefault(require("./editForm/Address.edit.data"));
 const Address_edit_display_1 = __importDefault(require("./editForm/Address.edit.display"));
 const Address_edit_provider_1 = __importDefault(require("./editForm/Address.edit.provider"));
+/**
+ * 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/address/Address.js

@@ -97,6 +97,12 @@ class AddressComponent extends Container_1.default {
             schema: AddressComponent.schema(),
         };
     }
+    static get serverConditionSettings() {
+        return AddressComponent.conditionOperatorsSettings;
+    }
+    static get conditionOperatorsSettings() {
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: ['isEmpty', 'isNotEmpty'] });
+    }
     mergeSchema(component = {}) {
         let { defaultSchema } = this;
         if (component.components) {
@@ -113,6 +119,10 @@ class AddressComponent extends Container_1.default {
         if (!this.builderMode) {
             if (this.component.provider) {
                 const { provider, providerOptions, } = this.component;
+                if (lodash_1.default.get(providerOptions, 'params.subscriptionKey')) {
+                    lodash_1.default.set(providerOptions, "params['subscription-key']", lodash_1.default.get(providerOptions, 'params.subscriptionKey'));
+                    lodash_1.default.unset(providerOptions, 'params.subscriptionKey');
+                }
                 this.provider = this.initializeProvider(provider, providerOptions);
             }
             else if (this.component.map) {
@@ -184,7 +194,7 @@ class AddressComponent extends Container_1.default {
         return (this.manualModeEnabled && this.dataValue) ? this.dataValue.address : this.dataValue;
     }
     set address(value) {
-        if (this.manualModeEnabled && !this.isMultiple) {
+        if (this.manualModeEnabled && !this.isMultiple && !lodash_1.default.isEqual(value, this.emptyValue)) {
             this.dataValue.address = value;
         }
         else {
@@ -204,6 +214,16 @@ class AddressComponent extends Container_1.default {
     isValueInLegacyFormat(value) {
         return value && !value.mode;
     }
+    set dataValue(value) {
+        super.dataValue = value;
+    }
+    get dataValue() {
+        const resultValue = lodash_1.default.get(this._data, this.component.path);
+        if (!lodash_1.default.isArray(resultValue) && this.component.multiple) {
+            return [resultValue];
+        }
+        return super.dataValue;
+    }
     normalizeValue(value) {
         return (this.manualModeEnabled && this.isValueInLegacyFormat(value))
             ? {

package/lib/cjs/components/address/editForm/Address.edit.provider.js

@@ -31,7 +31,7 @@ exports.default = [
     {
         type: 'textfield',
         input: true,
-        key: "providerOptions.params['subscription-key']",
+        key: "providerOptions.params.subscriptionKey",
         label: 'Subscription Key',
         placeholder: 'Enter Subscription Key',
         weight: 10,

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

@@ -10,17 +10,7 @@ export default class ButtonComponent extends Field {
     static savedValueTypes(schema: any): string[];
     constructor(component: any, options: any, data: any);
     filesUploading: any[];
-    get inputInfo(): {
-        type: string;
-        component: any;
-        changeEvent: string;
-        attr: {
-            name: any;
-            type: any;
-            class: string;
-            lang: any;
-        };
-    };
+    get inputInfo(): any;
     get labelInfo(): {
         hidden: boolean;
     };
@@ -31,10 +21,11 @@ export default class ButtonComponent extends Field {
     get clicked(): any;
     get defaultValue(): boolean;
     get oauthConfig(): any;
-    render(): any;
+    render(): Field;
     attachButton(): void;
     hasError: boolean | undefined;
     isDisabledOnInvalid: any;
+    attach(element: any): Promise<void>;
     detach(element: any): void;
     onClick(event: any): void;
     openOauth(settings: any): void;

package/lib/cjs/components/button/Button.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/button/Button.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 Button_edit_display_1 = __importDefault(require("./editForm/Button.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 Components_1.default.baseEditForm([
         {

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

@@ -229,6 +229,11 @@ class ButtonComponent extends Field_1.default {
         });
         this.disabled = this.shouldDisabled;
         this.setDisabled(this.refs.button, this.disabled);
+        /**
+         * Get url parameter by name
+         * @param {string} name - The url parameter
+         * @returns {string} - The url parameter value
+         */
         function getUrlParameter(name) {
             name = name.replace(/[[]/, '\\[').replace(/[\]]/, '\\]');
             const regex = new RegExp(`[\\?&]${name}=([^&#]*)`);

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

@@ -19,13 +19,6 @@ export default class CheckBoxComponent extends Field {
             };
             type: 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[];
@@ -39,39 +32,23 @@ export default class CheckBoxComponent extends Field {
             };
             type: 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[] | null;
     get labelClass(): string;
-    get inputInfo(): {
-        type: string;
-        component: any;
-        changeEvent: string;
-        attr: {
-            name: any;
-            type: any;
-            class: string;
-            lang: any;
-        };
-    };
+    get inputInfo(): any;
     get labelInfo(): {
         hidden: boolean;
     };
-    render(): any;
+    render(): Field;
+    attach(element: any): Promise<void>;
     input: any;
     detach(element: any): void;
-    get emptyValue(): false | null;
+    get emptyValue(): false | "";
     getValueAt(index: any): any;
     get checked(): boolean;
     setCheckedState(value: any): any;
     setValue(value: any, flags?: {}): boolean;
-    getValueAsString(value: any): any;
+    getValueAsString(value: any): string;
     updateValue(value: any, flags: any): boolean;
 }
 import Field from '../_classes/field/Field';

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

@@ -7,6 +7,11 @@ const Components_1 = __importDefault(require("../Components"));
 const Checkbox_edit_data_1 = __importDefault(require("./editForm/Checkbox.edit.data"));
 const Checkbox_edit_display_1 = __importDefault(require("./editForm/Checkbox.edit.display"));
 const Checkbox_edit_validation_1 = __importDefault(require("./editForm/Checkbox.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/checkbox/Checkbox.js

@@ -117,7 +117,7 @@ class CheckBoxComponent extends Field_1.default {
         super.detach();
     }
     get emptyValue() {
-        return this.component.inputType === 'radio' ? null : false;
+        return this.component.inputType === 'radio' ? '' : false;
     }
     isEmpty(value = this.dataValue) {
         return super.isEmpty(value) || value === false;

package/lib/cjs/components/columns/Columns.d.ts

@@ -10,16 +10,17 @@ export default class ColumnsComponent extends NestedComponent {
     };
     static savedValueTypes(): never[];
     rows: any[];
+    get schema(): any;
     get columnKey(): string;
     columns: any[] | undefined;
     labelIsHidden(): boolean;
-    render(): any;
+    render(): import("../_classes/field/Field").default;
     justifyColumn(items: any, index: any): boolean;
     justify(): any;
     get gridSize(): number;
     /**
      * Group columns in rows.
-     * @return {Array.<ColumnComponent[]>}
+     * @returns {Array.<ColumnComponent[]>} - The array of columns
      */
     groupByRow(): Array<ColumnComponent[]>;
     checkData(data: any, flags: any, row: any, components: any): void;

package/lib/cjs/components/columns/Columns.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/columns/Columns.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 Columns_edit_display_1 = __importDefault(require("./editForm/Columns.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/columns/Columns.js

@@ -120,7 +120,7 @@ class ColumnsComponent extends NestedComponent_1.default {
     }
     /**
      * Group columns in rows.
-     * @return {Array.<ColumnComponent[]>}
+     * @returns {Array.<ColumnComponent[]>} - The array of columns
      */
     groupByRow() {
         const initVal = { stack: [], rows: [] };

package/lib/cjs/components/container/Container.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/container/Container.form.js

@@ -6,6 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Components_1 = __importDefault(require("../Components"));
 const Container_edit_display_1 = __importDefault(require("./editForm/Container.edit.display"));
 const Container_edit_data_1 = __importDefault(require("./editForm/Container.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/content/Content.d.ts

@@ -11,8 +11,9 @@ export default class ContentComponent extends Component {
     };
     static savedValueTypes(): never[];
     get content(): any;
-    render(): any;
+    render(): string;
     get dataReady(): any;
+    attach(element: any): Promise<void>;
     get emptyValue(): string;
 }
 import Component from '../_classes/component/Component';

package/lib/cjs/components/content/Content.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/content/Content.form.js

@@ -6,6 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Components_1 = __importDefault(require("../Components"));
 const Content_edit_display_1 = __importDefault(require("./editForm/Content.edit.display"));
 const Content_edit_logic_1 = __importDefault(require("./editForm/Content.edit.logic"));
+/**
+ * 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 editForm = Components_1.default.baseEditForm([
         {

package/lib/cjs/components/currency/Currency.d.ts

@@ -2,6 +2,8 @@ export default class CurrencyComponent extends NumberComponent {
     constructor(component: any, options: any, data: any);
     currencyPrefix: any;
     currencySuffix: any;
+    parseNumber(value: any): number;
+    parseValue(value: any): string | null;
     addZerosAndFormatValue(value: any): any;
     stripPrefixSuffix(value: any): any;
 }

package/lib/cjs/components/currency/Currency.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/currency/Currency.form.js

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

package/lib/cjs/components/currency/Currency.js

@@ -35,8 +35,7 @@ class CurrencyComponent extends Number_1.default {
     }
     /**
      * Creates the number mask for currency numbers.
-     *
-     * @return {*}
+     * @returns {*} - The result of the createNumberMask function
      */
     createNumberMask() {
         const decimalLimit = lodash_1.default.get(this.component, 'decimalLimit', 2);

package/lib/cjs/components/datagrid/DataGrid.d.ts

@@ -12,6 +12,7 @@ export default class DataGridComponent extends NestedArrayComponent {
     tabIndex: number;
     rows: any[] | undefined;
     columns: any[] | undefined;
+    dragulaReady: Promise<any> | undefined;
     visibleColumns: {} | undefined;
     set dataValue(value: any[]);
     get dataValue(): any[];
@@ -30,20 +31,20 @@ export default class DataGridComponent extends NestedArrayComponent {
     isEmpty(value?: any[]): any;
     /**
      * Split rows into chunks.
-     * @param {Number[]} groups - array of numbers where each item is size of group
+     * @param {number[]} groups - array of numbers where each item is size of group
      * @param {Array<T>} rows - rows collection
-     * @return {Array<T[]>}
+     * @returns {Array<T[]>} - The chunked rows
      */
     getRowChunks(groups: number[], rows: Array<T>): Array<T[]>;
     /**
      * Create groups object.
      * Each key in object represents index of first row in group.
-     * @return {Object}
+     * @returns {object} - The groups object.
      */
-    getGroups(): Object;
+    getGroups(): object;
     /**
-     * Retrun group sizes.
-     * @return {Number[]}
+     * Get group sizes.
+     * @returns {number[]} - The array of group sizes.
      */
     getGroupSizes(): number[];
     hasRowGroups(): any;
@@ -54,14 +55,23 @@ export default class DataGridComponent extends NestedArrayComponent {
     hasTopSubmit(): any;
     hasBottomSubmit(): any;
     get canAddColumn(): boolean;
-    render(): any;
+    render(): import("../_classes/field/Field").default;
     getRows(): {}[];
     getColumns(): any[];
     hasHeader(): any;
-    loadRefs(element: any, refs: any): void;
     dragula: any;
     getComponentsContainer(): any;
+    /**
+     * Reorder values in array based on the old and new position
+     * @param {any} valuesArr - An array of values.
+     * @param {number} oldPosition - The index of the value in array before reordering.
+     * @param {number} newPosition - The index of the value in array after reordering.
+     * @param {boolean|any} movedBelow - Whether or not the value is moved below.
+     * @returns {void}
+     */
+    reorderValues(valuesArr: any, oldPosition: number, newPosition: number, movedBelow: boolean | any): void;
     onReorder(element: any, _target: any, _source: any, sibling: any): void;
+    onCloned(el: any, original: any): void;
     focusOnNewRowElement(row: any): void;
     addRow(): void;
     updateComponentsRowIndex(components: any, rowIndex: any): void;
@@ -76,6 +86,7 @@ export default class DataGridComponent extends NestedArrayComponent {
         rebuild: boolean;
         show: boolean;
     };
+    checkComponentConditions(data: any, flags: any, row: any): boolean;
     getComponent(path: any, fn: any): any;
     toggleGroup(element: any, index: any): void;
 }

package/lib/cjs/components/datagrid/DataGrid.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/datagrid/DataGrid.form.js

@@ -7,6 +7,11 @@ const Components_1 = __importDefault(require("../Components"));
 const DataGrid_edit_data_1 = __importDefault(require("./editForm/DataGrid.edit.data"));
 const DataGrid_edit_display_1 = __importDefault(require("./editForm/DataGrid.edit.display"));
 const DataGrid_edit_validation_1 = __importDefault(require("./editForm/DataGrid.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([
         {