@formio/js 5.0.0-rc.18 → 5.0.0-rc.20

package/lib/cjs/providers/storage/indexeddb.js

@@ -1,10 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const uuid_1 = require("uuid");
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 const indexeddb = () => ({
     title: 'indexedDB',
     name: 'indexeddb',
@@ -13,8 +9,8 @@ const indexeddb = () => ({
             console.log('This browser doesn\'t support IndexedDB');
             return;
         }
-        return new native_promise_only_1.default((resolve) => {
-            const request = indexedDB.open(options.indexeddb, 3);
+        return new Promise((resolve) => {
+            const request = indexedDB.open(options.indexeddb);
             request.onsuccess = function (event) {
                 const db = event.target.result;
                 resolve(db);
@@ -25,7 +21,7 @@ const indexeddb = () => ({
             };
         }).then((db) => {
             const reader = new FileReader();
-            return new native_promise_only_1.default((resolve, reject) => {
+            return new Promise((resolve, reject) => {
                 reader.onload = () => {
                     const blobObject = new Blob([file], { type: file.type });
                     const id = (0, uuid_1.v4)(blobObject);
@@ -62,14 +58,14 @@ const indexeddb = () => ({
         });
     },
     downloadFile(file, options) {
-        return new native_promise_only_1.default((resolve) => {
-            const request = indexedDB.open(options.indexeddb, 3);
+        return new Promise((resolve) => {
+            const request = indexedDB.open(options.indexeddb);
             request.onsuccess = function (event) {
                 const db = event.target.result;
                 resolve(db);
             };
         }).then((db) => {
-            return new native_promise_only_1.default((resolve, reject) => {
+            return new Promise((resolve, reject) => {
                 const trans = db.transaction([options.indexeddbTable], 'readonly');
                 const store = trans.objectStore(options.indexeddbTable).get(file.id);
                 store.onsuccess = () => {
@@ -97,14 +93,14 @@ const indexeddb = () => ({
         });
     },
     deleteFile(file, options) {
-        return new native_promise_only_1.default((resolve) => {
-            const request = indexedDB.open(options.indexeddb, 3);
+        return new Promise((resolve) => {
+            const request = indexedDB.open(options.indexeddb);
             request.onsuccess = function (event) {
                 const db = event.target.result;
                 resolve(db);
             };
         }).then((db) => {
-            return new native_promise_only_1.default((resolve, reject) => {
+            return new Promise((resolve, reject) => {
                 const trans = db.transaction([options.indexeddbTable], 'readwrite');
                 const store = trans.objectStore(options.indexeddbTable).delete(file.id);
                 store.onsuccess = () => {

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

@@ -1,7 +1,17 @@
 export default s3;
 declare function 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;
 };
 declare namespace s3 {
     const title: string;

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

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 const xhr_1 = __importDefault(require("./xhr"));
 const s3 = (formio) => ({
     uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {
@@ -42,8 +41,12 @@ const s3 = (formio) => ({
             return formio.makeRequest('file', `${formio.formUrl}/storage/s3?bucket=${xhr_1.default.trim(file.bucket)}&key=${xhr_1.default.trim(file.key)}`, 'GET');
         }
         else {
-            return native_promise_only_1.default.resolve(file);
+            return Promise.resolve(file);
         }
+    },
+    deleteFile(fileInfo) {
+        const url = `${formio.formUrl}/file/${xhr_1.default.trim(fileInfo.name)}?bucket=${xhr_1.default.trim(fileInfo.bucket)}&key=${xhr_1.default.trim(fileInfo.key)}`;
+        return formio.makeRequest('', url, 'delete');
     }
 });
 s3.title = 'S3';

package/lib/cjs/providers/storage/uploadAdapter.js

@@ -1,11 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFormioUploadAdapterPlugin = void 0;
 const utils_1 = require("../../utils/utils");
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 /**
  * UploadAdapter for CKEditor https://ckeditor.com/docs/ckeditor5/latest/framework/guides/deep-dive/upload-adapter.html
  */
@@ -17,7 +13,7 @@ class FormioUploadAdapter {
     }
     upload() {
         return this.loader.file
-            .then(file => new native_promise_only_1.default((resolve, reject) => {
+            .then(file => new Promise((resolve, reject) => {
             const { uploadStorage, uploadUrl, uploadOptions, uploadDir, fileKey } = this.component.component;
             const uploadParams = [
                 uploadStorage,

package/lib/cjs/providers/storage/url.d.ts

@@ -3,8 +3,8 @@ declare function url(formio: any): {
     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>;
 };
 declare namespace url {
     const title: string;

package/lib/cjs/providers/storage/url.js

@@ -1,12 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 const url = (formio) => {
     const xhrRequest = (url, name, query, data, options, progressCallback, abortCallback) => {
-        return new native_promise_only_1.default((resolve, reject) => {
+        return new Promise((resolve, reject) => {
             const xhr = new XMLHttpRequest();
             const json = (typeof data === 'string');
             const fd = new FormData();
@@ -65,7 +61,15 @@ const url = (formio) => {
             if (options) {
                 const parsedOptions = typeof options === 'string' ? JSON.parse(options) : options;
                 for (const prop in parsedOptions) {
-                    xhr[prop] = parsedOptions[prop];
+                    if (prop === 'headers') {
+                        const headers = parsedOptions['headers'];
+                        for (const header in headers) {
+                            xhr.setRequestHeader(header, headers[header]);
+                        }
+                    }
+                    else {
+                        xhr[prop] = parsedOptions[prop];
+                    }
                 }
             }
             xhr.send(json ? data : fd);
@@ -108,7 +112,7 @@ const url = (formio) => {
             }
         },
         deleteFile(fileInfo) {
-            return new native_promise_only_1.default((resolve, reject) => {
+            return new Promise((resolve, reject) => {
                 const xhr = new XMLHttpRequest();
                 xhr.open('DELETE', fileInfo.url, true);
                 xhr.onload = () => {
@@ -130,7 +134,7 @@ const url = (formio) => {
                 return xhrRequest(file.url, file.name, {}, JSON.stringify(file)).then(response => response.data);
             }
             // Return the original as there is nothing to do.
-            return native_promise_only_1.default.resolve(file);
+            return Promise.resolve(file);
         }
     };
 };

package/lib/cjs/providers/storage/xhr.d.ts

@@ -3,5 +3,5 @@ export default XHR;
 declare namespace XHR {
     function trim(text: any): any;
     function path(items: any): any;
-    function upload(formio: any, type: any, xhrCb: any, file: any, fileName: any, dir: any, progressCallback: any, groupPermissions: any, groupId: any, abortCallback: any): any;
+    function upload(formio: any, type: any, xhrCb: any, file: any, fileName: any, dir: any, progressCallback: any, groupPermissions: any, groupId: any, abortCallback: any): Promise<any>;
 }

package/lib/cjs/providers/storage/xhr.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setXhrHeaders = void 0;
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 const trim_1 = __importDefault(require("lodash/trim"));
 const setXhrHeaders = (formio, xhr) => {
     const { headers } = formio.options;
@@ -29,7 +28,7 @@ const XHR = {
         return items.filter(item => !!item).map(XHR.trim).join('/');
     },
     upload(formio, type, xhrCb, file, fileName, dir, progressCallback, groupPermissions, groupId, abortCallback) {
-        return new native_promise_only_1.default(((resolve, reject) => {
+        return new Promise(((resolve, reject) => {
             // Send the pre response to sign the upload.
             const pre = new XMLHttpRequest();
             // This only fires on a network error.

package/lib/cjs/templates/index.d.ts

@@ -1,4 +1,229 @@
 declare namespace _default {
-    const bootstrap: any;
+    const bootstrap: {
+        webform: {
+            form: string;
+            builder: string;
+        };
+        well: {
+            form: string;
+        };
+        wizard: {
+            form: string;
+            builder: string;
+        };
+        wizardHeader: {
+            form: string;
+        };
+        wizardHeaderClassic: {
+            form: string;
+        };
+        wizardHeaderVertical: {
+            form: string;
+        };
+        wizardNav: {
+            form: string;
+        };
+        errorsList: {
+            form: string;
+        };
+        alert: {
+            form: string;
+        };
+        treeView: {
+            form: string;
+        };
+        treeEdit: {
+            form: string;
+        };
+        transform(type: any, text: any, instance: any): any;
+        defaultIconset: string;
+        iconClass: (iconset: any, name: any, spinning: any) => string;
+        cssClasses: {
+            'border-default': string;
+            'formio-tab-panel-active': string;
+            'formio-tab-link-active': string;
+            'formio-tab-link-container-active': string;
+            'formio-form-error': string;
+            'formio-form-alert': string;
+            'formio-label-error': string;
+            'formio-input-error': string;
+            'formio-alert-danger': string;
+            'formio-alert-success': string;
+            'formio-alert-warning': string;
+            'formio-modal-cancel-button': string;
+            'formio-modal-confirm-button': string;
+            'form-group': string;
+        };
+        address: {
+            form: string;
+            html: string;
+        };
+        builder: {
+            form: string;
+        };
+        builderComponent: {
+            form: string;
+        };
+        builderComponents: {
+            form: string;
+        };
+        builderEditForm: {
+            form: string;
+        };
+        builderPlaceholder: {
+            form: string;
+        };
+        builderSidebar: {
+            form: string;
+        };
+        builderSidebarGroup: {
+            form: string;
+        };
+        builderWizard: {
+            form: string;
+        };
+        button: {
+            form: string;
+            html: string;
+        };
+        checkbox: {
+            form: string;
+            html: string;
+        };
+        columns: {
+            form: string;
+        };
+        component: {
+            form: string;
+        };
+        componentModal: {
+            form: string;
+        };
+        components: {
+            form: string;
+        };
+        tableComponents: {
+            form: string;
+        };
+        container: {
+            form: string;
+        };
+        datagrid: {
+            form: string;
+            html: string;
+        };
+        day: {
+            form: string;
+        };
+        dialog: {
+            form: string;
+        };
+        editgrid: {
+            form: string;
+            html: string;
+        };
+        editgridTable: {
+            form: string;
+            html: string;
+        };
+        field: {
+            form: string;
+            align: string;
+        };
+        fieldset: {
+            form: string;
+        };
+        file: {
+            form: string;
+        };
+        html: {
+            form: string;
+        };
+        icon: {
+            form: string;
+        };
+        input: {
+            form: string;
+            html: string;
+        };
+        label: {
+            form: string;
+        };
+        loader: {
+            form: string;
+        };
+        loading: {
+            form: string;
+        };
+        map: {
+            form: string;
+        };
+        message: {
+            form: string;
+        };
+        modaledit: {
+            form: string;
+        };
+        modaldialog: {
+            form: string;
+        };
+        modalPreview: {
+            form: string;
+        };
+        multipleMasksInput: {
+            form: string;
+        };
+        multiValueRow: {
+            form: string;
+        };
+        multiValueTable: {
+            form: string;
+        };
+        panel: {
+            form: string;
+        };
+        pdf: {
+            form: string;
+        };
+        pdfBuilder: {
+            form: string;
+        };
+        pdfBuilderUpload: {
+            form: string;
+        };
+        radio: {
+            form: string;
+            html: string;
+        };
+        resourceAdd: {
+            form: string;
+        };
+        select: {
+            form: string;
+            html: string;
+        };
+        selectOption: {
+            form: string;
+            html: string;
+        };
+        signature: {
+            form: string;
+            html: string;
+        };
+        survey: {
+            form: string;
+            html: string;
+        };
+        tab: {
+            flat: string;
+            form: string;
+        };
+        table: {
+            form: string;
+        };
+        tree: {
+            form: string;
+        };
+    };
 }
 export default _default;

package/lib/cjs/utils/Evaluator.js

@@ -5,25 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const lodash_1 = __importDefault(require("lodash"));
 const string_hash_1 = __importDefault(require("string-hash"));
+const utils_1 = require("@formio/core/utils");
 const Evaluator = {
     noeval: false,
     protectedEval: false,
     cache: {},
-    templateSettings: {
-        evaluate: /\{%([\s\S]+?)%\}/g,
-        interpolate: /\{\{([\s\S]+?)\}\}/g,
-        escape: /\{\{\{([\s\S]+?)\}\}\}/g
-    },
-    evaluator(func, ...params) {
-        if (Evaluator.noeval) {
-            console.warn('No evaluations allowed for this renderer.');
-            return lodash_1.default.noop;
-        }
-        if (typeof params[0] === 'object') {
-            params = lodash_1.default.keys(params[0]);
-        }
-        return new Function(...params, func);
-    },
+    templateSettings: utils_1.Evaluator.templateSettings,
+    evaluator: utils_1.Evaluator.evaluator,
     template(template, hash) {
         hash = hash || (0, string_hash_1.default)(template);
         if (Evaluator.cache[hash]) {
@@ -53,24 +41,7 @@ const Evaluator = {
         rawTemplate = String(rawTemplate);
         let template;
         if (Evaluator.noeval || options.noeval) {
-            // No cached template methods available. Use poor-mans interpolate without eval.
-            return rawTemplate.replace(/({{\s*(.*?)\s*}})/g, (match, $1, $2) => {
-                // Allow for conditional values.
-                const parts = $2.split('||').map(item => item.trim());
-                let value = '';
-                let path = '';
-                for (let i = 0; i < parts.length; i++) {
-                    path = parts[i];
-                    value = lodash_1.default.get(data, path);
-                    if (value) {
-                        break;
-                    }
-                }
-                if (options.data) {
-                    lodash_1.default.set(options.data, path, value);
-                }
-                return value;
-            });
+            return utils_1.Evaluator.interpolateString(rawTemplate, data, _options);
         }
         else {
             template = Evaluator.template(rawTemplate);

package/lib/cjs/utils/i18n.d.ts

@@ -0,0 +1,16 @@
+/**
+ * This file is used to mimic the i18n library interface.
+ */
+export class I18n {
+    static init(languages?: {}): I18n;
+    static createInstance(): I18n;
+    constructor(languages?: {});
+    languages: {};
+    language: string;
+    currentLanguage: any;
+    setLanguages(languages: any): void;
+    dir(lang?: string): "rtl" | "ltr";
+    changeLanguage(language: any, ready?: null): void;
+    addResourceBundle(language: any, type: any, strings: any): void;
+    t(text: any, ...args: any[]): any;
+}

package/lib/cjs/utils/i18n.js

@@ -0,0 +1,88 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.I18n = void 0;
+const utils_1 = require("@formio/core/utils");
+const i18n_1 = __importDefault(require("../i18n"));
+const i18Defaults = {};
+for (const lang in i18n_1.default.resources) {
+    if (i18n_1.default.resources.hasOwnProperty(lang)) {
+        i18Defaults[lang] = i18n_1.default.resources[lang].translation;
+    }
+}
+/**
+ * This file is used to mimic the i18n library interface.
+ */
+class I18n {
+    constructor(languages = {}) {
+        this.languages = i18Defaults;
+        this.language = 'en';
+        this.currentLanguage = i18Defaults.en;
+        this.setLanguages(languages);
+        this.changeLanguage(this.language);
+    }
+    setLanguages(languages) {
+        if (languages.resources) {
+            for (const lang in languages.resources) {
+                if (languages.resources.hasOwnProperty(lang)) {
+                    languages[lang] = languages.resources[lang].translation;
+                }
+            }
+            delete languages.resources;
+        }
+        if (languages.lng) {
+            languages.language = languages.lng;
+            delete languages.lng;
+        }
+        // Do not use these configurations.
+        delete languages.nsSeparator;
+        delete languages.keySeparator;
+        delete languages.pluralSeparator;
+        delete languages.contextSeparator;
+        // Now establish the languages default.
+        if (languages.language) {
+            this.language = languages.language;
+        }
+        for (const lang in languages) {
+            if (lang !== 'language' && languages.hasOwnProperty(lang)) {
+                if (!this.languages[lang]) {
+                    this.languages[lang] = {};
+                }
+                this.languages[lang] = Object.assign(Object.assign({}, this.languages[lang]), languages[lang]);
+            }
+        }
+    }
+    static init(languages = {}) {
+        return new I18n(languages);
+    }
+    dir(lang = '') {
+        lang = lang || this.language;
+        const rtls = ['ar', 'he', 'fa', 'ps', 'ur'];
+        return rtls.includes(lang) ? 'rtl' : 'ltr';
+    }
+    static createInstance() {
+        return new I18n();
+    }
+    changeLanguage(language, ready = null) {
+        if (!this.languages[language]) {
+            language = 'en';
+        }
+        this.language = language;
+        this.currentLanguage = this.languages[language] ? this.languages[language] : {};
+        if (ready) {
+            ready();
+        }
+    }
+    addResourceBundle(language, type, strings) {
+        this.languages[language] = strings;
+    }
+    t(text, ...args) {
+        if (this.currentLanguage[text]) {
+            return utils_1.Evaluator.interpolateString(this.currentLanguage[text], ...args);
+        }
+        return utils_1.Evaluator.interpolateString(text, ...args);
+    }
+}
+exports.I18n = I18n;

package/lib/cjs/utils/utils.d.ts

@@ -223,7 +223,7 @@ export function getNumberSeparators(lang?: string): {
 };
 export function getNumberDecimalLimit(component: any, defaultLimit: any): any;
 export function getCurrencyAffixes({ currency, decimalLimit, decimalSeparator, lang, }: {
-    currency?: string | undefined;
+    currency: any;
     decimalLimit: any;
     decimalSeparator: any;
     lang: any;

package/lib/cjs/utils/utils.js

@@ -1,5 +1,5 @@
 "use strict";
-/* global $ */
+/* global jQuery */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -40,7 +40,6 @@ exports.jsonLogic = json_logic_js_1.default;
 const moment_timezone_1 = __importDefault(require("moment-timezone/moment-timezone"));
 const jstimezonedetect_1 = __importDefault(require("jstimezonedetect"));
 const operators_1 = require("./jsonlogic/operators");
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 const dompurify_1 = __importDefault(require("dompurify"));
 const formUtils_1 = require("./formUtils");
 const Evaluator_1 = __importDefault(require("./Evaluator"));
@@ -50,7 +49,7 @@ exports.ConditionOperators = conditionOperators_1.default;
 const interpolate = Evaluator_1.default.interpolate;
 exports.interpolate = interpolate;
 const { fetch } = (0, fetch_ponyfill_1.default)({
-    Promise: native_promise_only_1.default
+    Promise: Promise
 });
 __exportStar(require("./formUtils"), exports);
 // Configure JsonLogic
@@ -387,7 +386,7 @@ exports.checkCondition = checkCondition;
  */
 function checkTrigger(component, trigger, row, data, form, instance) {
     // If trigger is empty, don't fire it
-    if (!trigger[trigger.type]) {
+    if (!trigger || !trigger[trigger.type]) {
         return false;
     }
     switch (trigger.type) {
@@ -612,7 +611,7 @@ exports.shouldLoadZones = shouldLoadZones;
 function loadZones(url, timezone) {
     if (timezone && !shouldLoadZones(timezone)) {
         // Return non-resolving promise.
-        return new native_promise_only_1.default(lodash_1.default.noop);
+        return new Promise(lodash_1.default.noop);
     }
     if (moment_timezone_1.default.zonesPromise) {
         return moment_timezone_1.default.zonesPromise;
@@ -899,7 +898,7 @@ function getNumberDecimalLimit(component, defaultLimit) {
     return decimalLimit;
 }
 exports.getNumberDecimalLimit = getNumberDecimalLimit;
-function getCurrencyAffixes({ currency = 'USD', decimalLimit, decimalSeparator, lang, }) {
+function getCurrencyAffixes({ currency, decimalLimit, decimalSeparator, lang, }) {
     // Get the prefix and suffix from the localized string.
     let regex = `(.*)?${(100).toLocaleString(lang)}`;
     if (decimalLimit) {
@@ -908,7 +907,7 @@ function getCurrencyAffixes({ currency = 'USD', decimalLimit, decimalSeparator,
     regex += '(.*)?';
     const parts = (100).toLocaleString(lang, {
         style: 'currency',
-        currency,
+        currency: currency ? currency : 'USD',
         useGrouping: true,
         maximumFractionDigits: decimalLimit || 0,
         minimumFractionDigits: decimalLimit || 0
@@ -1032,8 +1031,8 @@ function bootstrapVersion(options) {
     if (options.bootstrap) {
         return options.bootstrap;
     }
-    if ((typeof $ === 'function') && (typeof $().collapse === 'function')) {
-        return parseInt($.fn.collapse.Constructor.VERSION.split('.')[0], 10);
+    if ((typeof jQuery === 'function') && (typeof jQuery().collapse === 'function')) {
+        return parseInt(jQuery.fn.collapse.Constructor.VERSION.split('.')[0], 10);
     }
     if (window.bootstrap && window.bootstrap.Collapse) {
         return parseInt(window.bootstrap.Collapse.VERSION.split('.')[0], 10);