@formio/js 5.0.0-rc.19 → 5.0.0-rc.21

package/lib/mjs/components/textarea/fixtures/comp4.d.ts

@@ -0,0 +1,30 @@
+declare namespace _default {
+    const type: string;
+    const components: ({
+        type: string;
+        key: string;
+        rows: number;
+        editor: string;
+        hideLabel: boolean;
+        as: string;
+        input: boolean;
+        label?: undefined;
+        showValidations?: undefined;
+        tableView?: undefined;
+    } | {
+        label: string;
+        showValidations: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        rows?: undefined;
+        editor?: undefined;
+        hideLabel?: undefined;
+        as?: undefined;
+    })[];
+    const title: string;
+    const display: string;
+    const name: string;
+}
+export default _default;

package/lib/mjs/components/textarea/fixtures/comp4.js

@@ -0,0 +1,25 @@
+export default {
+    type: 'form',
+    components: [
+        {
+            type: 'textarea',
+            key: 'jsonTextarea',
+            rows: 5,
+            editor: 'ace',
+            hideLabel: true,
+            as: 'json',
+            input: true
+        },
+        {
+            label: 'Submit',
+            showValidations: false,
+            tableView: false,
+            key: 'submit',
+            type: 'button',
+            input: true
+        }
+    ],
+    title: 'text area tests',
+    display: 'form',
+    name: 'textAriaTests',
+};

package/lib/mjs/components/textarea/fixtures/index.d.ts

@@ -1,4 +1,5 @@
 import comp1 from './comp1';
 import comp2 from './comp2';
 import comp3 from './comp3';
-export { comp1, comp2, comp3 };
+import comp4 from './comp4';
+export { comp1, comp2, comp3, comp4 };

package/lib/mjs/components/textarea/fixtures/index.js

@@ -1,4 +1,5 @@
 import comp1 from './comp1';
 import comp2 from './comp2';
 import comp3 from './comp3';
-export { comp1, comp2, comp3 };
+import comp4 from './comp4';
+export { comp1, comp2, comp3, comp4 };

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

@@ -7,6 +7,27 @@ export default class TextFieldComponent extends Input {
         weight: number;
         schema: any;
     };
+    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): string[];
     get emptyValue(): string;
     /**
      * Returns the mask value object.
@@ -34,5 +55,6 @@ export default class TextFieldComponent extends Input {
     getValueAt(index: any): any;
     isHtmlRenderMode(): any;
     truncateMultipleSpaces(value: any): any;
+    beforeSubmit(): Promise<any>;
 }
 import Input from '../_classes/input/Input';

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

@@ -1,7 +1,6 @@
 import Input from '../_classes/input/Input';
 import { conformToMask } from '@formio/vanilla-text-mask';
 import * as FormioUtils from '../../utils/utils';
-import NativePromise from 'native-promise-only';
 export default class TextFieldComponent extends Input {
     static schema(...extend) {
         return Input.schema({
@@ -33,6 +32,18 @@ export default class TextFieldComponent extends Input {
             schema: TextFieldComponent.schema()
         };
     }
+    static get serverConditionSettings() {
+        return TextFieldComponent.conditionOperatorsSettings;
+    }
+    static get conditionOperatorsSettings() {
+        return {
+            ...super.conditionOperatorsSettings,
+            operators: [...super.conditionOperatorsSettings.operators, 'includes', 'notIncludes', 'endsWith', 'startsWith'],
+        };
+    }
+    static savedValueTypes(schema) {
+        return FormioUtils.getComponentSavedTypes(schema) || [FormioUtils.componentValueTypes.string];
+    }
     get defaultSchema() {
         return TextFieldComponent.schema();
     }
@@ -209,10 +220,10 @@ export default class TextFieldComponent extends Input {
     beforeSubmit() {
         let value = this.dataValue;
         if (!this.component.truncateMultipleSpaces || !value) {
-            return NativePromise.resolve(value);
+            return Promise.resolve(value);
         }
         value = this.truncateMultipleSpaces(value);
         this.dataValue = value;
-        return NativePromise.resolve(value).then(() => super.beforeSubmit());
+        return Promise.resolve(value).then(() => super.beforeSubmit());
     }
 }

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

@@ -1,4 +1,15 @@
 export default class TimeComponent extends TextFieldComponent {
+    static get serverConditionSettings(): {
+        valueComponent(classComp: any): any;
+        operators: any[];
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
     rawData: string | never[];
     get dataFormat(): any;
     get skipMaskValidation(): boolean;

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

@@ -13,6 +13,17 @@ export default class TimeComponent extends TextFieldComponent {
             dataFormat: defaultDataFormat,
         }, ...extend);
     }
+    static get serverConditionSettings() {
+        return {
+            ...super.serverConditionSettings,
+            valueComponent(classComp) {
+                return {
+                    ...classComp,
+                    type: 'time',
+                };
+            },
+        };
+    }
     constructor(component, options, data) {
         super(component, options, data);
         const { edge: isEdgeBrowser, version: edgeVersion } = getBrowserInfo();
@@ -33,7 +44,7 @@ export default class TimeComponent extends TextFieldComponent {
             title: 'Time',
             icon: 'clock-o',
             group: 'advanced',
-            documentation: '/userguide/form-building/advanced-components#time',
+            documentation: '/userguide/form-building/advanced-components#time-1',
             weight: 55,
             schema: TimeComponent.schema(),
         };

package/lib/mjs/components/tree/Tree.d.ts

@@ -2,9 +2,9 @@ export default class TreeComponent extends NestedDataComponent {
     static get builderInfo(): {
         title: string;
         icon: string;
-        group: string;
         weight: number;
         documentation: string;
+        showPreview: boolean;
         schema: any;
     };
     constructor(...args: any[]);
@@ -23,10 +23,11 @@ export default class TreeComponent extends NestedDataComponent {
     renderChildNodes(nodes: any[] | undefined, odd: any): any;
     renderEdit(node?: {}): any;
     renderView(node?: {}): any;
-    attachNode(element: any, node: any): any;
+    attach(element: any): Promise<[void, void]> | Promise<[[void, void], void | [void, void]]>;
+    attachNode(element: any, node: any): Promise<void> | Promise<[void, void]>;
     attachActions(node: any): void;
-    attachComponents(node: any, ...args: any[]): any;
-    attachChildren(node: any): any;
+    attachComponents(node: any, ...args: any[]): Promise<any>;
+    attachChildren(node: any): Promise<any>;
     addChild(parent: any): void;
     cancelNode(node: any): void;
     editNode(node: any): void;

package/lib/mjs/components/tree/Tree.form.js

@@ -1,7 +1,12 @@
 import componentEditForm from '../_classes/component/Component.form';
 import TreeEditData from './editForm/Tree.edit.data';
+import TreeDisplayData from './editForm/Tree.edit.display';
 export default function (...extend) {
     return componentEditForm([
+        {
+            key: 'display',
+            components: TreeDisplayData,
+        },
         {
             key: 'data',
             components: TreeEditData,

package/lib/mjs/components/tree/Tree.js

@@ -3,7 +3,6 @@ import Component from '../_classes/component/Component';
 import Components from '../Components';
 import NestedDataComponent from '../_classes/nesteddata/NestedDataComponent';
 import Node from './Node';
-import NativePromise from 'native-promise-only';
 export default class TreeComponent extends NestedDataComponent {
     static schema(...extend) {
         return NestedDataComponent.schema({
@@ -21,9 +20,9 @@ export default class TreeComponent extends NestedDataComponent {
         return {
             title: 'Tree',
             icon: 'indent',
-            group: 'data',
             weight: 40,
             documentation: '/userguide/form-building/data-components#tree',
+            showPreview: false,
             schema: TreeComponent.schema(),
         };
     }
@@ -134,17 +133,17 @@ export default class TreeComponent extends NestedDataComponent {
         this.loadRefs(element, {
             root: 'single',
         });
-        return NativePromise.all([
+        return Promise.all([
             super.attach(element),
             this.attachNode(this.refs.root, this.treeRoot),
         ]);
     }
     attachNode(element, node) {
         if (!element) {
-            return NativePromise.resolve();
+            return Promise.resolve();
         }
-        let componentsPromise = NativePromise.resolve();
-        let childrenPromise = NativePromise.resolve();
+        let componentsPromise = Promise.resolve();
+        let childrenPromise = Promise.resolve();
         node.refs = _.reduce(element.children, (refs, child) => (child.hasAttribute('ref')
             ? {
                 ...refs,
@@ -158,7 +157,7 @@ export default class TreeComponent extends NestedDataComponent {
         if (node.refs.childNodes) {
             childrenPromise = this.attachChildren(node);
         }
-        return NativePromise.all([
+        return Promise.all([
             componentsPromise,
             childrenPromise,
         ]);
@@ -223,11 +222,11 @@ export default class TreeComponent extends NestedDataComponent {
         });
         return node.refs.nodeEdit
             ? super.attachComponents(node.refs.nodeEdit, node.components)
-            : NativePromise.resolve();
+            : Promise.resolve();
     }
     attachChildren(node) {
         const childElements = node.refs.childNodes.children;
-        return NativePromise.all(_.map(childElements, (childElement, index) => this.attachNode(childElement, node.children[index])));
+        return Promise.all(_.map(childElements, (childElement, index) => this.attachNode(childElement, node.children[index])));
     }
     setValue(value, flags = {}) {
         const changed = this.updateValue(value, flags);

package/lib/mjs/components/tree/editForm/Tree.edit.display.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    key: string;
+    weight: number;
+    type: string;
+    tag: string;
+    className: string;
+    content: string;
+}[];
+export default _default;

package/lib/mjs/components/tree/editForm/Tree.edit.display.js

@@ -0,0 +1,10 @@
+export default [
+    {
+        key: 'treeInfo',
+        weight: -10,
+        type: 'htmlelement',
+        tag: 'div',
+        className: 'alert alert-danger',
+        content: 'This component has been deprecated and will be removed in a future version of Formio.js.',
+    }
+];

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

@@ -4,9 +4,11 @@ export default class WellComponent extends NestedComponent {
         icon: string;
         group: string;
         documentation: string;
+        showPreview: boolean;
         weight: number;
         schema: any;
     };
+    static savedValueTypes(): never[];
     constructor(...args: any[]);
     noField: boolean;
 }

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

@@ -15,10 +15,14 @@ export default class WellComponent extends NestedComponent {
             icon: 'square-o',
             group: 'layout',
             documentation: '/userguide/form-building/layout-components#well',
+            showPreview: false,
             weight: 60,
             schema: WellComponent.schema()
         };
     }
+    static savedValueTypes() {
+        return [];
+    }
     get defaultSchema() {
         return WellComponent.schema();
     }

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,96 @@
-import { embed } from './Embed';
-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('/');
+    Formio.config = Object.assign({
+        script: query.script || (`${config.updatePath ? config.updatePath() : scriptSrc}/formio.form.min.js`),
+        style: query.styles || (`${config.updatePath ? config.updatePath() : scriptSrc}/formio.form.min.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: (query.debug === 'true' || query.debug === '1'),
+        config: {},
+        redirect: (query.return || query.redirect),
+        embedCSS: (`${config.updatePath ? config.updatePath() : scriptSrc}/formio.embed.css`),
+        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

@@ -3,8 +3,8 @@
  * @param {*} plugin
  * @returns
  */
-export function registerModule(mod: any, defaultFn?: null): void;
-export function useModule(defaultFn?: null): (...plugins: any[]) => void;
+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';
@@ -19,4 +19,5 @@ import ValueSources from './validator/valueSources';
 import Utils from './utils';
 import Form from './Form';
 import { Formio } from './Formio';
-export { Components, Displays, Providers, Rules, Widgets, Templates, Conjunctions, Operators, QuickRules, Transformers, ValueSources, Utils, Form, Formio };
+import Licenses from './licenses';
+export { Components, Displays, Providers, Rules, Widgets, Templates, Conjunctions, Operators, QuickRules, Transformers, ValueSources, Utils, Form, Formio, Licenses };

package/lib/mjs/formio.form.js

@@ -15,6 +15,7 @@ import Widgets from './widgets';
 import Form from './Form';
 import Utils from './utils';
 import Evaluator from './utils/Evaluator';
+import Licenses from './licenses';
 Formio.loadModules = (path = `${Formio.getApiUrl()}/externalModules.js`, name = 'externalModules') => {
     Formio.requireLibrary(name, name, path, true)
         .then((modules) => {
@@ -37,6 +38,7 @@ Formio.QuickRules = QuickRules;
 Formio.Transformers = Transformers;
 Formio.ValueSources = ValueSources;
 Formio.AllComponents = AllComponents;
+Formio.Licenses = Licenses;
 // This is strange, but is needed for "premium" components to import correctly.
 Formio.Formio = Formio;
 Formio.Components.setComponents(AllComponents);
@@ -45,7 +47,7 @@ Formio.Components.setComponents(AllComponents);
  * @param {*} plugin
  * @returns
  */
-export function registerModule(mod, defaultFn = null) {
+export function registerModule(mod, defaultFn = null, options = {}) {
     // Sanity check.
     if (typeof mod !== 'object') {
         return;
@@ -104,6 +106,11 @@ export function registerModule(mod, defaultFn = null) {
             case 'valueSources':
                 Formio.ValueSources.addValueSources(mod.valueSources);
                 break;
+            case 'library':
+                options.license
+                    ? Formio.Licenses.addLicense(mod.library, mod.license)
+                    : Formio.Licenses.removeLicense(mod.library);
+                break;
             default:
                 if (defaultFn) {
                     if (!defaultFn(key, mod)) {
@@ -116,23 +123,24 @@ export function registerModule(mod, defaultFn = null) {
     }
 }
 export function useModule(defaultFn = null) {
-    return (...plugins) => {
+    return (plugins, options = {}) => {
+        plugins = _.isArray(plugins) ? plugins : [plugins];
         plugins.forEach((plugin) => {
             if (Array.isArray(plugin)) {
-                plugin.forEach(p => registerModule(p, defaultFn));
+                plugin.forEach(p => registerModule(p, defaultFn, options));
             }
             else {
-                registerModule(plugin, defaultFn);
+                registerModule(plugin, defaultFn, options);
             }
         });
     };
 }
 /**
- * Allows passing in plugins as multiple arguments or an array of plugins.
+ * Allows passing in plugins as an array of plugins or a single plugin.
  *
- * Formio.plugins(plugin1, plugin2, etc);
- * Formio.plugins([plugin1, plugin2, etc]);
+ * Formio.plugins(plugin1, options);
+ * Formio.plugins([plugin1, plugin2, etc], options);
  */
 Formio.use = useModule();
 // Export the components.
-export { Components, Displays, Providers, Rules, Widgets, Templates, Conjunctions, Operators, QuickRules, Transformers, ValueSources, Utils, Form, Formio };
+export { Components, Displays, Providers, Rules, Widgets, Templates, Conjunctions, Operators, QuickRules, Transformers, ValueSources, Utils, Form, Formio, Licenses };

package/lib/mjs/licenses/Licenses.d.ts

@@ -0,0 +1,7 @@
+export default class Licenses {
+    static licenses: {};
+    static addLicense(name: any, license: any): void;
+    static getLicense(name: any): any;
+    static removeLicense(name: any): void;
+    static getLicenses(): {};
+}

package/lib/mjs/licenses/Licenses.js

@@ -0,0 +1,17 @@
+import _ from 'lodash';
+class Licenses {
+    static licenses = {};
+    static addLicense(name, license) {
+        Licenses.licenses[name] = license;
+    }
+    static getLicense(name) {
+        return Licenses.licenses[name];
+    }
+    static removeLicense(name) {
+        _.unset(Licenses.licenses, name);
+    }
+    static getLicenses() {
+        return Licenses.licenses;
+    }
+}
+export default Licenses;

package/lib/mjs/licenses/index.d.ts

@@ -0,0 +1,2 @@
+export default Licenses;
+import Licenses from './Licenses';

package/lib/mjs/licenses/index.js

@@ -0,0 +1,2 @@
+import Licenses from './Licenses';
+export default Licenses;

package/lib/mjs/providers/Providers.d.ts

@@ -9,15 +9,25 @@ export default class Providers {
                 (): {
                     title: string;
                     name: string;
-                    uploadFile(file: any, fileName: any): any;
-                    downloadFile(file: any): any;
+                    uploadFile(file: any, fileName: any): Promise<any>;
+                    downloadFile(file: any): Promise<any>;
                 };
                 title: string;
             };
             s3: {
                 (formio: any): {
-                    uploadFile(file: any, fileName: any, dir: any, progressCallback: any, url: any, options: any, fileKey: any, groupPermissions: any, groupId: any, abortCallback: any): any;
+                    uploadFile(file: any, fileName: any, dir: any, progressCallback: any, url: any, options: any, fileKey: any, groupPermissions: any, groupId: any, abortCallback: any): Promise<{
+                        storage: string;
+                        name: any;
+                        bucket: any;
+                        key: any;
+                        url: any;
+                        acl: any;
+                        size: any;
+                        type: any;
+                    }>;
                     downloadFile(file: any): any;
+                    deleteFile(fileInfo: any): any;
                 };
                 title: string;
             };
@@ -26,15 +36,24 @@ export default class Providers {
                     title: string;
                     name: string;
                     uploadFile(file: any, name: any, dir: any, progressCallback: any, url: any, options: any, fileKey: any, groupPermissions: any, groupId: any, abortCallback: any): any;
-                    deleteFile(fileInfo: any): any;
-                    downloadFile(file: any): any;
+                    deleteFile(fileInfo: any): Promise<any>;
+                    downloadFile(file: any): Promise<any>;
                 };
                 title: string;
             };
             azure: {
                 (formio: any): {
-                    uploadFile(file: any, fileName: any, dir: any, progressCallback: any, url: any, options: any, fileKey: any, groupPermissions: any, groupId: any, abortCallback: any): any;
+                    uploadFile(file: any, fileName: any, dir: any, progressCallback: any, url: any, options: any, fileKey: any, groupPermissions: any, groupId: any, abortCallback: any): Promise<{
+                        storage: string;
+                        name: any;
+                        size: any;
+                        type: any;
+                        groupPermissions: any;
+                        groupId: any;
+                        key: any;
+                    }>;
                     downloadFile(file: any): any;
+                    deleteFile: (fileInfo: any) => any;
                 };
                 title: string;
             };
@@ -42,16 +61,17 @@ export default class Providers {
                 (): {
                     title: string;
                     name: string;
-                    uploadFile(file: any, fileName: any, dir: any, progressCallback: any, url: any, options: any): any;
-                    downloadFile(file: any, options: any): any;
-                    deleteFile(file: any, options: any): any;
+                    uploadFile(file: any, fileName: any, dir: any, progressCallback: any, url: any, options: any): Promise<any> | undefined;
+                    downloadFile(file: any, options: any): Promise<any>;
+                    deleteFile(file: any, options: any): Promise<any>;
                 };
                 title: string;
             };
             googledrive: {
                 (formio: any): {
-                    uploadFile(file: any, fileName: any, dir: any, progressCallback: any, url: any, options: any, fileKey: any, groupPermissions: any, groupId: any, abortCallback: any): any;
-                    downloadFile(file: any): any;
+                    uploadFile(file: any, fileName: any, dir: any, progressCallback: any, url: any, options: any, fileKey: any, groupPermissions: any, groupId: any, abortCallback: any): Promise<any>;
+                    downloadFile(file: any): Promise<any>;
+                    deleteFile: (fileInfo: any) => any;
                 };
                 title: string;
             };