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

package/lib/mjs/components/survey/Survey.js

@@ -21,6 +21,12 @@ export default class SurveyComponent extends Field {
             schema: SurveyComponent.schema()
         };
     }
+    static get serverConditionSettings() {
+        return {
+            ...super.serverConditionSettings,
+            operators: ['isEmpty', 'isNotEmpty'],
+        };
+    }
     get defaultSchema() {
         return SurveyComponent.schema();
     }

package/lib/mjs/components/table/Table.d.ts

@@ -8,6 +8,7 @@ export default class TableComponent extends NestedComponent {
         icon: string;
         weight: number;
         documentation: string;
+        showPreview: boolean;
         schema: any;
     };
     constructor(...args: any[]);

package/lib/mjs/components/table/Table.js

@@ -39,6 +39,7 @@ export default class TableComponent extends NestedComponent {
             icon: 'table',
             weight: 40,
             documentation: '/userguide/form-building/layout-components#table',
+            showPreview: false,
             schema: TableComponent.schema()
         };
     }

package/lib/mjs/components/tabs/Tabs.d.ts

@@ -5,6 +5,7 @@ export default class TabsComponent extends NestedComponent {
         icon: string;
         weight: number;
         documentation: string;
+        showPreview: boolean;
         schema: any;
     };
     constructor(...args: any[]);

package/lib/mjs/components/tabs/Tabs.js

@@ -26,6 +26,7 @@ export default class TabsComponent extends NestedComponent {
             icon: 'folder-o',
             weight: 50,
             documentation: '/userguide/form-building/layout-components#tabs',
+            showPreview: false,
             schema: TabsComponent.schema(),
         };
     }

package/lib/mjs/components/tags/Tags.js

@@ -21,6 +21,12 @@ export default class TagsComponent extends Input {
             schema: TagsComponent.schema()
         };
     }
+    static get serverConditionSettings() {
+        return {
+            ...super.serverConditionSettings,
+            operators: [...super.serverConditionSettings.operators, 'includes', 'notIncludes'],
+        };
+    }
     init() {
         super.init();
     }

package/lib/mjs/components/textarea/TextArea.d.ts

@@ -10,6 +10,7 @@ export default class TextAreaComponent extends TextFieldComponent {
      */
     updateEditorValue(index: any, newValue: any): void;
     autoModified: boolean | undefined;
+    attachElement(element: any, index: any): any;
     imageHandler(moduleInstance: any, range: any, files: any): void;
     get isPlain(): boolean;
     get htmlView(): any;
@@ -19,8 +20,8 @@ export default class TextAreaComponent extends TextFieldComponent {
     setReadOnlyValue(value: any, index: any): void;
     get isJsonValue(): any;
     setConvertedValue(value: any, index: any): any;
-    setAsyncConvertedValue(value: any): any;
-    setImagesUrl(images: any): any;
+    setAsyncConvertedValue(value: any): Promise<any>;
+    setImagesUrl(images: any): Promise<any>;
     addAutoExpanding(textarea: any, index: any): void;
     trimBlanks(value: any): any;
     onChange(flags: any, fromRoot: any): {

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

@@ -1,7 +1,6 @@
 /* global Quill */
 import TextFieldComponent from '../textfield/TextField';
 import _ from 'lodash';
-import NativePromise from 'native-promise-only';
 import { uniqueName, getBrowserInfo } from '../../utils/utils';
 export default class TextAreaComponent extends TextFieldComponent {
     static schema(...extend) {
@@ -112,7 +111,7 @@ export default class TextAreaComponent extends TextFieldComponent {
             this.wysiwygDefault[this.component.editor] || this.wysiwygDefault.default
             : this.component.wysiwyg;
         // Keep track of when this editor is ready.
-        this.editorsReady[index] = new NativePromise((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':
@@ -280,7 +279,7 @@ export default class TextAreaComponent extends TextFieldComponent {
                 this.setConvertedValue(value);
             return super.setValue(value, flags);
         }
-        flags.skipWysiwyg = _.isEqual(value, this.getValue());
+        flags.skipWysiwyg = value === '' && flags.resetValue ? false : _.isEqual(value, this.getValue());
         return super.setValue(value, flags);
     }
     setContent(element, content, forceSanitize) {
@@ -342,11 +341,11 @@ export default class TextAreaComponent extends TextFieldComponent {
             });
         }
         else {
-            return NativePromise.resolve(value);
+            return Promise.resolve(value);
         }
     }
     setImagesUrl(images) {
-        return NativePromise.all(_.map(images, image => {
+        return Promise.all(_.map(images, image => {
             let requestData;
             try {
                 requestData = JSON.parse(image.getAttribute('alt'));

package/lib/mjs/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/mjs/components/textarea/fixtures/comp4.js

@@ -0,0 +1,25 @@
+export 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/mjs/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/mjs/components/textarea/fixtures/index.js

@@ -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/mjs/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/mjs/components/textfield/TextField.js

@@ -1,7 +1,6 @@
 import Input from '../_classes/input/Input';
 import { conformToMask } from '@formio/vanilla-text-mask';
 import * as FormioUtils from '../../utils/utils';
-import NativePromise from 'native-promise-only';
 export default class TextFieldComponent extends Input {
     static schema(...extend) {
         return Input.schema({
@@ -33,6 +32,12 @@ export default class TextFieldComponent extends Input {
             schema: TextFieldComponent.schema()
         };
     }
+    static get serverConditionSettings() {
+        return {
+            ...super.serverConditionSettings,
+            operators: [...super.serverConditionSettings.operators, 'includes', 'notIncludes', 'endsWith', 'startsWith'],
+        };
+    }
     get defaultSchema() {
         return TextFieldComponent.schema();
     }
@@ -209,10 +214,10 @@ export default class TextFieldComponent extends Input {
     beforeSubmit() {
         let value = this.dataValue;
         if (!this.component.truncateMultipleSpaces || !value) {
-            return NativePromise.resolve(value);
+            return Promise.resolve(value);
         }
         value = this.truncateMultipleSpaces(value);
         this.dataValue = value;
-        return NativePromise.resolve(value).then(() => super.beforeSubmit());
+        return Promise.resolve(value).then(() => super.beforeSubmit());
     }
 }

package/lib/mjs/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/mjs/components/time/Time.js

@@ -13,6 +13,17 @@ export default class TimeComponent extends TextFieldComponent {
             dataFormat: defaultDataFormat,
         }, ...extend);
     }
+    static get serverConditionSettings() {
+        return {
+            ...super.serverConditionSettings,
+            valueComponent(classComp) {
+                return {
+                    ...classComp,
+                    type: 'time',
+                };
+            },
+        };
+    }
     constructor(component, options, data) {
         super(component, options, data);
         const { edge: isEdgeBrowser, version: edgeVersion } = getBrowserInfo();
@@ -33,7 +44,7 @@ export default class TimeComponent extends TextFieldComponent {
             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/mjs/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/mjs/components/tree/Tree.form.js

@@ -1,7 +1,12 @@
 import componentEditForm from '../_classes/component/Component.form';
 import TreeEditData from './editForm/Tree.edit.data';
+import TreeDisplayData from './editForm/Tree.edit.display';
 export default function (...extend) {
     return componentEditForm([
+        {
+            key: 'display',
+            components: TreeDisplayData,
+        },
         {
             key: 'data',
             components: TreeEditData,

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

@@ -3,7 +3,6 @@ import Component from '../_classes/component/Component';
 import Components from '../Components';
 import NestedDataComponent from '../_classes/nesteddata/NestedDataComponent';
 import Node from './Node';
-import NativePromise from 'native-promise-only';
 export default class TreeComponent extends NestedDataComponent {
     static schema(...extend) {
         return NestedDataComponent.schema({
@@ -21,9 +20,9 @@ export default class TreeComponent extends NestedDataComponent {
         return {
             title: 'Tree',
             icon: 'indent',
-            group: 'data',
             weight: 40,
             documentation: '/userguide/form-building/data-components#tree',
+            showPreview: false,
             schema: TreeComponent.schema(),
         };
     }
@@ -134,17 +133,17 @@ export default class TreeComponent extends NestedDataComponent {
         this.loadRefs(element, {
             root: 'single',
         });
-        return NativePromise.all([
+        return Promise.all([
             super.attach(element),
             this.attachNode(this.refs.root, this.treeRoot),
         ]);
     }
     attachNode(element, node) {
         if (!element) {
-            return NativePromise.resolve();
+            return Promise.resolve();
         }
-        let componentsPromise = NativePromise.resolve();
-        let childrenPromise = NativePromise.resolve();
+        let componentsPromise = Promise.resolve();
+        let childrenPromise = Promise.resolve();
         node.refs = _.reduce(element.children, (refs, child) => (child.hasAttribute('ref')
             ? {
                 ...refs,
@@ -158,7 +157,7 @@ export default class TreeComponent extends NestedDataComponent {
         if (node.refs.childNodes) {
             childrenPromise = this.attachChildren(node);
         }
-        return NativePromise.all([
+        return Promise.all([
             componentsPromise,
             childrenPromise,
         ]);
@@ -223,11 +222,11 @@ export default class TreeComponent extends NestedDataComponent {
         });
         return node.refs.nodeEdit
             ? super.attachComponents(node.refs.nodeEdit, node.components)
-            : NativePromise.resolve();
+            : Promise.resolve();
     }
     attachChildren(node) {
         const childElements = node.refs.childNodes.children;
-        return NativePromise.all(_.map(childElements, (childElement, index) => this.attachNode(childElement, node.children[index])));
+        return Promise.all(_.map(childElements, (childElement, index) => this.attachNode(childElement, node.children[index])));
     }
     setValue(value, flags = {}) {
         const changed = this.updateValue(value, flags);

package/lib/mjs/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/mjs/components/tree/editForm/Tree.edit.display.js

@@ -0,0 +1,10 @@
+export 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/mjs/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/mjs/components/well/Well.js

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

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