@formio/js 5.2.3 → 5.2.4-rc.0

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

@@ -22,7 +22,7 @@
 
 /*! @license DOMPurify 3.2.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.2.6/LICENSE */
 
-/*! formiojs v5.2.3 | https://unpkg.com/formiojs@5.2.3/LICENSE.txt */
+/*! formiojs v5.3.0-rc.0 | https://unpkg.com/formiojs@5.3.0-rc.0/LICENSE.txt */
 
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 

package/lib/cjs/CDN.js

@@ -9,23 +9,23 @@ class CDN {
         this.baseUrl = baseUrl || CDN.defaultCDN;
         this.overrides = overrides;
         this.libs = {
-            'js': '',
-            'ace': '1.4.12',
-            'bootstrap': '5.3.3',
-            'bootstrap4': '4.6.2',
-            'bootstrap5': '5.3.3',
-            'bootswatch': '5.3.3',
+            js: '',
+            ace: '1.4.12',
+            bootstrap: '5.3.3',
+            bootstrap4: '4.6.2',
+            bootstrap5: '5.3.3',
+            bootswatch: '5.3.3',
             'bootstrap-icons': '1.11.1',
-            'ckeditor': '19.0.0',
-            'flatpickr': '4.6.8',
+            ckeditor: '19.0.0',
+            flatpickr: '4.6.8',
             'flatpickr-formio': '4.6.13-formio.3',
             'font-awesome': '4.7.0',
-            'grid': 'latest',
+            grid: 'latest',
             'moment-timezone': 'latest',
-            'quill': '2.0.0-dev.3',
+            quill: '2.0.0-dev.3',
             'shortcut-buttons-flatpickr': '0.4.0',
-            'uswds': '2.4.8',
-            'core': ''
+            uswds: '2.4.8',
+            core: '',
         };
         this.updateUrls();
     }

package/lib/cjs/Element.d.ts

@@ -1,13 +1,14 @@
 /**
  * The root component for all elements within the Form.io renderer.
+ * @property {object} options - The options for this component. Subclasses should override this type with more specific options.
  */
 export default class Element {
     constructor(options: any);
     /**
      * The options for this component.
-     * @type {{}}
+     * @type {object}
      */
-    options: {};
+    options: object;
     /**
      * The ID of this component. This value is auto-generated when the component is created, but
      * can also be provided from the component.id value passed into the constructor.

package/lib/cjs/Element.js

@@ -12,13 +12,14 @@ const i18n_1 = require("./utils/i18n");
 const utils_1 = __importDefault(require("./utils"));
 /**
  * The root component for all elements within the Form.io renderer.
+ * @property {object} options - The options for this component. Subclasses should override this type with more specific options.
  */
 class Element {
     constructor(options) {
         var _a;
         /**
          * The options for this component.
-         * @type {{}}
+         * @type {object}
          */
         this.options = Object.assign({
             language: 'en',
@@ -26,7 +27,7 @@ class Element {
             componentErrorClass: 'formio-error-wrapper',
             componentWarningClass: 'formio-warning-wrapper',
             row: '',
-            namespace: 'formio'
+            namespace: 'formio',
         }, options || {});
         /**
          * The ID of this component. This value is auto-generated when the component is created, but
@@ -49,13 +50,14 @@ class Element {
          * An instance of the EventEmitter class to handle the emitting and registration of events.
          * @type {EventEmitter}
          */
-        this.events = (options && options.events) ? options.events : new EventEmitter_1.default();
+        this.events = options && options.events ? options.events : new EventEmitter_1.default();
         this.defaultMask = null;
         /**
          * Conditional to show or hide helplinks in editForm
          * @type {*|boolean}
          */
-        this.helplinks = (this.options.helplinks === 'false') ? false : (this.options.helplinks || 'https://help.form.io');
+        this.helplinks =
+            this.options.helplinks === 'false' ? false : this.options.helplinks || 'https://help.form.io';
     }
     /**
      * Register for a new event within this component.
@@ -204,10 +206,10 @@ class Element {
             return;
         }
         this.eventHandlers.forEach((handler, index) => {
-            if ((handler.id === this.id)
-                && obj.removeEventListener
-                && (handler.type === type)
-                && (!func || handler.func === func)) {
+            if (handler.id === this.id &&
+                obj.removeEventListener &&
+                handler.type === type &&
+                (!func || handler.func === func)) {
                 obj.removeEventListener(type, handler.func);
                 indexes.push(index);
             }
@@ -218,8 +220,11 @@ class Element {
         return this;
     }
     removeEventListeners() {
-        this.eventHandlers.forEach(handler => {
-            if ((this.id === handler.id) && handler.type && handler.obj && handler.obj.removeEventListener) {
+        this.eventHandlers.forEach((handler) => {
+            if (this.id === handler.id &&
+                handler.type &&
+                handler.obj &&
+                handler.obj.removeEventListener) {
                 handler.obj.removeEventListener(handler.type, handler.func);
             }
         });
@@ -229,7 +234,7 @@ class Element {
         if (this.events) {
             lodash_1.default.each(this.events._events, (events, type) => {
                 lodash_1.default.each(events, (listener) => {
-                    if (listener && (this.id === listener.id) && (includeExternal || listener.internal)) {
+                    if (listener && this.id === listener.id && (includeExternal || listener.internal)) {
                         this.events.off(type, listener);
                     }
                 });
@@ -344,7 +349,7 @@ class Element {
      * @returns {string} - The placeholder that will exist within the input as they type.
      */
     maskPlaceholder(mask) {
-        return mask.map((char) => (char instanceof RegExp) ? this.placeholderChar : char).join('');
+        return mask.map((char) => (char instanceof RegExp ? this.placeholderChar : char)).join('');
     }
     /**
      * Get the placeholder character for the input mask.
@@ -373,7 +378,7 @@ class Element {
                     inputElement: input,
                     mask,
                     placeholderChar: this.placeholderChar,
-                    shadowRoot: this.root ? this.root.shadowRoot : null
+                    shadowRoot: this.root ? this.root.shadowRoot : null,
                 });
             }
             catch (e) {
@@ -442,7 +447,7 @@ class Element {
         }
         // Allow templates to intercept.
         className = ` ${className} `;
-        return ((` ${element.className} `).replace(/[\n\t\r]/g, ' ').indexOf(className) > -1);
+        return ` ${element.className} `.replace(/[\n\t\r]/g, ' ').indexOf(className) > -1;
     }
     /**
      * Adds a class to a DOM element.
@@ -506,7 +511,7 @@ class Element {
             instance: this,
             self: this,
             token: Formio_1.Formio.getToken({
-                decode: true
+                decode: true,
             }),
             options: this.options,
             config: this.root && this.root.form && this.root.form.config
@@ -524,8 +529,9 @@ class Element {
      * @returns {XML|string|*|void} - The interpolated string.
      */
     interpolate(string, data, options = {}) {
-        if (typeof string !== 'function' && (this.component.content || this.component.html)
-            && !utils_1.default.Evaluator.templateSettings.interpolate.test(string)) {
+        if (typeof string !== 'function' &&
+            (this.component.content || this.component.html) &&
+            !utils_1.default.Evaluator.templateSettings.interpolate.test(string)) {
             string = utils_1.default.translateHTMLTemplate(String(string), (value) => this.t(value));
         }
         if (this.component.filter === string && !this.options.building) {
@@ -553,14 +559,14 @@ class Element {
      */
     hook() {
         const name = arguments[0];
-        if (this.options &&
-            this.options.hooks &&
-            this.options.hooks[name]) {
+        if (this.options && this.options.hooks && this.options.hooks[name]) {
             return this.options.hooks[name].apply(this, Array.prototype.slice.call(arguments, 1));
         }
         else {
             // If this is an async hook instead of a sync.
-            const fn = (typeof arguments[arguments.length - 1] === 'function') ? arguments[arguments.length - 1] : null;
+            const fn = typeof arguments[arguments.length - 1] === 'function'
+                ? arguments[arguments.length - 1]
+                : null;
             if (fn) {
                 return fn(null, arguments[1]);
             }

package/lib/cjs/Embed.js

@@ -83,10 +83,10 @@ class Formio {
         if (!attrs) {
             return element;
         }
-        Object.keys(attrs).forEach(key => {
+        Object.keys(attrs).forEach((key) => {
             element.setAttribute(key, attrs[key]);
         });
-        (children || []).forEach(child => {
+        (children || []).forEach((child) => {
             element.appendChild(_a.createElement(child.tag, child.attrs, child.children));
         });
         return element;
@@ -97,7 +97,7 @@ class Formio {
                 return Promise.resolve();
             }
             if (typeof src !== 'string' && src.length) {
-                return Promise.all(src.map(ref => _a.addScript(wrapper, ref)));
+                return Promise.all(src.map((ref) => _a.addScript(wrapper, ref)));
             }
             if (name && _a.global(name, flag)) {
                 _a.debug(`${name} already loaded.`);
@@ -106,7 +106,7 @@ class Formio {
             _a.debug('Adding Script', src);
             try {
                 wrapper.appendChild(_a.createElement('script', {
-                    src
+                    src,
                 }));
             }
             catch (err) {
@@ -134,13 +134,13 @@ class Formio {
                 return;
             }
             if (typeof href !== 'string' && href.length) {
-                href.forEach(ref => _a.addStyles(wrapper, ref));
+                href.forEach((ref) => _a.addStyles(wrapper, ref));
                 return;
             }
             _a.debug('Adding Styles', href);
             wrapper.appendChild(_a.createElement('link', {
                 rel: 'stylesheet',
-                href
+                href,
             }));
         });
     }
@@ -157,10 +157,9 @@ class Formio {
             let returnUrl = _a.config.redirect;
             // Allow form based configuration for return url.
             if (!returnUrl &&
-                (instance._form &&
-                    instance._form.settings &&
-                    (instance._form.settings.returnUrl ||
-                        instance._form.settings.redirect))) {
+                instance._form &&
+                instance._form.settings &&
+                (instance._form.settings.returnUrl || instance._form.settings.redirect)) {
                 _a.debug('Return url found in form configuration');
                 returnUrl = instance._form.settings.returnUrl || instance._form.settings.redirect;
             }
@@ -202,17 +201,17 @@ class Formio {
                 }
             }
             if (lib.css) {
-                yield _a.addStyles((lib.global ? document.body : libWrapper), lib.css);
+                yield _a.addStyles(lib.global ? document.body : libWrapper, lib.css);
             }
             if (lib.js) {
-                const module = yield _a.addScript((lib.global ? document.body : libWrapper), lib.js, lib.use ? name : false);
+                const module = yield _a.addScript(lib.global ? document.body : libWrapper, lib.js, lib.use ? name : false);
                 if (lib.use) {
                     _a.debug(`Using ${name}`);
                     const options = lib.options || {};
                     if (!options.license && _a.license) {
                         options.license = _a.license;
                     }
-                    _a.use((typeof lib.use === 'function' ? lib.use(module) : module), options);
+                    _a.use(typeof lib.use === 'function' ? lib.use(module) : module, options);
                 }
             }
             if (lib.globalStyle) {
@@ -226,31 +225,36 @@ class Formio {
     static addLoader(wrapper) {
         return __awaiter(this, void 0, void 0, function* () {
             wrapper.appendChild(_a.createElement('div', {
-                'class': 'formio-loader'
-            }, [{
+                class: 'formio-loader',
+            }, [
+                {
                     tag: 'div',
                     attrs: {
-                        class: 'loader-wrapper'
+                        class: 'loader-wrapper',
                     },
-                    children: [{
+                    children: [
+                        {
                             tag: 'div',
                             attrs: {
-                                class: 'loader text-center'
-                            }
-                        }]
-                }]));
+                                class: 'loader text-center',
+                            },
+                        },
+                    ],
+                },
+            ]));
         });
     }
-    // eslint-disable-next-line max-statements
     static init(element, options = {}, builder = false) {
         return __awaiter(this, void 0, void 0, function* () {
             _a.cdn = new CDN_js_1.default(_a.config.cdn, _a.config.cdnUrls || {});
             _a.config.libs = _a.config.libs || {
                 uswds: {
-                    dependencies: ['fontawesome'],
+                    dependencies: [
+                        'fontawesome',
+                    ],
                     js: `${_a.cdn.uswds}/uswds.min.js`,
                     css: `${_a.cdn.uswds}/uswds.min.css`,
-                    use: true
+                    use: true,
                 },
                 fontawesome: {
                     // Due to an issue with font-face not loading in the shadowdom (https://issues.chromium.org/issues/41085401), we need
@@ -262,15 +266,19 @@ class Formio {
                     src: url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
                     font-weight: normal;
                     font-style: normal;
-                  }`
+                  }`,
                 },
                 bootstrap4: {
-                    dependencies: ['fontawesome'],
-                    css: `${_a.cdn.bootstrap4}/css/bootstrap.min.css`
+                    dependencies: [
+                        'fontawesome',
+                    ],
+                    css: `${_a.cdn.bootstrap4}/css/bootstrap.min.css`,
                 },
                 bootstrap: {
-                    dependencies: ['bootstrap-icons'],
-                    css: `${_a.cdn.bootstrap}/css/bootstrap.min.css`
+                    dependencies: [
+                        'bootstrap-icons',
+                    ],
+                    css: `${_a.cdn.bootstrap}/css/bootstrap.min.css`,
                 },
                 'bootstrap-icons': {
                     // Due to an issue with font-face not loading in the shadowdom (https://issues.chromium.org/issues/41085401), we need
@@ -281,27 +289,53 @@ class Formio {
                     font-family: "bootstrap-icons";
                     src: url("https://cdn.jsdelivr.net/npm/bootstrap-icons/font/fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6") format("woff2"),
                          url("https://cdn.jsdelivr.net/npm/bootstrap-icons/font/fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6") format("woff");
-                }`
-                }
+                }`,
+                },
             };
             // Add all bootswatch templates.
-            ['cerulean', 'cosmo', 'cyborg', 'darkly', 'flatly', 'journal', 'litera', 'lumen', 'lux', 'materia', 'minty', 'pulse', 'sandstone', 'simplex', 'sketchy', 'slate', 'solar', 'spacelab', 'superhero', 'united', 'yeti'].forEach((template) => {
+            [
+                'cerulean',
+                'cosmo',
+                'cyborg',
+                'darkly',
+                'flatly',
+                'journal',
+                'litera',
+                'lumen',
+                'lux',
+                'materia',
+                'minty',
+                'pulse',
+                'sandstone',
+                'simplex',
+                'sketchy',
+                'slate',
+                'solar',
+                'spacelab',
+                'superhero',
+                'united',
+                'yeti',
+            ].forEach((template) => {
                 _a.config.libs[template] = {
-                    dependencies: ['bootstrap-icons'],
-                    css: `${_a.cdn.bootswatch}/dist/${template}/bootstrap.min.css`
+                    dependencies: [
+                        'bootstrap-icons',
+                    ],
+                    css: `${_a.cdn.bootswatch}/dist/${template}/bootstrap.min.css`,
                 };
             });
             const id = _a.config.id || `formio-${Math.random().toString(36).substring(7)}`;
             // Create a new wrapper and add the element inside of a new wrapper.
             let wrapper = _a.createElement('div', {
-                'id': `${id}-wrapper`
+                id: `${id}-wrapper`,
             });
             element.parentNode.insertBefore(wrapper, element);
             // If we include the libraries, then we will attempt to run this in shadow dom.
-            const useShadowDom = _a.config.includeLibs && !_a.config.noshadow && (typeof wrapper.attachShadow === 'function');
+            const useShadowDom = _a.config.includeLibs &&
+                !_a.config.noshadow &&
+                typeof wrapper.attachShadow === 'function';
             if (useShadowDom) {
                 wrapper = wrapper.attachShadow({
-                    mode: 'open'
+                    mode: 'open',
                 });
                 options.shadowRoot = wrapper;
             }
@@ -418,7 +452,7 @@ Formio.formioReady = new Promise((ready, reject) => {
     _a._formioReady = ready;
     _a._formioReadyReject = reject;
 });
-Formio.version = '5.2.3';
+Formio.version = '5.3.0-rc.0';
 // Create a report.
 Formio.Report = {
     create: (element, submission, options = {}) => __awaiter(void 0, void 0, void 0, function* () {
@@ -431,7 +465,7 @@ Formio.Report = {
             _a.afterCreate(instance, wrapper, 'reportEmbedded');
             return instance;
         });
-    })
+    }),
 };
 CDN_js_1.default.defaultCDN = Formio.version.includes('rc') ? 'https://cdn.test-form.io' : 'https://cdn.form.io';
 class Form {
@@ -443,7 +477,7 @@ class Form {
         this.instance = {
             proxy: true,
             ready: this.ready,
-            destroy: () => { }
+            destroy: () => { },
         };
     }
     init() {

package/lib/cjs/EventEmitter.js

@@ -17,7 +17,7 @@ class EventEmitter extends eventemitter3_1.EventEmitter {
         };
         const dispatch = (0, utils_1.observeOverload)(overloadHandler, {
             limit: loadLimit,
-            delay: eventsSafeInterval
+            delay: eventsSafeInterval,
         });
         this.emit = (...args) => {
             super.emit(...args);