@formio/js 5.0.0-dev.5641.6eb7b96 → 5.0.0-dev.5642.afd813e

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

@@ -2,11 +2,6 @@ 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,12 +13,11 @@ 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(): import("../_classes/field/Field").default;
+    render(): any;
 }
 import NestedComponent from '../_classes/nested/NestedComponent';

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

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

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

@@ -1,10 +1,5 @@
 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(): import("../_classes/field/Field").default;
+    render(): any;
     detach(all: any): void;
     /**
      * Set the current tab.
-     * @param {number} index - The index of the tab to set.
+     *
+     * @param index
      */
-    setTab(index: number): void;
+    setTab(index: any): 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,6 +1,3 @@
-/**
- * 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[];
+export default function _default(...extend: any[]): {
+    components: any;
+};

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

@@ -1,10 +1,5 @@
 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,7 +107,8 @@ export default class TabsComponent extends NestedComponent {
     }
     /**
      * Set the current tab.
-     * @param {number} index - The index of the tab to set.
+     *
+     * @param index
      */
     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,9 +9,23 @@ 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,6 +1,3 @@
-/**
- * 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[];
+export default function _default(...extend: any[]): {
+    components: any;
+};

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

@@ -1,10 +1,5 @@
 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/textarea/TextArea.d.ts

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

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

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

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

@@ -1,11 +1,6 @@
 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 {number} index - The index of the editor.
-     * @param {any} newValue - The new editor value.
+     *
+     * @param newValue
      */
     updateEditorValue(index, newValue) {
         newValue = this.getConvertedValue(this.trimBlanks(newValue));

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

@@ -10,39 +10,55 @@ 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 (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.
+     * Returns the mask value object.
+     *
+     * @param value
+     * @param flags
+     * @return {*}
      */
-    maskValue(value?: any, flags?: any): any;
+    maskValue(value: any, flags?: {}): any;
     /**
      * Normalize the value set in the data object.
-     * @param {any} value - The value to normalize.
-     * @param {any} flags - The flags to use when normalizing the value.
-     * @returns {*} - Returns the normalized value.
+     *
+     * @param value
+     * @param flags
+     * @return {*}
      */
-    normalizeValue(value: any, flags?: any): any;
-    unmaskValue(value: any, format?: any): string;
+    normalizeValue(value: any, flags?: {}): any;
+    unmaskValue(value: any, format?: any): any;
     /**
      * Returns the value at this index.
-     * @param {number} index - The index to get the value from.
-     * @returns {*} - The value at the index.
+     *
+     * @param index
+     * @return {*}
      */
-    getValueAt(index: number): any;
+    getValueAt(index: any): 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,6 +1,3 @@
-/**
- * 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[];
+export default function _default(...extend: any[]): {
+    components: any;
+};

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

@@ -2,11 +2,6 @@ import Components from '../Components';
 import TextFieldEditData from './editForm/TextField.edit.data';
 import TextFieldEditDisplay from './editForm/TextField.edit.display';
 import TextFieldEditValidation from './editForm/TextField.edit.validation';
-/**
- * The Edit Form function.
- * @param {...any} extend - The components that extend the edit form.
- * @returns {import('@formio/core').Component[]} - The edit form components.
- */
 export default function (...extend) {
     return Components.baseEditForm([
         {

package/lib/mjs/components/textfield/TextField.js

@@ -95,10 +95,11 @@ export default class TextFieldComponent extends Input {
         return super.attach(element);
     }
     /**
-     * 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.
+     * Returns the mask value object.
+     *
+     * @param value
+     * @param flags
+     * @return {*}
      */
     maskValue(value, flags = {}) {
         // Convert it into the correct format.
@@ -117,9 +118,10 @@ export default class TextFieldComponent extends Input {
     }
     /**
      * Normalize the value set in the data object.
-     * @param {any} value - The value to normalize.
-     * @param {any} flags - The flags to use when normalizing the value.
-     * @returns {*} - Returns the normalized value.
+     *
+     * @param value
+     * @param flags
+     * @return {*}
      */
     normalizeValue(value, flags = {}) {
         if (!this.isMultipleMasksField) {
@@ -132,10 +134,10 @@ export default class TextFieldComponent extends Input {
     }
     /**
      * Sets the value at this index.
-     * @param {number} index - The index to set the value at.
-     * @param {any} value - The value to set.
-     * @param {any} [flags] - The flags to use when setting the value.
-     * @returns {void}
+     *
+     * @param index
+     * @param value
+     * @param flags
      */
     setValueAt(index, value, flags = {}) {
         if (!this.isMultipleMasksField) {
@@ -147,7 +149,6 @@ export default class TextFieldComponent extends Input {
         const maskInput = this.refs.select ? this.refs.select[index] : null;
         const mask = this.getMaskPattern(value.maskName);
         if (textInput && maskInput && mask) {
-            maskInput.value = value.maskName;
             if (textInput.inputmask) {
                 this.setInputMask(textInput, mask);
                 textInput.inputmask.setValue(textValue);
@@ -156,6 +157,7 @@ export default class TextFieldComponent extends Input {
                 const placeholderChar = this.placeholderChar;
                 textInput.value = conformToMask(textValue, FormioUtils.getInputMask(mask), { placeholderChar }).conformedValue;
             }
+            maskInput.value = value.maskName;
         }
         else {
             return super.setValueAt(index, textValue, flags);
@@ -167,8 +169,9 @@ export default class TextFieldComponent extends Input {
     }
     /**
      * Returns the value at this index.
-     * @param {number} index - The index to get the value from.
-     * @returns {*} - The value at the index.
+     *
+     * @param index
+     * @return {*}
      */
     getValueAt(index) {
         if (!this.isMultipleMasksField) {

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

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

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

@@ -1,11 +1,6 @@
 import baseEditForm from '../_classes/component/Component.form';
 import TimeEditData from './editForm/Time.edit.data';
 import TimeEditDisplay from './editForm/Time.edit.display';
-/**
- * The Edit Form function.
- * @param {...any} extend - The components that extend the edit form.
- * @returns {import('@formio/core').Component[]} - The edit form components.
- */
 export default function (...extend) {
     return baseEditForm([
         {

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

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

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

@@ -1,8 +1,4 @@
 import UnknownEditDisplay from './editForm/Unknown.edit.display';
-/**
- * Unknown Component schema.
- * @returns {object} - The Unknown Component edit form.
- */
 export default function () {
     return {
         components: [

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

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

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

@@ -2,11 +2,6 @@ import textEditForm from '../textfield/TextField.form';
 import UrlEditDisplay from './editForm/Url.edit.display';
 import UrlEditData from './editForm/Url.edit.data';
 import UrlEditValidation from './editForm/Url.edit.validation';
-/**
- * The Edit Form function.
- * @param {...any} extend - The components that extend the edit form.
- * @returns {import('@formio/core').Component[]} - The edit form components.
- */
 export default function (...extend) {
     return textEditForm([
         {

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

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

package/lib/mjs/components/well/Well.form.js

@@ -1,10 +1,5 @@
 import nestedComponentForm from '../_classes/nested/NestedComponent.form';
 import WellEditDisplay from './editForm/Well.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/formio.embed.d.ts

@@ -1 +1,2 @@
-export {};
+export { Formio };
+import { Formio } from './Embed';

package/lib/mjs/formio.embed.js

@@ -1,2 +1,99 @@
-import { embed } from './InlineEmbed';
-embed();
+import { Formio } from './Embed';
+const scripts = document.getElementsByTagName('script');
+const config = window.FormioConfig || {};
+let thisScript = null;
+let i = scripts.length;
+const scriptName = config.scriptName || 'formio.embed.';
+while (i--) {
+    if (scripts[i].src && (scripts[i].src.indexOf(scriptName) !== -1)) {
+        thisScript = scripts[i];
+        break;
+    }
+}
+if (thisScript) {
+    const query = {};
+    const queryString = thisScript.src.replace(/^[^?]+\??/, '');
+    queryString.replace(/\?/g, '&').split('&').forEach((item) => {
+        query[item.split('=')[0]] = item.split('=')[1] && decodeURIComponent(item.split('=')[1]);
+    });
+    let scriptSrc = thisScript.src.replace(/^([^?]+).*/, '$1').split('/');
+    scriptSrc.pop();
+    if (config.formioPath) {
+        config.formioPath(scriptSrc);
+    }
+    scriptSrc = scriptSrc.join('/');
+    const debug = (query.debug === 'true' || query.debug === '1');
+    const renderer = debug ? 'formio.form' : 'formio.form.min';
+    Formio.config = Object.assign({
+        script: query.script || (`${config.updatePath ? config.updatePath() : scriptSrc}/${renderer}.js`),
+        style: query.styles || (`${config.updatePath ? config.updatePath() : scriptSrc}/${renderer}.css`),
+        cdn: query.cdn,
+        class: (query.class || 'formio-form-wrapper'),
+        src: query.src,
+        form: null,
+        submission: null,
+        project: query.project,
+        base: query.base || 'https://api.form.io',
+        submit: query.submit,
+        includeLibs: (query.libs === 'true' || query.libs === '1'),
+        template: query.template,
+        debug: debug,
+        config: {},
+        redirect: (query.return || query.redirect),
+        embedCSS: (`${config.updatePath ? config.updatePath() : scriptSrc}/formio.embed.css`),
+        success: query.success || 'Thank you for your submission!',
+        before: null,
+        after: null
+    }, config);
+    const form = (Formio.config.form || Formio.config.src);
+    if (form) {
+        Formio.debug('Embedding Configuration', config);
+        if (Formio.config.addPremiumLib) {
+            Formio.config.addPremiumLib(Formio.config, scriptSrc);
+        }
+        // The id for this embedded form.
+        Formio.config.id = `formio-${Math.random().toString(36).substring(7)}`;
+        Formio.debug('Creating form element');
+        const element = Formio.createElement('div', {
+            'id': Formio.config.id,
+            class: Formio.config.class
+        });
+        // insertAfter doesn't exist, but effect is identical.
+        thisScript.parentNode.insertBefore(element, thisScript.parentNode.firstElementChild.nextSibling);
+        Formio.createForm(element, form, Formio.config.config).then((instance) => {
+            if (Formio.config.submit) {
+                instance.nosubmit = true;
+            }
+            // Configure a redirect.
+            instance.on('submit', (submission) => {
+                Formio.debug("on('submit')", submission);
+                if (Formio.config.submit) {
+                    Formio.debug(`Sending submission to ${Formio.config.submit}`);
+                    const headers = {
+                        'content-type': 'application/json'
+                    };
+                    const token = Formio.FormioClass.getToken();
+                    if (token) {
+                        headers['x-jwt-token'] = token;
+                    }
+                    Formio.FormioClass.fetch(Formio.config.submit, {
+                        body: JSON.stringify(submission),
+                        headers: headers,
+                        method: 'POST',
+                        mode: 'cors',
+                    })
+                        .then(resp => resp.json())
+                        .then(submission => Formio.submitDone(instance, submission));
+                }
+                else {
+                    Formio.submitDone(instance, submission);
+                }
+            });
+        });
+    }
+}
+else {
+    // Show an error if the script cannot be found.
+    document.write('<span>Could not locate the Embedded form.</span>');
+}
+export { Formio };

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

@@ -1,17 +1,10 @@
 /**
  * Register a module
- * @param {any} mod - The module object to register. This can also be a function which accepts Formio as an argument.
- * @param {Function|null} [defaultFn] - The default function to call if the module does not have a known key.
- * @param {any} options - Options for the module.
- * @returns {void}
+ * @param {*} plugin
+ * @returns
  */
-export function registerModule(mod: any, defaultFn?: Function | null | undefined, options?: any): void;
-/**
- * @param {Function|null} defaultFn - The default function to call if the module does not have a known key.
- * @returns {void}
- */
-export function useModule(defaultFn?: Function | null): void;
-export { Formio as FormioCore } from "./Formio";
+export function registerModule(mod: any, defaultFn?: null, options?: {}): void;
+export function useModule(defaultFn?: null): (plugins: any, options?: {}) => void;
 import Components from './components/Components';
 import Displays from './displays/Displays';
 import Providers from './providers';