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

package/lib/mjs/providers/address/GoogleAddressProvider.d.ts

@@ -12,7 +12,7 @@ export class GoogleAddressProvider extends AddressProvider {
     addRequiredProviderOptions(options: any): void;
     filterPlace(place: any): {};
     attachAutocomplete(elem: any, index: any, onSelectAddress: any): void;
-    search(): any;
-    makeRequest(): any;
+    search(): Promise<void>;
+    makeRequest(): Promise<void>;
 }
 import { AddressProvider } from './AddressProvider';

package/lib/mjs/providers/address/GoogleAddressProvider.js

@@ -2,7 +2,6 @@
 import { Formio } from '../../Formio';
 import _ from 'lodash';
 import { AddressProvider } from './AddressProvider';
-import NativePromise from 'native-promise-only';
 export class GoogleAddressProvider extends AddressProvider {
     static get name() {
         return 'google';
@@ -96,10 +95,10 @@ export class GoogleAddressProvider extends AddressProvider {
         });
     }
     search() {
-        return NativePromise.resolve();
+        return Promise.resolve();
     }
     makeRequest() {
-        return NativePromise.resolve();
+        return Promise.resolve();
     }
     getDisplayValue(address) {
         const displayedProperty = _.has(address, this.displayValueProperty)

package/lib/mjs/providers/processor/fileProcessor.d.ts

@@ -1,2 +1,2 @@
 export default fileProcessor;
-declare function fileProcessor(formio: any, config: any): (file: any, options: any) => any;
+declare function fileProcessor(formio: any, config: any): (file: any, options: any) => Promise<any>;

package/lib/mjs/providers/processor/fileProcessor.js

@@ -1,5 +1,4 @@
-import NativePromise from 'native-promise-only';
-const fileProcessor = (formio, config) => (file, options) => new NativePromise((resolve, reject) => {
+const fileProcessor = (formio, config) => (file, options) => new Promise((resolve, reject) => {
     const xhr = new XMLHttpRequest();
     // Fire on network error.
     xhr.onerror = (err) => {

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

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

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

@@ -6,19 +6,24 @@ const azure = (formio) => ({
             xhr.setRequestHeader('Content-Type', file.type);
             xhr.setRequestHeader('x-ms-blob-type', 'BlockBlob');
             return file;
-        }, file, fileName, dir, progressCallback, groupPermissions, groupId, abortCallback).then(() => {
+        }, file, fileName, dir, progressCallback, groupPermissions, groupId, abortCallback).then((response) => {
             return {
                 storage: 'azure',
                 name: XHR.path([dir, fileName]),
                 size: file.size,
                 type: file.type,
                 groupPermissions,
-                groupId
+                groupId,
+                key: response.pathFile
             };
         });
     },
     downloadFile(file) {
         return formio.makeRequest('file', `${formio.formUrl}/storage/azure?name=${XHR.trim(file.name)}`, 'GET');
+    },
+    deleteFile: function deleteFile(fileInfo) {
+        var url = `${formio.formUrl}/storage/azure?name=${XHR.trim(fileInfo.name)}&key=${XHR.trim(fileInfo.key)}`;
+        return formio.makeRequest('', url, 'delete');
     }
 });
 azure.title = 'Azure File Services';

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

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

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

@@ -1,10 +1,9 @@
-import NativePromise from 'native-promise-only';
 const base64 = () => ({
     title: 'Base64',
     name: 'base64',
     uploadFile(file, fileName) {
         const reader = new FileReader();
-        return new NativePromise((resolve, reject) => {
+        return new Promise((resolve, reject) => {
             reader.onload = (event) => {
                 const url = event.target.result;
                 resolve({
@@ -23,7 +22,7 @@ const base64 = () => ({
     },
     downloadFile(file) {
         // Return the original as there is nothing to do.
-        return NativePromise.resolve(file);
+        return Promise.resolve(file);
     }
 });
 base64.title = 'Base64';

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

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

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;