@formio/js 5.0.0-bb.dev.6 → 5.0.0-dev.5543.201e658

package/lib/mjs/WebformBuilder.js

@@ -976,6 +976,7 @@ export default class WebformBuilder extends Component {
         }
     }
     updateComponent(component, changed) {
+        const sanitizeConfig = _.get(this.webform, 'form.settings.sanitizeConfig') || _.get(this.webform, 'form.globalSettings.sanitizeConfig');
         // Update the preview.
         if (this.preview) {
             this.preview.form = {
@@ -987,13 +988,14 @@ export default class WebformBuilder extends Component {
                         'autofocus',
                         'customConditional',
                     ])],
-                config: this.options.formConfig || {}
+                config: this.options.formConfig || {},
+                sanitizeConfig,
             };
             const fieldsToRemoveDoubleQuotes = ['label', 'tooltip'];
             this.preview.form.components.forEach(component => this.replaceDoubleQuotes(component, fieldsToRemoveDoubleQuotes));
             const previewElement = this.componentEdit.querySelector('[ref="preview"]');
             if (previewElement) {
-                this.setContent(previewElement, this.preview.render());
+                this.setContent(previewElement, this.preview.render(), null, sanitizeConfig);
                 this.preview.attach(previewElement);
             }
         }

package/lib/mjs/components/address/fixtures/comp3.js

@@ -12,7 +12,7 @@ export default {
             providerOptions: {
                 params: {
                     autocompleteOptions: {},
-                    key: 'AIzaSyBNL2e4MnmyPj9zN7SVAe428nCSLP1X144',
+                    key: '',
                 },
             },
             input: true,

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

@@ -357,9 +357,15 @@ export default class ButtonComponent extends Field {
             response_type: 'code',
             client_id: settings.clientId,
             redirect_uri: (settings.redirectURI && this.interpolate(settings.redirectURI)) || window.location.origin || `${window.location.protocol}//${window.location.host}`,
-            state: settings.state,
             scope: settings.scope
         };
+        if (settings.state) {
+            params.state = settings.state;
+        }
+        else if (settings.code_challenge) {
+            params.code_challenge = settings.code_challenge;
+            params.code_challenge_method = 'S256';
+        }
         /*eslint-enable camelcase */
         // Needs for the correct redirection URI for the OpenID
         const originalRedirectUri = params.redirect_uri;

package/lib/mjs/components/datagrid/fixtures/comp6.js

@@ -138,7 +138,7 @@ export default {
                     providerOptions: {
                         params: {
                             autocompleteOptions: {},
-                            key: 'AIzaSyBNL2e4MnmyPj9zN7SVAe428nCSLP1X144',
+                            key: '',
                         },
                     },
                     input: true,

package/lib/mjs/components/recaptcha/ReCaptcha.d.ts

@@ -13,11 +13,12 @@ export default class ReCaptchaComponent extends Component {
     createInput(): void;
     recaptchaApiReady: any;
     createLabel(): void;
-    verify(actionName: any): void;
-    recaptchaVerifiedPromise: Promise<void> | undefined;
+    verify(actionName: any): Promise<void>;
+    recaptchaVerifiedPromise: Promise<any> | undefined;
     isLoading: boolean | undefined;
+    loading: boolean | undefined;
     sendVerificationRequest(token: any): any;
-    checkComponentValidity(data: any, dirty: any, row: any, options?: {}): any;
+    checkComponentValidity(data: any, dirty: any, row: any, options?: {}): boolean | Promise<boolean>;
     normalizeValue(newValue: any): any;
 }
 import Component from '../_classes/component/Component';

package/lib/mjs/components/recaptcha/ReCaptcha.js

@@ -55,7 +55,7 @@ export default class ReCaptchaComponent extends Component {
     get skipInEmail() {
         return true;
     }
-    verify(actionName) {
+    async verify(actionName) {
         const siteKey = _get(this.root.form, 'settings.recaptcha.siteKey');
         if (!siteKey) {
             console.warn('There is no Site Key specified in settings in form JSON');
@@ -65,40 +65,34 @@ export default class ReCaptchaComponent extends Component {
             const recaptchaApiScriptUrl = `https://www.google.com/recaptcha/api.js?render=${_get(this.root.form, 'settings.recaptcha.siteKey')}`;
             this.recaptchaApiReady = Formio.requireLibrary('googleRecaptcha', 'grecaptcha', recaptchaApiScriptUrl, true);
         }
-        if (this.recaptchaApiReady) {
+        try {
+            await this.recaptchaApiReady;
             this.recaptchaVerifiedPromise = new Promise((resolve, reject) => {
-                this.recaptchaApiReady
-                    .then(() => {
-                    if (!this.isLoading) {
-                        this.isLoading = true;
-                        grecaptcha.ready(_debounce(() => {
-                            grecaptcha
-                                .execute(siteKey, {
-                                action: actionName
-                            })
-                                .then((token) => {
-                                return this.sendVerificationRequest(token).then(({ verificationResult, token }) => {
-                                    this.recaptchaResult = {
-                                        ...verificationResult,
-                                        token,
-                                    };
-                                    this.updateValue(this.recaptchaResult);
-                                    return resolve(verificationResult);
-                                });
-                            })
-                                .catch(() => {
-                                this.isLoading = false;
-                            });
-                        }, 1000));
-                    }
-                })
-                    .catch(() => {
-                    return reject();
-                });
-            }).then(() => {
-                this.isLoading = false;
+                if (!this.isLoading) {
+                    this.isLoading = true;
+                    grecaptcha.ready(_debounce(async () => {
+                        try {
+                            const token = await grecaptcha.execute(siteKey, { action: actionName });
+                            const verificationResult = await this.sendVerificationRequest(token);
+                            this.recaptchaResult = {
+                                ...verificationResult,
+                                token,
+                            };
+                            this.updateValue(this.recaptchaResult);
+                            this.isLoading = false;
+                            return resolve(verificationResult);
+                        }
+                        catch (err) {
+                            this.isLoading = false;
+                            reject(err);
+                        }
+                    }, 1000));
+                }
             });
         }
+        catch (err) {
+            this.loading = false;
+        }
     }
     beforeSubmit() {
         if (this.recaptchaVerifiedPromise) {
@@ -108,14 +102,13 @@ export default class ReCaptchaComponent extends Component {
         return super.beforeSubmit();
     }
     sendVerificationRequest(token) {
-        return Formio.makeStaticRequest(`${Formio.projectUrl}/recaptcha?recaptchaToken=${token}`)
-            .then((verificationResult) => ({ verificationResult, token }));
+        return Formio.makeStaticRequest(`${Formio.projectUrl}/recaptcha?recaptchaToken=${token}`);
     }
     checkComponentValidity(data, dirty, row, options = {}) {
         data = data || this.rootValue;
         row = row || this.data;
         const { async = false } = options;
-        // Verification could be async only
+        // Verification could be async only (which for now is only the case for server-side validation)
         if (!async) {
             return super.checkComponentValidity(data, dirty, row, options);
         }
@@ -128,12 +121,8 @@ export default class ReCaptchaComponent extends Component {
             this.setCustomValidity(this.t('reCaptchaTokenValidationError'));
             return Promise.resolve(false);
         }
-        return this.hook('validateReCaptcha', componentData.token, () => Promise.resolve(true))
-            .then((success) => success)
-            .catch((err) => {
-            this.setCustomValidity(this.t(err.message || err));
-            return false;
-        });
+        // Any further validation will 100% not run on the client
+        return Promise.resolve(true);
     }
     normalizeValue(newValue) {
         // If a recaptcha result has already been established, then do not allow it to be reset.

package/lib/mjs/formio.form.d.ts

@@ -20,5 +20,4 @@ import Utils from './utils';
 import Form from './Form';
 import { Formio } from './Formio';
 import Licenses from './licenses';
-import EventEmitter from './EventEmitter';
-export { Components, Displays, Providers, Rules, Widgets, Templates, Conjunctions, Operators, QuickRules, Transformers, ValueSources, Utils, Form, Formio, Licenses, EventEmitter };
+export { Components, Displays, Providers, Rules, Widgets, Templates, Conjunctions, Operators, QuickRules, Transformers, ValueSources, Utils, Form, Formio, Licenses };

package/lib/mjs/formio.form.js

@@ -16,7 +16,6 @@ import Form from './Form';
 import Utils from './utils';
 import Evaluator from './utils/Evaluator';
 import Licenses from './licenses';
-import EventEmitter from './EventEmitter';
 Formio.loadModules = (path = `${Formio.getApiUrl()}/externalModules.js`, name = 'externalModules') => {
     Formio.requireLibrary(name, name, path, true)
         .then((modules) => {
@@ -143,19 +142,5 @@ export function useModule(defaultFn = null) {
  * Formio.plugins([plugin1, plugin2, etc], options);
  */
 Formio.use = useModule();
-// Allow simple embedding.
-Formio.embedForm = (embed) => Form.embed(embed);
-/**
- * Factory that creates a new form based on the form parameters.
- *
- * @param element {HMTLElement} - The HTML Element to add this form to.
- * @param form {string|Object} - The src of the form, or a form object.
- * @param options {Object} - The options to create this form.
- *
- * @return {Promise} - When the form is instance is ready.
- */
-Formio.createForm = (...args) => {
-    return (new Form(...args)).ready;
-};
 // Export the components.
-export { Components, Displays, Providers, Rules, Widgets, Templates, Conjunctions, Operators, QuickRules, Transformers, ValueSources, Utils, Form, Formio, Licenses, EventEmitter };
+export { Components, Displays, Providers, Rules, Widgets, Templates, Conjunctions, Operators, QuickRules, Transformers, ValueSources, Utils, Form, Formio, Licenses };

package/lib/mjs/providers/storage/s3.d.ts

@@ -12,7 +12,10 @@ declare function s3(formio: any): {
     }>;
     completeMultipartUpload(serverResponse: any, parts: any, multipart: any): Promise<void>;
     abortMultipartUpload(serverResponse: any): void;
-    uploadParts(file: any, urls: any, headers: any, partSize: any, multipart: any, abortSignal: any): Promise<any[]>;
+    uploadParts(file: any, urls: any, headers: any, partSize: any, multipart: any, abortSignal: any): Promise<{
+        ETag: string;
+        PartNumber: number;
+    }[]>;
     downloadFile(file: any): any;
     deleteFile(fileInfo: any): any;
 };

package/lib/mjs/providers/storage/s3.js

@@ -1,10 +1,6 @@
 import XHR from './xhr';
 import { withRetries } from './util';
-const loadAbortControllerPolyfill = async () => {
-    if (typeof AbortController === 'undefined') {
-        await import('abortcontroller-polyfill/dist/polyfill-patch-fetch');
-    }
-};
+const AbortController = window.AbortController || require('abortcontroller-polyfill/dist/cjs-ponyfill');
 function s3(formio) {
     return {
         async uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback, multipartOptions) {
@@ -14,7 +10,6 @@ function s3(formio) {
                 if (response.signed) {
                     if (multipartOptions && Array.isArray(response.signed)) {
                         // patch abort callback
-                        await loadAbortControllerPolyfill();
                         const abortController = new AbortController();
                         const abortSignal = abortController.signal;
                         if (typeof abortCallback === 'function') {

package/lib/mjs/translations/en.d.ts

@@ -57,6 +57,8 @@ declare namespace _default {
     const saveDraftInstanceError: string;
     const saveDraftAuthError: string;
     const restoreDraftInstanceError: string;
+    const saveDraftError: string;
+    const restoreDraftError: string;
     const time: string;
     const cancelButtonAriaLabel: string;
     const previousButtonAriaLabel: string;

package/lib/mjs/translations/en.js

@@ -57,6 +57,8 @@ export default {
     saveDraftInstanceError: 'Cannot save draft because there is no formio instance.',
     saveDraftAuthError: 'Cannot save draft unless a user is authenticated.',
     restoreDraftInstanceError: 'Cannot restore draft because there is no formio instance.',
+    saveDraftError: 'Unable to save draft.',
+    restoreDraftError: 'Unable to restore draft.',
     time: 'Invalid time',
     cancelButtonAriaLabel: 'Cancel button. Click to reset the form',
     previousButtonAriaLabel: 'Previous button. Click to go back to the previous tab',

package/lib/mjs/utils/conditionOperators/IsEqualTo.js

@@ -9,7 +9,7 @@ export default class IsEqualTo extends ConditionOperator {
         return 'Is Equal To';
     }
     execute({ value, comparedValue, instance, conditionComponentPath }) {
-        if (value && comparedValue && typeof value !== typeof comparedValue && _.isString(comparedValue)) {
+        if ((value || value === false) && comparedValue && typeof value !== typeof comparedValue && _.isString(comparedValue)) {
             try {
                 comparedValue = JSON.parse(comparedValue);
             }

package/lib/mjs/utils/utils.js

@@ -1168,7 +1168,8 @@ export function sanitize(string, options) {
     }
     // Allowd URI Regex
     if (options.sanitizeConfig && options.sanitizeConfig.allowedUriRegex) {
-        sanitizeOptions.ALLOWED_URI_REGEXP = options.sanitizeConfig.allowedUriRegex;
+        const allowedUriRegex = options.sanitizeConfig.allowedUriRegex;
+        sanitizeOptions.ALLOWED_URI_REGEXP = _.isString(allowedUriRegex) ? new RegExp(allowedUriRegex) : allowedUriRegex;
     }
     // Allow to extend the existing array of elements that are safe for URI-like values
     if (options.sanitizeConfig && Array.isArray(options.sanitizeConfig.addUriSafeAttr) && options.sanitizeConfig.addUriSafeAttr.length > 0) {

package/lib/mjs/validator/Validator.d.ts

@@ -33,7 +33,7 @@ export class ValidationChecker {
             key: string;
             hasLabel: boolean;
             message(component: any): any;
-            check(component: any, setting: any, value: any, data: any, index: any, row: any, async: any): any;
+            check(component: any, setting: any, value: any, data: any, index: any, row: any, async: any): true | Promise<any>;
         };
         min: {
             key: string;

package/lib/mjs/validator/rules/Select.d.ts

@@ -1,5 +1,5 @@
 export default class Select extends Rule {
     defaultMessage: string;
-    check(value: any, data: any, row: any, async: any): any;
+    check(value: any, data: any, row: any, async: any): true | Promise<any>;
 }
 import Rule from './Rule';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-bb.dev.6",
+  "version": "5.0.0-dev.5543.201e658",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -26,6 +26,7 @@
       "require": "./lib/cjs/formio.embed.js"
     }
   },
+  "types": "index.d.ts",
   "files": [
     "dist",
     "lib",
@@ -78,8 +79,8 @@
   "homepage": "https://github.com/formio/formio.js#readme",
   "dependencies": {
     "@formio/bootstrap": "^3.0.0-rc.20",
-    "@formio/choices.js": "^10.2.0",
-    "@formio/core": "2.0.0-dev.4",
+    "@formio/choices.js": "^10.2.1",
+    "@formio/core": "1.3.0-rc.16",
     "@formio/text-mask-addons": "^3.8.0-formio.2",
     "@formio/vanilla-text-mask": "^5.1.1-formio.1",
     "abortcontroller-polyfill": "^1.7.5",
@@ -106,7 +107,7 @@
     "jwt-decode": "^3.1.2",
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
-    "moment-timezone": "^0.5.43",
+    "moment-timezone": "^0.5.44",
     "quill": "^2.0.0-dev.3",
     "signature_pad": "^4.1.4",
     "string-hash": "^1.1.3",

package/types/builders.d.ts

@@ -0,0 +1,7 @@
+export class Builders {
+  static readonly builders: any;
+  static addBuilder(name: string, builder: any): void;
+  static addBuilders(builders: any): void;
+  static getBuilder(name: string): any;
+  static getBuilder(): any;
+}

package/types/components/_classes/component/component.d.ts

@@ -0,0 +1,174 @@
+import { Element } from '../../../element';
+import { ComponentSchema, ElementInfo, ExtendedComponentSchema, ValidateOptions } from './../../schema.d';
+
+export class Component extends Element {
+  static schema(sources: ExtendedComponentSchema): ExtendedComponentSchema;
+  static tableView(value: any, options: any): void;
+  constructor(component: any, options: Object, data: Object);
+  public originalComponent: any | Component;
+  public refs: Object;
+  public attached: boolean;
+  public rendered: boolean;
+  public data: Object;
+  public component: any;
+  public error: string;
+  public tooltip: string;
+  public row: any;
+  public pristine: boolean;
+  public parent: any;
+  public root: any;
+  public lastChanged: any;
+  public triggerRedraw: Function;
+  public tooltips: any[];
+  public invalid: boolean;
+  public isBuilt: boolean;
+  readonly ready: any;
+  readonly labelInfo: any;
+  init(): void;
+  destroy(): void;
+  readonly shouldDisabled: any | boolean;
+  readonly isInputComponent: boolean;
+  readonly defaultSchema: ComponentSchema;
+  readonly hasInput: boolean;
+  readonly key: any;
+  public parentVisible: any | boolean;
+  public parentDisabled: any | boolean;
+  public visible: any | boolean;
+  public currentForm: any;
+  readonly fullMode: boolean;
+  readonly builderMode: boolean;
+  getModifiedSchema(
+    schema: ExtendedComponentSchema,
+    defaultSchema: ComponentSchema,
+    recursion: boolean,
+  ): ExtendedComponentSchema;
+  readonly schema: ExtendedComponentSchema;
+  t(text: string, params?: Object): any;
+  labelIsHidden(): boolean;
+  readonly transform: any;
+  getTemplate(names: any, modes: any): any;
+  checkTemplate(templates: any, names: any, modes: any): any;
+  checkTemplateMode(templatesByName: any, modes: any): any;
+  renderTemplate(name: any, data: any, modeOption?: any[]): any;
+  sanitize(dirty: string): any;
+  renderString(template: any, data: any): HTMLElement;
+  performInputMapping(input: any): any;
+  getBrowserLanguage(): string | null;
+  beforeNext(): any;
+  beforePage(): any;
+  beforeSubmit(): any;
+  readonly submissionTimezone: string | any;
+  readonly canDisable: boolean;
+  loadRefs(element: any, refs: any): any;
+  build(element: any): any;
+  render(children: any, topLevel?: boolean): any;
+  attach(element: any): any;
+  addShortcut(element: any, shortcut: any): void;
+  removeShortcut(element: any, shortcut: any): void;
+  detach(): void;
+  attachRefreshEvent(refreshData: any): void;
+  attachRefreshOn(): void;
+  refresh(value: any): void;
+  inContext(component: any): boolean;
+  readonly viewOnly: boolean | any;
+  createViewOnlyElement(): HTMLElement;
+  readonly defaultViewOnlyValue: '-';
+  getValueAsString(value: any): string;
+  getView(value: any): string;
+  updateItems(...args: any[]): void;
+  createModal(): HTMLElement;
+  readonly className: string;
+  readonly customStyle: string;
+  getElement(): HTMLElement;
+  evalContext(additional: any): any;
+  setPristine(pristine: boolean): void;
+  removeValue(index: number): void;
+  iconClass(name: any, spinning: any): any;
+  readonly name: string;
+  readonly errorLabel: string;
+  errorMessage(type: any): any;
+  setContent(element: any, content: any): boolean;
+  redraw(): any;
+  rebuild(): any;
+  removeEventListeners(): void;
+  hasClass(element: any, className: string): any;
+  addClass(element: any, className: string): any;
+  removeClass(element: any, className: string): any;
+  hasCondition(): boolean;
+  conditionallyVisible(data: any): boolean;
+  checkCondition(row: any, data: Object): boolean;
+  checkConditions(data: any): any;
+  readonly logic: any[];
+  fieldLogic(data: any): any;
+  applyActions(actions: any[], result: any, data: any, newComponent: any): boolean;
+  addInputError(message: any, dirty: boolean): void;
+  clearOnHide(show: boolean): void;
+  onChange(flags: Object, fromRoot: boolean): void;
+  readonly wysiwygDefault: {
+    theme: string;
+    placeholder: any | string;
+    modules: {
+      clipboard: {
+        matchVisual: boolean;
+      };
+      toolbar: any[];
+    };
+  };
+  addCKE(element: HTMLElement | any, settings: Object, onChange: (input: any) => any): any;
+  addQuill(element: HTMLElement | any, settings: Object, onChange: (input: any) => any): any;
+  addAce(element: HTMLElement | any, settings: Object, onChange: (input: any) => any): any;
+  readonly emptyValue: null;
+  hasValue(data: Object): boolean;
+  readonly rootValue: any;
+  readonly rootPristine: any;
+  public dataValue: any;
+  splice(index: number | string): void;
+  deleteValue(): void;
+  readonly defaultValue: any;
+  getValue(): any;
+  getValueAt(index: number): any;
+  setValue(value: any, flags: any): boolean;
+  setValueAt(index: number, value: any, flags: any): void;
+  readonly hasSetValue: boolean;
+  restoreValue(): void;
+  normalizeValue(value: any): any;
+  getIcon(name: any | string, content: any, styles: any, ref?: string): any | HTMLElement;
+  resetValue(): void;
+  hasChanged(before: any, after: any): boolean;
+  updateOnChange(flags: any, changed: boolean | any): boolean;
+  calculateValue(data: Object, flags: any): boolean;
+  public label: any | string;
+  getRoot(): Component;
+  invalidMessage(data: any, dirty: boolean, ignoreCondition?: boolean): any;
+  isValid(data: any, dirty: boolean): boolean;
+  checkValidity(data: any, dirty: any | boolean, rowData: any): boolean;
+  readonly validationValue: any;
+  isEmpty(value: any): boolean;
+  validateMultiple(): boolean;
+  readonly errors: any[];
+  setCustomValidity(message: any, dirty: any): void;
+  shouldSkipValidation(data: any, dirty: any, rowData: any): boolean;
+  whenReady(): any | Promise<any>;
+  readonly dataReady: any | Promise<any>;
+  asString(value: any): string;
+  public disabled: boolean;
+  setDisabled(element: any, disabled: any | boolean): void;
+  setLoading(element: any, loading: any | boolean): void;
+  selectOptions(select: any, tag: any, options: any, defaultValue: any): void;
+  setSelectValue(select: any, value: any): void;
+  clear(): any;
+  append(element: HTMLElement): void;
+  prepend(element: HTMLElement): void;
+  removeChild(element: HTMLElement): void;
+  attachLogic(): void;
+  elementInfo(): ElementInfo;
+  autofocus(): void;
+  focus(): void;
+  readonly shouldDisable: boolean;
+  readonly info: ElementInfo;
+  public element: any;
+  public validators: (keyof ValidateOptions)[];
+  public calculatedValue: any;
+  public options: any;
+  public labelElement: any;
+}

package/types/components/_classes/componentmodal/componentmodal.d.ts

@@ -0,0 +1,31 @@
+import { Component } from '../component/component';
+
+export class ComponentModal {
+  constructor(component: Component | any, element: any, isOpened: boolean, currentValue: any);
+  public isOpened: boolean;
+  public component: Component | any;
+  public element: any;
+  public currentValue: any;
+  public dataLoaded: boolean;
+  static render(component: Component | any, data: any, topLevel: boolean): any;
+  readonly refs: any;
+  init(): void;
+  setValue(value: any): any;
+  setOpenModalElement(template: string): void;
+  readonly templateRefs: any;
+  loadRefs(): void;
+  removeEventListeners(): void;
+  setEventListeners(): void;
+  isValueChanged(): boolean;
+  setOpenEventListener(): void;
+  openModalHandler(event: Event): void;
+  positionOverElement(): void;
+  openModal(): void;
+  updateView(): void;
+  closeModal(): void;
+  closeModalHandler(event: Event): void;
+  showDialog(): void;
+  closeDialog(event: Event): void;
+  saveDialog(event: Event): void;
+  saveModalValueHandler(event: Event): void;
+}

package/types/components/_classes/field/field.d.ts

@@ -0,0 +1,5 @@
+import { Component } from '../component/component';
+
+export class Field extends Component {
+  render(element: any): any;
+}

package/types/components/_classes/input/input.d.ts

@@ -0,0 +1,30 @@
+import { Component } from '../component/component';
+import { Multivalue } from '../multivalue/multivalue';
+import { Element } from './../../../element.d';
+
+export class Input extends Multivalue {
+  constructor(component: Component | any, options: Object, data: any);
+  readonly inputInfo: {
+    id: string | number;
+    type: string;
+    changeEvent: string;
+    content?: any;
+    attr: any;
+  };
+  readonly maskOptions: { label: any; value: any }[];
+  readonly isMultipleMasksField: boolean;
+  getMaskByName(maskName: string): any;
+  setInputMask(input: any, inputMask: any): any;
+  getMaskOptions(): { label: any; value: any }[];
+  readonly remainingWords: number;
+  renderElement(value: any, index: string | number): any;
+  setCounter(type: string, element: any | Element, count: number, max: number): void;
+  updateValueAt(value: any, flags: any, index: string | number): void;
+  getValueAt(index: string | number): any;
+  updateValue(value: any, flags: any, index: string | number): any;
+  attach(element: any): any;
+  attachElement(element: any | Element, index: string | number): void;
+  readonly widget: any;
+  createWidget(index: string | number): any;
+  addFocusBlurEvents(element: any | Element): void;
+}

package/types/components/_classes/multivalue/multivalue.d.ts

@@ -0,0 +1,16 @@
+import { Field } from '../field/field';
+
+export class Multivalue extends Field {
+  public dataValue: any;
+  readonly defaultValue: any;
+  readonly addAnother: any;
+  useWrapper(): boolean;
+  renderRow(value: any, index: any): any;
+  attach(dom: any): any;
+  attachElement(element: any, index: number | string): any;
+  onSelectMaskHandler(event: any): void;
+  tryAttachMultipleMasksInput(): boolean;
+  updateMask(input: any, mask: any): void;
+  addNewValue(value: any): void;
+  addValue(): void;
+}