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

package/lib/mjs/providers/storage/dropbox.js

@@ -1,8 +1,7 @@
-import NativePromise from 'native-promise-only';
 import { setXhrHeaders } from './xhr';
 const dropbox = (formio) => ({
     uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {
-        return new NativePromise(((resolve, reject) => {
+        return new Promise(((resolve, reject) => {
             // Send the file with data.
             const xhr = new XMLHttpRequest();
             if (typeof progressCallback === 'function') {
@@ -49,7 +48,7 @@ const dropbox = (formio) => ({
         const token = formio.getToken();
         file.url =
             `${formio.formUrl}/storage/dropbox?path_lower=${file.path_lower}${token ? `&x-jwt-token=${token}` : ''}`;
-        return NativePromise.resolve(file);
+        return Promise.resolve(file);
     }
 });
 dropbox.title = 'Dropbox';

package/lib/mjs/providers/storage/googleDrive.d.ts

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

package/lib/mjs/providers/storage/googleDrive.js

@@ -1,8 +1,7 @@
-import NativePromise from 'native-promise-only';
 import { setXhrHeaders } from './xhr';
 const googledrive = (formio) => ({
     uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {
-        return new NativePromise(((resolve, reject) => {
+        return new Promise(((resolve, reject) => {
             // Send the file with data.
             const xhr = new XMLHttpRequest();
             if (typeof progressCallback === 'function') {
@@ -48,7 +47,11 @@ const googledrive = (formio) => ({
         const token = formio.getToken();
         file.url =
             `${formio.formUrl}/storage/gdrive?fileId=${file.id}&fileName=${file.originalName}${token ? `&x-jwt-token=${token}` : ''}`;
-        return NativePromise.resolve(file);
+        return Promise.resolve(file);
+    },
+    deleteFile: function deleteFile(fileInfo) {
+        var url = ''.concat(formio.formUrl, `/storage/gdrive?id=${fileInfo.id}&name=${fileInfo.originalName}`);
+        return formio.makeRequest('', url, 'delete');
     }
 });
 googledrive.title = 'Google Drive';

package/lib/mjs/providers/storage/indexeddb.d.ts

@@ -2,9 +2,9 @@ export default indexeddb;
 declare function indexeddb(): {
     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>;
 };
 declare namespace indexeddb {
     const title: string;

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

@@ -1,5 +1,4 @@
 import { v4 as uuidv4 } from 'uuid';
-import NativePromise from 'native-promise-only';
 const indexeddb = () => ({
     title: 'indexedDB',
     name: 'indexeddb',
@@ -8,8 +7,8 @@ const indexeddb = () => ({
             console.log('This browser doesn\'t support IndexedDB');
             return;
         }
-        return new NativePromise((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);
@@ -20,7 +19,7 @@ const indexeddb = () => ({
             };
         }).then((db) => {
             const reader = new FileReader();
-            return new NativePromise((resolve, reject) => {
+            return new Promise((resolve, reject) => {
                 reader.onload = () => {
                     const blobObject = new Blob([file], { type: file.type });
                     const id = uuidv4(blobObject);
@@ -57,14 +56,14 @@ const indexeddb = () => ({
         });
     },
     downloadFile(file, options) {
-        return new NativePromise((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 NativePromise((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 = () => {
@@ -92,14 +91,14 @@ const indexeddb = () => ({
         });
     },
     deleteFile(file, options) {
-        return new NativePromise((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 NativePromise((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/mjs/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/mjs/providers/storage/s3.js

@@ -1,4 +1,3 @@
-import NativePromise from 'native-promise-only';
 import XHR from './xhr';
 const s3 = (formio) => ({
     uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {
@@ -37,8 +36,12 @@ const s3 = (formio) => ({
             return formio.makeRequest('file', `${formio.formUrl}/storage/s3?bucket=${XHR.trim(file.bucket)}&key=${XHR.trim(file.key)}`, 'GET');
         }
         else {
-            return NativePromise.resolve(file);
+            return Promise.resolve(file);
         }
+    },
+    deleteFile(fileInfo) {
+        const url = `${formio.formUrl}/file/${XHR.trim(fileInfo.name)}?bucket=${XHR.trim(fileInfo.bucket)}&key=${XHR.trim(fileInfo.key)}`;
+        return formio.makeRequest('', url, 'delete');
     }
 });
 s3.title = 'S3';

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

@@ -1,5 +1,4 @@
 import { uniqueName } from '../../utils/utils';
-import NativePromise from 'native-promise-only';
 /**
  * UploadAdapter for CKEditor https://ckeditor.com/docs/ckeditor5/latest/framework/guides/deep-dive/upload-adapter.html
  */
@@ -11,7 +10,7 @@ class FormioUploadAdapter {
     }
     upload() {
         return this.loader.file
-            .then(file => new NativePromise((resolve, reject) => {
+            .then(file => new Promise((resolve, reject) => {
             const { uploadStorage, uploadUrl, uploadOptions, uploadDir, fileKey } = this.component.component;
             const uploadParams = [
                 uploadStorage,

package/lib/mjs/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/mjs/providers/storage/url.js

@@ -1,7 +1,6 @@
-import NativePromise from 'native-promise-only';
 const url = (formio) => {
     const xhrRequest = (url, name, query, data, options, progressCallback, abortCallback) => {
-        return new NativePromise((resolve, reject) => {
+        return new Promise((resolve, reject) => {
             const xhr = new XMLHttpRequest();
             const json = (typeof data === 'string');
             const fd = new FormData();
@@ -60,7 +59,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);
@@ -103,7 +110,7 @@ const url = (formio) => {
             }
         },
         deleteFile(fileInfo) {
-            return new NativePromise((resolve, reject) => {
+            return new Promise((resolve, reject) => {
                 const xhr = new XMLHttpRequest();
                 xhr.open('DELETE', fileInfo.url, true);
                 xhr.onload = () => {
@@ -125,7 +132,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 NativePromise.resolve(file);
+            return Promise.resolve(file);
         }
     };
 };

package/lib/mjs/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/mjs/providers/storage/xhr.js

@@ -1,4 +1,3 @@
-import NativePromise from 'native-promise-only';
 import _trim from 'lodash/trim';
 export const setXhrHeaders = (formio, xhr) => {
     const { headers } = formio.options;
@@ -22,7 +21,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 NativePromise(((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/mjs/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/mjs/utils/Evaluator.js

@@ -1,24 +1,12 @@
 import _ from 'lodash';
 import stringHash from 'string-hash';
+import { Evaluator as CoreEvaluator } from '@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 _.noop;
-        }
-        if (typeof params[0] === 'object') {
-            params = _.keys(params[0]);
-        }
-        return new Function(...params, func);
-    },
+    templateSettings: CoreEvaluator.templateSettings,
+    evaluator: CoreEvaluator.evaluator,
     template(template, hash) {
         hash = hash || stringHash(template);
         if (Evaluator.cache[hash]) {
@@ -48,24 +36,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 = _.get(data, path);
-                    if (value) {
-                        break;
-                    }
-                }
-                if (options.data) {
-                    _.set(options.data, path, value);
-                }
-                return value;
-            });
+            return CoreEvaluator.interpolateString(rawTemplate, data, _options);
         }
         else {
             template = Evaluator.template(rawTemplate);

package/lib/mjs/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/mjs/utils/i18n.js

@@ -0,0 +1,81 @@
+import { Evaluator } from '@formio/core/utils';
+import i18n from '../i18n';
+const i18Defaults = {};
+for (const lang in i18n.resources) {
+    if (i18n.resources.hasOwnProperty(lang)) {
+        i18Defaults[lang] = i18n.resources[lang].translation;
+    }
+}
+/**
+ * This file is used to mimic the i18n library interface.
+ */
+export class I18n {
+    languages = i18Defaults;
+    language = 'en';
+    currentLanguage = i18Defaults.en;
+    constructor(languages = {}) {
+        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] = { ...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 Evaluator.interpolateString(this.currentLanguage[text], ...args);
+        }
+        return Evaluator.interpolateString(text, ...args);
+    }
+}

package/lib/mjs/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;