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

package/lib/cjs/components/textarea/TextArea.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /* global Quill */
 const TextField_1 = __importDefault(require("../textfield/TextField"));
 const lodash_1 = __importDefault(require("lodash"));
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 const utils_1 = require("../../utils/utils");
 class TextAreaComponent extends TextField_1.default {
     static schema(...extend) {
@@ -117,7 +116,7 @@ class TextAreaComponent extends TextField_1.default {
             this.wysiwygDefault[this.component.editor] || this.wysiwygDefault.default
             : this.component.wysiwyg;
         // Keep track of when this editor is ready.
-        this.editorsReady[index] = new native_promise_only_1.default((editorReady) => {
+        this.editorsReady[index] = new Promise((editorReady) => {
             // Attempt to add a wysiwyg editor. In order to add one, it must be included on the global scope.
             switch (this.component.editor) {
                 case 'ace':
@@ -285,7 +284,7 @@ class TextAreaComponent extends TextField_1.default {
                 this.setConvertedValue(value);
             return super.setValue(value, flags);
         }
-        flags.skipWysiwyg = lodash_1.default.isEqual(value, this.getValue());
+        flags.skipWysiwyg = value === '' && flags.resetValue ? false : lodash_1.default.isEqual(value, this.getValue());
         return super.setValue(value, flags);
     }
     setContent(element, content, forceSanitize) {
@@ -347,11 +346,11 @@ class TextAreaComponent extends TextField_1.default {
             });
         }
         else {
-            return native_promise_only_1.default.resolve(value);
+            return Promise.resolve(value);
         }
     }
     setImagesUrl(images) {
-        return native_promise_only_1.default.all(lodash_1.default.map(images, image => {
+        return Promise.all(lodash_1.default.map(images, image => {
             let requestData;
             try {
                 requestData = JSON.parse(image.getAttribute('alt'));

package/lib/cjs/components/textarea/fixtures/comp4.d.ts

@@ -0,0 +1,30 @@
+declare namespace _default {
+    const type: string;
+    const components: ({
+        type: string;
+        key: string;
+        rows: number;
+        editor: string;
+        hideLabel: boolean;
+        as: string;
+        input: boolean;
+        label?: undefined;
+        showValidations?: undefined;
+        tableView?: undefined;
+    } | {
+        label: string;
+        showValidations: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        rows?: undefined;
+        editor?: undefined;
+        hideLabel?: undefined;
+        as?: undefined;
+    })[];
+    const title: string;
+    const display: string;
+    const name: string;
+}
+export default _default;

package/lib/cjs/components/textarea/fixtures/comp4.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'form',
+    components: [
+        {
+            type: 'textarea',
+            key: 'jsonTextarea',
+            rows: 5,
+            editor: 'ace',
+            hideLabel: true,
+            as: 'json',
+            input: true
+        },
+        {
+            label: 'Submit',
+            showValidations: false,
+            tableView: false,
+            key: 'submit',
+            type: 'button',
+            input: true
+        }
+    ],
+    title: 'text area tests',
+    display: 'form',
+    name: 'textAriaTests',
+};

package/lib/cjs/components/textarea/fixtures/index.d.ts

@@ -1,4 +1,5 @@
 import comp1 from './comp1';
 import comp2 from './comp2';
 import comp3 from './comp3';
-export { comp1, comp2, comp3 };
+import comp4 from './comp4';
+export { comp1, comp2, comp3, comp4 };

package/lib/cjs/components/textarea/fixtures/index.js

@@ -3,10 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.comp3 = exports.comp2 = exports.comp1 = void 0;
+exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
 const comp1_1 = __importDefault(require("./comp1"));
 exports.comp1 = comp1_1.default;
 const comp2_1 = __importDefault(require("./comp2"));
 exports.comp2 = comp2_1.default;
 const comp3_1 = __importDefault(require("./comp3"));
 exports.comp3 = comp3_1.default;
+const comp4_1 = __importDefault(require("./comp4"));
+exports.comp4 = comp4_1.default;

package/lib/cjs/components/textfield/TextField.d.ts

@@ -34,5 +34,6 @@ export default class TextFieldComponent extends Input {
     getValueAt(index: any): any;
     isHtmlRenderMode(): any;
     truncateMultipleSpaces(value: any): any;
+    beforeSubmit(): Promise<any>;
 }
 import Input from '../_classes/input/Input';

package/lib/cjs/components/textfield/TextField.js

@@ -29,7 +29,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Input_1 = __importDefault(require("../_classes/input/Input"));
 const vanilla_text_mask_1 = require("@formio/vanilla-text-mask");
 const FormioUtils = __importStar(require("../../utils/utils"));
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 class TextFieldComponent extends Input_1.default {
     static schema(...extend) {
         return Input_1.default.schema({
@@ -61,6 +60,9 @@ class TextFieldComponent extends Input_1.default {
             schema: TextFieldComponent.schema()
         };
     }
+    static get serverConditionSettings() {
+        return Object.assign(Object.assign({}, super.serverConditionSettings), { operators: [...super.serverConditionSettings.operators, 'includes', 'notIncludes', 'endsWith', 'startsWith'] });
+    }
     get defaultSchema() {
         return TextFieldComponent.schema();
     }
@@ -233,11 +235,11 @@ class TextFieldComponent extends Input_1.default {
     beforeSubmit() {
         let value = this.dataValue;
         if (!this.component.truncateMultipleSpaces || !value) {
-            return native_promise_only_1.default.resolve(value);
+            return Promise.resolve(value);
         }
         value = this.truncateMultipleSpaces(value);
         this.dataValue = value;
-        return native_promise_only_1.default.resolve(value).then(() => super.beforeSubmit());
+        return Promise.resolve(value).then(() => super.beforeSubmit());
     }
 }
 exports.default = TextFieldComponent;

package/lib/cjs/components/time/Time.d.ts

@@ -1,4 +1,8 @@
 export default class TimeComponent extends TextFieldComponent {
+    static get serverConditionSettings(): {
+        valueComponent(classComp: any): any;
+        operators: string[];
+    };
     rawData: string | never[];
     get dataFormat(): any;
     get skipMaskValidation(): boolean;

package/lib/cjs/components/time/Time.js

@@ -18,6 +18,11 @@ class TimeComponent extends TextField_1.default {
             dataFormat: defaultDataFormat,
         }, ...extend);
     }
+    static get serverConditionSettings() {
+        return Object.assign(Object.assign({}, super.serverConditionSettings), { valueComponent(classComp) {
+                return Object.assign(Object.assign({}, classComp), { type: 'time' });
+            } });
+    }
     constructor(component, options, data) {
         super(component, options, data);
         const { edge: isEdgeBrowser, version: edgeVersion } = (0, utils_1.getBrowserInfo)();
@@ -38,7 +43,7 @@ class TimeComponent extends TextField_1.default {
             title: 'Time',
             icon: 'clock-o',
             group: 'advanced',
-            documentation: '/userguide/form-building/advanced-components#time',
+            documentation: '/userguide/form-building/advanced-components#time-1',
             weight: 55,
             schema: TimeComponent.schema(),
         };

package/lib/cjs/components/tree/Tree.d.ts

@@ -2,9 +2,9 @@ export default class TreeComponent extends NestedDataComponent {
     static get builderInfo(): {
         title: string;
         icon: string;
-        group: string;
         weight: number;
         documentation: string;
+        showPreview: boolean;
         schema: any;
     };
     constructor(...args: any[]);
@@ -23,10 +23,11 @@ export default class TreeComponent extends NestedDataComponent {
     renderChildNodes(nodes: any[] | undefined, odd: any): any;
     renderEdit(node?: {}): any;
     renderView(node?: {}): any;
-    attachNode(element: any, node: any): any;
+    attach(element: any): Promise<[void, void]> | Promise<[[void, void], void | [void, void]]>;
+    attachNode(element: any, node: any): Promise<void> | Promise<[void, void]>;
     attachActions(node: any): void;
-    attachComponents(node: any, ...args: any[]): any;
-    attachChildren(node: any): any;
+    attachComponents(node: any, ...args: any[]): Promise<any>;
+    attachChildren(node: any): Promise<any>;
     addChild(parent: any): void;
     cancelNode(node: any): void;
     editNode(node: any): void;

package/lib/cjs/components/tree/Tree.form.js

@@ -5,8 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const Component_form_1 = __importDefault(require("../_classes/component/Component.form"));
 const Tree_edit_data_1 = __importDefault(require("./editForm/Tree.edit.data"));
+const Tree_edit_display_1 = __importDefault(require("./editForm/Tree.edit.display"));
 function default_1(...extend) {
     return (0, Component_form_1.default)([
+        {
+            key: 'display',
+            components: Tree_edit_display_1.default,
+        },
         {
             key: 'data',
             components: Tree_edit_data_1.default,

package/lib/cjs/components/tree/Tree.js

@@ -8,7 +8,6 @@ const Component_1 = __importDefault(require("../_classes/component/Component"));
 const Components_1 = __importDefault(require("../Components"));
 const NestedDataComponent_1 = __importDefault(require("../_classes/nesteddata/NestedDataComponent"));
 const Node_1 = __importDefault(require("./Node"));
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 class TreeComponent extends NestedDataComponent_1.default {
     static schema(...extend) {
         return NestedDataComponent_1.default.schema({
@@ -26,9 +25,9 @@ class TreeComponent extends NestedDataComponent_1.default {
         return {
             title: 'Tree',
             icon: 'indent',
-            group: 'data',
             weight: 40,
             documentation: '/userguide/form-building/data-components#tree',
+            showPreview: false,
             schema: TreeComponent.schema(),
         };
     }
@@ -135,17 +134,17 @@ class TreeComponent extends NestedDataComponent_1.default {
         this.loadRefs(element, {
             root: 'single',
         });
-        return native_promise_only_1.default.all([
+        return Promise.all([
             super.attach(element),
             this.attachNode(this.refs.root, this.treeRoot),
         ]);
     }
     attachNode(element, node) {
         if (!element) {
-            return native_promise_only_1.default.resolve();
+            return Promise.resolve();
         }
-        let componentsPromise = native_promise_only_1.default.resolve();
-        let childrenPromise = native_promise_only_1.default.resolve();
+        let componentsPromise = Promise.resolve();
+        let childrenPromise = Promise.resolve();
         node.refs = lodash_1.default.reduce(element.children, (refs, child) => (child.hasAttribute('ref')
             ? Object.assign(Object.assign({}, refs), { [child.getAttribute('ref')]: child }) : refs), {});
         if (node.refs.content) {
@@ -155,7 +154,7 @@ class TreeComponent extends NestedDataComponent_1.default {
         if (node.refs.childNodes) {
             childrenPromise = this.attachChildren(node);
         }
-        return native_promise_only_1.default.all([
+        return Promise.all([
             componentsPromise,
             childrenPromise,
         ]);
@@ -221,11 +220,11 @@ class TreeComponent extends NestedDataComponent_1.default {
         });
         return node.refs.nodeEdit
             ? super.attachComponents(node.refs.nodeEdit, node.components)
-            : native_promise_only_1.default.resolve();
+            : Promise.resolve();
     }
     attachChildren(node) {
         const childElements = node.refs.childNodes.children;
-        return native_promise_only_1.default.all(lodash_1.default.map(childElements, (childElement, index) => this.attachNode(childElement, node.children[index])));
+        return Promise.all(lodash_1.default.map(childElements, (childElement, index) => this.attachNode(childElement, node.children[index])));
     }
     setValue(value, flags = {}) {
         const changed = this.updateValue(value, flags);

package/lib/cjs/components/tree/editForm/Tree.edit.display.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    key: string;
+    weight: number;
+    type: string;
+    tag: string;
+    className: string;
+    content: string;
+}[];
+export default _default;

package/lib/cjs/components/tree/editForm/Tree.edit.display.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = [
+    {
+        key: 'treeInfo',
+        weight: -10,
+        type: 'htmlelement',
+        tag: 'div',
+        className: 'alert alert-danger',
+        content: 'This component has been deprecated and will be removed in a future version of Formio.js.',
+    }
+];

package/lib/cjs/components/well/Well.d.ts

@@ -4,6 +4,7 @@ export default class WellComponent extends NestedComponent {
         icon: string;
         group: string;
         documentation: string;
+        showPreview: boolean;
         weight: number;
         schema: any;
     };

package/lib/cjs/components/well/Well.js

@@ -20,6 +20,7 @@ class WellComponent extends NestedComponent_1.default {
             icon: 'square-o',
             group: 'layout',
             documentation: '/userguide/form-building/layout-components#well',
+            showPreview: false,
             weight: 60,
             schema: WellComponent.schema()
         };

package/lib/cjs/providers/Providers.d.ts

@@ -9,15 +9,25 @@ export default class Providers {
                 (): {
                     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>;
                 };
                 title: string;
             };
             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;
                 };
                 title: string;
             };
@@ -26,15 +36,24 @@ export default class Providers {
                     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>;
                 };
                 title: string;
             };
             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;
                 };
                 title: string;
             };
@@ -42,16 +61,17 @@ export default class Providers {
                 (): {
                     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>;
                 };
                 title: string;
             };
             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;
                 };
                 title: string;
             };

package/lib/cjs/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/cjs/providers/address/GoogleAddressProvider.js

@@ -8,7 +8,6 @@ exports.GoogleAddressProvider = void 0;
 const Formio_1 = require("../../Formio");
 const lodash_1 = __importDefault(require("lodash"));
 const AddressProvider_1 = require("./AddressProvider");
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 class GoogleAddressProvider extends AddressProvider_1.AddressProvider {
     static get name() {
         return 'google';
@@ -103,10 +102,10 @@ class GoogleAddressProvider extends AddressProvider_1.AddressProvider {
         });
     }
     search() {
-        return native_promise_only_1.default.resolve();
+        return Promise.resolve();
     }
     makeRequest() {
-        return native_promise_only_1.default.resolve();
+        return Promise.resolve();
     }
     getDisplayValue(address) {
         const displayedProperty = lodash_1.default.has(address, this.displayValueProperty)

package/lib/cjs/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/cjs/providers/processor/fileProcessor.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 native_promise_only_1 = __importDefault(require("native-promise-only"));
-const fileProcessor = (formio, config) => (file, options) => new native_promise_only_1.default((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/cjs/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/cjs/providers/storage/azure.js

@@ -11,19 +11,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_1.default.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_1.default.trim(file.name)}`, 'GET');
+    },
+    deleteFile: function deleteFile(fileInfo) {
+        var url = `${formio.formUrl}/storage/azure?name=${xhr_1.default.trim(fileInfo.name)}&key=${xhr_1.default.trim(fileInfo.key)}`;
+        return formio.makeRequest('', url, 'delete');
     }
 });
 azure.title = 'Azure File Services';

package/lib/cjs/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/cjs/providers/storage/base64.js

@@ -1,15 +1,11 @@
 "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 base64 = () => ({
     title: 'Base64',
     name: 'base64',
     uploadFile(file, fileName) {
         const reader = new FileReader();
-        return new native_promise_only_1.default((resolve, reject) => {
+        return new Promise((resolve, reject) => {
             reader.onload = (event) => {
                 const url = event.target.result;
                 resolve({
@@ -28,7 +24,7 @@ const base64 = () => ({
     },
     downloadFile(file) {
         // Return the original as there is nothing to do.
-        return native_promise_only_1.default.resolve(file);
+        return Promise.resolve(file);
     }
 });
 base64.title = 'Base64';

package/lib/cjs/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/cjs/providers/storage/dropbox.js

@@ -1,13 +1,9 @@
 "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 xhr_1 = require("./xhr");
 const dropbox = (formio) => ({
     uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {
-        return new native_promise_only_1.default(((resolve, reject) => {
+        return new Promise(((resolve, reject) => {
             // Send the file with data.
             const xhr = new XMLHttpRequest();
             if (typeof progressCallback === 'function') {
@@ -54,7 +50,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 native_promise_only_1.default.resolve(file);
+        return Promise.resolve(file);
     }
 });
 dropbox.title = 'Dropbox';

package/lib/cjs/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/cjs/providers/storage/googleDrive.js

@@ -1,13 +1,9 @@
 "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 xhr_1 = require("./xhr");
 const googledrive = (formio) => ({
     uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {
-        return new native_promise_only_1.default(((resolve, reject) => {
+        return new Promise(((resolve, reject) => {
             // Send the file with data.
             const xhr = new XMLHttpRequest();
             if (typeof progressCallback === 'function') {
@@ -53,7 +49,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 native_promise_only_1.default.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/cjs/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;