@formio/js 5.0.0-rc.27 → 5.0.0-rc.29

package/dist/formio.utils.min.js.LICENSE.txt

@@ -10,9 +10,11 @@
  * MIT licensed
  */
 
-/*! @license DOMPurify 3.0.5 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.5/LICENSE */
+/*! @license DOMPurify 2.4.7 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.4.7/LICENSE */
 
-/*! formiojs v5.0.0-rc.27 | https://unpkg.com/formiojs@5.0.0-rc.27/LICENSE.txt */
+/*! @license DOMPurify 3.0.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.6/LICENSE */
+
+/*! formiojs v5.0.0-rc.29 | https://unpkg.com/formiojs@5.0.0-rc.29/LICENSE.txt */
 
 /**
  * @license

package/lib/cjs/CDN.d.ts

@@ -1,6 +1,6 @@
 export default CDN;
 declare class CDN {
-    constructor(baseUrl: any);
+    constructor(baseUrl: any, overrides?: {});
     baseUrl: any;
     overrides: {};
     libs: {

package/lib/cjs/CDN.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 // like Formio.cdn.ace === 'http://cdn.form.io/ace/1.4.12'.
 // For latest version use empty string
 class CDN {
-    constructor(baseUrl) {
+    constructor(baseUrl, overrides = {}) {
         this.baseUrl = baseUrl || 'https://cdn.form.io';
-        this.overrides = {};
+        this.overrides = overrides;
         this.libs = {
             'js': '',
             'ace': '1.4.12',

package/lib/cjs/Embed.d.ts

@@ -1,22 +1,30 @@
 export class Formio {
+    static FormioClass: null;
     static baseUrl: any;
     static projectUrl: any;
+    static pathType: any;
     static language: any;
     static config: {};
-    static cdn: null;
-    static proxy: boolean;
+    static cdn: CDN;
+    static modules: any[];
+    static icons: string;
+    static formioReady: Promise<any>;
     static version: string;
-    static setBaseUrl(url: any): Promise<void>;
-    static setProjectUrl(url: any): Promise<void>;
+    static setBaseUrl(url: any, norecurse: any): void;
+    static setApiUrl(url: any, norecurse: any): void;
+    static setProjectUrl(url: any, norecurse: any): void;
+    static setAppUrl(url: any, norecurse: any): void;
+    static setPathType(type: any, norecurse: any): void;
     static debug(...args: any[]): void;
     static clearCache(): void;
-    static global(prop: any): any;
+    static global(prop: any, flag?: string): any;
+    static use(module: any): void;
     static createElement(type: any, attrs: any, children: any): any;
-    static addScript(wrapper: any, src: any, name: any): Promise<any>;
+    static addScript(wrapper: any, src: any, name: any, flag?: string): Promise<any>;
     static addStyles(wrapper: any, href: any): Promise<void>;
     static submitDone(instance: any, submission: any): Promise<void>;
     static formioScript(script: any, builder: any): any;
-    static init(element: any, builder?: boolean): Promise<any>;
+    static init(element: any, options?: {}, builder?: boolean): Promise<any>;
     static createForm(element: any, form: any, options: any): Promise<any>;
     static builder(element: any, form: any, options: any): Promise<any>;
 }
@@ -41,3 +49,4 @@ export class Form {
 }
 export class FormBuilder extends Form {
 }
+import CDN from './CDN.js';

package/lib/cjs/Embed.js

@@ -15,15 +15,35 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormBuilder = exports.Form = exports.Formio = void 0;
 const CDN_js_1 = __importDefault(require("./CDN.js"));
 class Formio {
-    static setBaseUrl(url) {
-        return __awaiter(this, void 0, void 0, function* () {
-            Formio.baseUrl = url;
-        });
+    static setBaseUrl(url, norecurse) {
+        Formio.baseUrl = url;
+        if (!norecurse && Formio.FormioClass) {
+            Formio.FormioClass.setBaseUrl(url);
+        }
     }
-    static setProjectUrl(url) {
-        return __awaiter(this, void 0, void 0, function* () {
-            Formio.projectUrl = url;
-        });
+    static setApiUrl(url, norecurse) {
+        Formio.baseUrl = url;
+        if (!norecurse && Formio.FormioClass) {
+            Formio.FormioClass.setApiUrl(url);
+        }
+    }
+    static setProjectUrl(url, norecurse) {
+        Formio.projectUrl = url;
+        if (!norecurse && Formio.FormioClass) {
+            Formio.FormioClass.setProjectUrl(url);
+        }
+    }
+    static setAppUrl(url, norecurse) {
+        Formio.projectUrl = url;
+        if (!norecurse && Formio.FormioClass) {
+            Formio.FormioClass.setAppUrl(url);
+        }
+    }
+    static setPathType(type, norecurse) {
+        Formio.pathType = type;
+        if (!norecurse && Formio.FormioClass) {
+            Formio.FormioClass.setPathType(type);
+        }
     }
     static debug(...args) {
         if (Formio.config.debug) {
@@ -35,14 +55,22 @@ class Formio {
             Formio.FormioClass.clearCache();
         }
     }
-    static global(prop) {
+    static global(prop, flag = '') {
         const globalValue = window[prop];
-        if (globalValue && globalValue.proxy) {
+        if (flag && globalValue && !globalValue[flag]) {
             return null;
         }
         Formio.debug(`Getting global ${prop}`, globalValue);
         return globalValue;
     }
+    static use(module) {
+        if (Formio.FormioClass && Formio.FormioClass.isRenderer) {
+            Formio.FormioClass.use(module);
+        }
+        else {
+            Formio.modules.push(module);
+        }
+    }
     static createElement(type, attrs, children) {
         const element = document.createElement(type);
         Object.keys(attrs).forEach(key => {
@@ -53,7 +81,7 @@ class Formio {
         });
         return element;
     }
-    static addScript(wrapper, src, name) {
+    static addScript(wrapper, src, name, flag = '') {
         return __awaiter(this, void 0, void 0, function* () {
             if (!src) {
                 return Promise.resolve();
@@ -61,7 +89,7 @@ class Formio {
             if (typeof src !== 'string' && src.length) {
                 return Promise.all(src.map(ref => Formio.addScript(wrapper, ref)));
             }
-            if (name && Formio.global(name)) {
+            if (name && Formio.global(name, flag)) {
                 Formio.debug(`${name} already loaded.`);
                 return Promise.resolve(Formio.global(name));
             }
@@ -75,7 +103,7 @@ class Formio {
             return new Promise((resolve) => {
                 Formio.debug(`Waiting to load ${name}`);
                 const wait = setInterval(() => {
-                    if (Formio.global(name)) {
+                    if (Formio.global(name, flag)) {
                         clearInterval(wait);
                         Formio.debug(`${name} loaded.`);
                         resolve(Formio.global(name));
@@ -143,9 +171,9 @@ class Formio {
         return script;
     }
     // eslint-disable-next-line max-statements
-    static init(element, builder = false) {
+    static init(element, options = {}, builder = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            Formio.cdn = new CDN_js_1.default(Formio.config.cdn);
+            Formio.cdn = new CDN_js_1.default(Formio.config.cdn, Formio.config.cdnUrls || {});
             Formio.config.libs = Formio.config.libs || {
                 uswds: {
                     fa: true,
@@ -161,10 +189,17 @@ class Formio {
             };
             const id = Formio.config.id || `formio-${Math.random().toString(36).substring(7)}`;
             // Create a new wrapper and add the element inside of a new wrapper.
-            const wrapper = Formio.createElement('div', {
+            let wrapper = Formio.createElement('div', {
                 'id': `"${id}-wrapper"`
             });
             element.parentNode.insertBefore(wrapper, element);
+            // If we include the libraries, then we will attempt to run this in shadow dom.
+            if (Formio.config.includeLibs && (typeof wrapper.attachShadow === 'function') && !Formio.config.premium) {
+                wrapper = wrapper.attachShadow({
+                    mode: 'open'
+                });
+                options.shadowRoot = wrapper;
+            }
             element.parentNode.removeChild(element);
             wrapper.appendChild(element);
             // Load the renderer styles.
@@ -184,10 +219,20 @@ class Formio {
                             }
                         }]
                 }]));
-            Formio.FormioClass = yield Formio.addScript(wrapper, Formio.formioScript(Formio.config.script || `${Formio.cdn.js}/formio.form.min.js`, builder), 'Formio');
-            Formio.FormioClass.setBaseUrl(Formio.baseUrl || Formio.config.base);
-            Formio.FormioClass.setProjectUrl(Formio.projectUrl || Formio.config.project);
+            const renderer = Formio.config.debug ? 'formio.form' : 'formio.form.min';
+            Formio.FormioClass = yield Formio.addScript(wrapper, Formio.formioScript(Formio.config.script || `${Formio.cdn.js}/${renderer}.js`, builder), 'Formio', builder ? 'isBuilder' : 'isRenderer');
+            Formio.FormioClass.setBaseUrl(options.baseUrl || Formio.baseUrl || Formio.config.base);
+            Formio.FormioClass.setProjectUrl(options.projectUrl || Formio.projectUrl || Formio.config.project);
             Formio.FormioClass.language = Formio.language;
+            Formio.modules.forEach((module) => {
+                Formio.FormioClass.use(module);
+            });
+            if (Formio.icons) {
+                Formio.FormioClass.icons = Formio.icons;
+            }
+            if (Formio.pathType) {
+                Formio.FormioClass.setPathType(Formio.pathType);
+            }
             // Add premium modules
             if (Formio.global('premium')) {
                 Formio.debug('Using premium module.');
@@ -226,17 +271,18 @@ class Formio {
                 Formio.debug('Using premium');
                 Formio.FormioClass.use(yield Formio.addScript(wrapper, Formio.config.premium.js, 'premium'));
             }
-            yield Formio.addStyles(wrapper, Formio.formioScript(Formio.config.style || `${Formio.cdn.js}/formio.form.min.css`, builder));
+            yield Formio.addStyles(wrapper, Formio.formioScript(Formio.config.style || `${Formio.cdn.js}/${renderer}.css`, builder));
             if (Formio.config.before) {
                 yield Formio.config.before(Formio.FormioClass, element, Formio.config);
             }
             Formio.FormioClass.license = true;
+            Formio._formioReady(Formio.FormioClass);
             return wrapper;
         });
     }
     static createForm(element, form, options) {
         return __awaiter(this, void 0, void 0, function* () {
-            const wrapper = yield Formio.init(element);
+            const wrapper = yield Formio.init(element, options);
             return Formio.FormioClass.createForm(element, form, Object.assign(Object.assign({}, options), { noLoader: true })).then((instance) => {
                 Formio.debug('Form created', instance);
                 // Remove the loader.
@@ -261,7 +307,7 @@ class Formio {
     }
     static builder(element, form, options) {
         return __awaiter(this, void 0, void 0, function* () {
-            const wrapper = yield Formio.init(element, true);
+            const wrapper = yield Formio.init(element, options, true);
             return Formio.FormioClass.builder(element, form, options).then((instance) => {
                 Formio.debug('Builder created', instance);
                 Formio.debug('Removing loader');
@@ -277,9 +323,15 @@ class Formio {
         });
     }
 }
+Formio.FormioClass = null;
 Formio.config = {};
-Formio.cdn = null;
-Formio.proxy = true;
+Formio.cdn = new CDN_js_1.default();
+Formio.modules = [];
+Formio.icons = '';
+Formio.formioReady = new Promise((ready, reject) => {
+    Formio._formioReady = ready;
+    Formio._formioReadyReject = reject;
+});
 Formio.version = 'FORMIO_VERSION';
 exports.Formio = Formio;
 class Form {

package/lib/cjs/Formio.d.ts

@@ -1,2 +1 @@
 export { Formio };
-import { Formio } from '@formio/core';

package/lib/cjs/Formio.js

@@ -4,15 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Formio = void 0;
-const core_1 = require("@formio/core");
-Object.defineProperty(exports, "Formio", { enumerable: true, get: function () { return core_1.Formio; } });
+const sdk_1 = require("@formio/core/sdk");
+Object.defineProperty(exports, "Formio", { enumerable: true, get: function () { return sdk_1.Formio; } });
+const Embed_1 = require("./Embed");
 const CDN_1 = __importDefault(require("./CDN"));
 const providers_1 = __importDefault(require("./providers"));
-core_1.Formio.cdn = new CDN_1.default();
-core_1.Formio.Providers = providers_1.default;
-core_1.Formio.version = 'FORMIO_VERSION';
+sdk_1.Formio.cdn = new CDN_1.default();
+sdk_1.Formio.Providers = providers_1.default;
+sdk_1.Formio.version = 'FORMIO_VERSION';
 const isNil = (val) => val === null || val === undefined;
-core_1.Formio.prototype.uploadFile = function (storage, file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, uploadStartCallback, abortCallback) {
+sdk_1.Formio.prototype.uploadFile = function (storage, file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, uploadStartCallback, abortCallback, multipartOptions) {
     const requestArgs = {
         provider: storage,
         method: 'upload',
@@ -21,9 +22,9 @@ core_1.Formio.prototype.uploadFile = function (storage, file, fileName, dir, pro
         dir: dir
     };
     fileKey = fileKey || 'file';
-    const request = core_1.Formio.pluginWait('preRequest', requestArgs)
+    const request = sdk_1.Formio.pluginWait('preRequest', requestArgs)
         .then(() => {
-        return core_1.Formio.pluginGet('fileRequest', requestArgs)
+        return sdk_1.Formio.pluginGet('fileRequest', requestArgs)
             .then((result) => {
             if (storage && isNil(result)) {
                 const Provider = providers_1.default.getProvider('storage', storage);
@@ -32,7 +33,7 @@ core_1.Formio.prototype.uploadFile = function (storage, file, fileName, dir, pro
                     if (uploadStartCallback) {
                         uploadStartCallback();
                     }
-                    return provider.uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback);
+                    return provider.uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback, multipartOptions);
                 }
                 else {
                     throw ('Storage provider not found');
@@ -41,16 +42,16 @@ core_1.Formio.prototype.uploadFile = function (storage, file, fileName, dir, pro
             return result || { url: '' };
         });
     });
-    return core_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);
+    return sdk_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);
 };
-core_1.Formio.prototype.downloadFile = function (file, options) {
+sdk_1.Formio.prototype.downloadFile = function (file, options) {
     const requestArgs = {
         method: 'download',
         file: file
     };
-    const request = core_1.Formio.pluginWait('preRequest', requestArgs)
+    const request = sdk_1.Formio.pluginWait('preRequest', requestArgs)
         .then(() => {
-        return core_1.Formio.pluginGet('fileRequest', requestArgs)
+        return sdk_1.Formio.pluginGet('fileRequest', requestArgs)
             .then((result) => {
             if (file.storage && isNil(result)) {
                 const Provider = providers_1.default.getProvider('storage', file.storage);
@@ -65,16 +66,16 @@ core_1.Formio.prototype.downloadFile = function (file, options) {
             return result || { url: '' };
         });
     });
-    return core_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);
+    return sdk_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);
 };
-core_1.Formio.prototype.deleteFile = function (file, options) {
+sdk_1.Formio.prototype.deleteFile = function (file, options) {
     const requestArgs = {
         method: 'delete',
         file: file
     };
-    const request = core_1.Formio.pluginWait('preRequest', requestArgs)
+    const request = sdk_1.Formio.pluginWait('preRequest', requestArgs)
         .then(() => {
-        return core_1.Formio.pluginGet('fileRequest', requestArgs)
+        return sdk_1.Formio.pluginGet('fileRequest', requestArgs)
             .then((result) => {
             if (file.storage && isNil(result)) {
                 const Provider = providers_1.default.getProvider('storage', file.storage);
@@ -89,7 +90,14 @@ core_1.Formio.prototype.deleteFile = function (file, options) {
             return result || { url: '' };
         });
     });
-    return core_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);
+    return sdk_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);
 };
 // For reverse compatability.
-core_1.Formio.Promise = Promise;
+sdk_1.Formio.Promise = Promise;
+sdk_1.Formio.formioReady = Embed_1.Formio.formioReady;
+sdk_1.Formio.config = Embed_1.Formio.config;
+sdk_1.Formio.builder = Embed_1.Formio.builder;
+sdk_1.Formio.Form = Embed_1.Formio.Form;
+sdk_1.Formio.FormBuilder = Embed_1.Formio.FormBuilder;
+sdk_1.Formio.use = Embed_1.Formio.use;
+sdk_1.Formio.createForm = Embed_1.Formio.createForm;

package/lib/cjs/PDF.js

@@ -241,7 +241,7 @@ class PDF extends Webform_1.default {
         const helpBlock = document.getElementById('submit-error');
         const submitError = this.t('submitError');
         const isSubmitErrorShown = ((_a = this.refs.buttonMessage) === null || _a === void 0 ? void 0 : _a.textContent.trim()) === submitError;
-        if (!helpBlock && this.errors.length && !isSubmitErrorShown) {
+        if (!helpBlock && error.length && !isSubmitErrorShown) {
             const p = this.ce('p', { class: 'help-block' });
             this.setContent(p, submitError);
             p.addEventListener('click', () => {
@@ -251,7 +251,7 @@ class PDF extends Webform_1.default {
             this.appendTo(p, div);
             this.appendTo(div, this.element);
         }
-        if (!this.errors.length && helpBlock) {
+        if (!error.length && helpBlock) {
             helpBlock.remove();
         }
         super.showErrors(error, triggerEvent);

package/lib/cjs/Webform.d.ts

@@ -20,7 +20,6 @@ declare class Webform extends NestedDataComponent {
     draftEnabled: boolean;
     savingDraft: boolean;
     triggerSaveDraft: any;
-    customErrors: any[];
     set nosubmit(arg: any);
     get nosubmit(): any;
     /**
@@ -327,7 +326,7 @@ declare class Webform extends NestedDataComponent {
      * @param {Object} error - An optional additional error to display along with the component errors.
      * @returns {*}
      */
-    showErrors(error: Object, triggerEvent: any, onChange: any): any;
+    showErrors(errors: any, triggerEvent: any, onChange: any): any;
     /**
      * Called when the submission has completed, or if the submission needs to be sent to an external library.
      *
@@ -342,7 +341,7 @@ declare class Webform extends NestedDataComponent {
      *
      * @param {Object} error - The error that occured.
      */
-    onSubmissionError(error: Object): any;
+    onSubmissionError(error: Object): false | undefined;
     /**
      * Trigger the change event for this form.
      *
@@ -350,7 +349,6 @@ declare class Webform extends NestedDataComponent {
      * @param flags
      */
     onChange(flags: any, changed: any, modified: any, changes: any): void;
-    checkData(data: any, flags?: {}): any;
     /**
      * Send a delete request to the server.
      */
@@ -388,7 +386,7 @@ declare class Webform extends NestedDataComponent {
      *
      * @returns {Promise} - A promise when the form is done submitting.
      */
-    submit(before: boolean, options: any): Promise<any>;
+    submit(before: boolean, options?: {}): Promise<any>;
     submitUrl(URL: any, headers: any): void;
     triggerRecaptcha(): void;
     _nosubmit: any;
@@ -396,10 +394,9 @@ declare class Webform extends NestedDataComponent {
     get variables(): any;
 }
 declare namespace Webform {
-    const setBaseUrl: typeof Formio.setBaseUrl;
-    const setApiUrl: typeof Formio.setApiUrl;
-    const setAppUrl: typeof Formio.setAppUrl;
+    const setBaseUrl: any;
+    const setApiUrl: any;
+    const setAppUrl: any;
 }
 export default Webform;
 import NestedDataComponent from './components/_classes/nesteddata/NestedDataComponent';
-import { Formio } from './Formio';