@formio/js 5.1.0-dev.6002.16f1966 → 5.1.0-rc.10

package/lib/mjs/components/editgrid/fixtures/index.d.ts

@@ -0,0 +1,23 @@
+import comp1 from './comp1';
+import comp2 from './comp2';
+import comp3 from './comp3';
+import comp4 from './comp4';
+import comp5 from './comp5';
+import comp6 from './comp6';
+import comp7 from './comp7';
+import comp8 from './comp8';
+import comp9 from './comp9';
+import comp10 from './comp10';
+import comp11 from './comp11';
+import comp12 from './comp12';
+import comp13 from './comp13';
+import comp14 from './comp14';
+import comp15 from './comp15';
+import comp16 from './comp16';
+import comp18 from './comp18';
+import comp19 from './comp19';
+import comp20 from './comp20';
+import compOpenWhenEmpty from './comp-openWhenEmpty';
+import withOpenWhenEmptyAndConditions from './comp-with-conditions-and-openWhenEmpty';
+import compWithCustomDefaultValue from './comp-with-custom-default-value';
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, comp18, comp19, comp20, compOpenWhenEmpty, withOpenWhenEmptyAndConditions, compWithCustomDefaultValue, compTestEvents };

package/lib/mjs/components/editgrid/fixtures/index.js

@@ -0,0 +1,25 @@
+import comp1 from './comp1';
+import comp2 from './comp2';
+import comp3 from './comp3';
+import comp4 from './comp4';
+import comp5 from './comp5';
+import comp6 from './comp6';
+import comp7 from './comp7';
+import comp8 from './comp8';
+import comp9 from './comp9';
+import comp10 from './comp10';
+import comp11 from './comp11';
+import comp12 from './comp12';
+import comp13 from './comp13';
+import comp14 from './comp14';
+import comp15 from './comp15';
+import comp16 from './comp16';
+import comp17 from './comp17';
+import comp18 from './comp18';
+import comp19 from './comp19';
+import comp20 from './comp20';
+import withOpenWhenEmptyAndConditions from './comp-with-conditions-and-openWhenEmpty';
+import compOpenWhenEmpty from './comp-openWhenEmpty';
+import compWithCustomDefaultValue from './comp-with-custom-default-value';
+import compTestEvents from './comp-test-events';
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, comp18, comp19, comp20, compOpenWhenEmpty, withOpenWhenEmptyAndConditions, compWithCustomDefaultValue, compTestEvents };

package/lib/mjs/components/email/fixtures/comp1.d.ts

@@ -0,0 +1,26 @@
+declare namespace _default {
+    export namespace conditional {
+        let eq: string;
+        let when: null;
+        let show: string;
+    }
+    export let tags: never[];
+    export let type: string;
+    export namespace kickbox {
+        let enabled: boolean;
+    }
+    export let persistent: boolean;
+    export let unique: boolean;
+    let _protected: boolean;
+    export { _protected as protected };
+    export let defaultValue: string;
+    export let suffix: string;
+    export let prefix: string;
+    export let placeholder: string;
+    export let key: string;
+    export let label: string;
+    export let inputType: string;
+    export let tableView: boolean;
+    export let input: boolean;
+}
+export default _default;

package/lib/mjs/components/email/fixtures/comp1.js

@@ -0,0 +1,24 @@
+export default {
+    'conditional': {
+        'eq': '',
+        'when': null,
+        'show': ''
+    },
+    'tags': [],
+    'type': 'email',
+    'kickbox': {
+        'enabled': false
+    },
+    'persistent': true,
+    'unique': false,
+    'protected': false,
+    'defaultValue': '',
+    'suffix': '',
+    'prefix': '',
+    'placeholder': 'Enter your email address',
+    'key': 'email',
+    'label': 'Email',
+    'inputType': 'email',
+    'tableView': true,
+    'input': true
+};

package/lib/mjs/components/email/fixtures/comp2.d.ts

@@ -0,0 +1,23 @@
+declare namespace _default {
+    let type: string;
+    let components: ({
+        label: string;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        showValidations?: undefined;
+    } | {
+        label: string;
+        showValidations: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+    })[];
+    let title: string;
+    let display: string;
+    let name: string;
+    let path: string;
+}
+export default _default;

package/lib/mjs/components/email/fixtures/comp2.js

@@ -0,0 +1,11 @@
+export default {
+    type: 'form',
+    components: [
+        { label: 'Email', tableView: true, key: 'email', type: 'email', input: true },
+        { label: 'Submit', showValidations: false, tableView: false, key: 'submit', type: 'button', input: true }
+    ],
+    title: 'test11',
+    display: 'form',
+    name: 'test11',
+    path: 'test11',
+};

package/lib/mjs/components/email/fixtures/index.d.ts

@@ -0,0 +1,3 @@
+import comp1 from './comp1';
+import comp2 from './comp2';
+export { comp1, comp2 };

package/lib/mjs/components/email/fixtures/index.js

@@ -0,0 +1,3 @@
+import comp1 from './comp1';
+import comp2 from './comp2';
+export { comp1, comp2 };

package/lib/mjs/components/email/fixtures/values.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string[];
+export default _default;

package/lib/mjs/components/email/fixtures/values.js

@@ -0,0 +1,4 @@
+export default [
+    'admin@example.com',
+    'test@example.com',
+];

package/lib/mjs/components/fieldset/fixtures/comp1.d.ts

@@ -0,0 +1,46 @@
+declare namespace _default {
+    let key: string;
+    let input: boolean;
+    let tableView: boolean;
+    let legend: string;
+    let components: {
+        input: boolean;
+        tableView: boolean;
+        inputType: string;
+        inputMask: string;
+        label: string;
+        key: string;
+        placeholder: string;
+        prefix: string;
+        suffix: string;
+        multiple: boolean;
+        defaultValue: string;
+        protected: boolean;
+        unique: boolean;
+        persistent: boolean;
+        clearOnHide: boolean;
+        validate: {
+            required: boolean;
+            minLength: string;
+            maxLength: string;
+            pattern: string;
+            custom: string;
+            customPrivate: boolean;
+        };
+        conditional: {
+            show: string;
+            when: null;
+            eq: string;
+        };
+        type: string;
+        tags: never[];
+    }[];
+    let type: string;
+    let tags: never[];
+    namespace conditional {
+        let show: string;
+        let when: null;
+        let eq: string;
+    }
+}
+export default _default;

package/lib/mjs/components/fieldset/fixtures/comp1.js

@@ -0,0 +1,79 @@
+export default {
+    'key': 'fieldset1',
+    'input': false,
+    'tableView': true,
+    'legend': 'User Information',
+    'components': [
+        {
+            'input': true,
+            'tableView': true,
+            'inputType': 'text',
+            'inputMask': '',
+            'label': 'First Name',
+            'key': 'firstName',
+            'placeholder': '',
+            'prefix': '',
+            'suffix': '',
+            'multiple': false,
+            'defaultValue': '',
+            'protected': false,
+            'unique': false,
+            'persistent': true,
+            'clearOnHide': true,
+            'validate': {
+                'required': false,
+                'minLength': '',
+                'maxLength': '',
+                'pattern': '',
+                'custom': '',
+                'customPrivate': false
+            },
+            'conditional': {
+                'show': '',
+                'when': null,
+                'eq': ''
+            },
+            'type': 'textfield',
+            'tags': []
+        },
+        {
+            'input': true,
+            'tableView': true,
+            'inputType': 'text',
+            'inputMask': '',
+            'label': 'Last Name',
+            'key': 'lastName',
+            'placeholder': '',
+            'prefix': '',
+            'suffix': '',
+            'multiple': false,
+            'defaultValue': '',
+            'protected': false,
+            'unique': false,
+            'persistent': true,
+            'clearOnHide': true,
+            'validate': {
+                'required': false,
+                'minLength': '',
+                'maxLength': '',
+                'pattern': '',
+                'custom': '',
+                'customPrivate': false
+            },
+            'conditional': {
+                'show': '',
+                'when': null,
+                'eq': ''
+            },
+            'type': 'textfield',
+            'tags': []
+        }
+    ],
+    'type': 'fieldset',
+    'tags': [],
+    'conditional': {
+        'show': '',
+        'when': null,
+        'eq': ''
+    }
+};

package/lib/mjs/components/fieldset/fixtures/index.d.ts

@@ -0,0 +1,2 @@
+export { comp1 };
+import comp1 from './comp1';

package/lib/mjs/components/fieldset/fixtures/index.js

@@ -0,0 +1,2 @@
+import comp1 from './comp1';
+export { comp1 };

package/lib/mjs/components/file/File.d.ts

@@ -33,7 +33,7 @@ export default class FileComponent extends Field {
     get dataReady(): Promise<any>;
     loadImage(fileInfo: any): any;
     get emptyValue(): never[];
-    getValueAsString(value: any, options: any): any;
+    getValueAsString(value: any): any;
     get defaultValue(): any[];
     get hasTypes(): any;
     _fileBrowseHidden: any;

package/lib/mjs/components/file/File.js

@@ -98,18 +98,12 @@ export default class FileComponent extends Field {
         if (this.component.privateDownload) {
             fileInfo.private = true;
         }
-        // pass the component to the downloadFile method
-        return this.fileService.downloadFile(fileInfo, this.component).then((result) => result.url);
+        return this.fileService.downloadFile(fileInfo).then((result) => result.url);
     }
     get emptyValue() {
         return [];
     }
-    getValueAsString(value, options) {
-        if (options?.review && !this.component.uploadOnly) {
-            return _.map(value, (val, index) => {
-                return `<a href="${val.url || '#'}" target="_blank" data-path='${this.path}' data-fileindex='${index}'>${val.originalName}</a>`;
-            }).join(', ');
-        }
+    getValueAsString(value) {
         if (_.isArray(value)) {
             return _.map(value, 'originalName').join(', ');
         }
@@ -202,7 +196,7 @@ export default class FileComponent extends Field {
             this.videoStream = stream;
             const { videoPlayer } = this.refs;
             if (!videoPlayer) {
-                console.warn(this.t('videoPlayerNotFound'));
+                console.warn('Video player not found in template.');
                 this.cameraMode = false;
                 this.redraw();
                 return;
@@ -227,7 +221,7 @@ export default class FileComponent extends Field {
     takePicture() {
         const { videoPlayer } = this.refs;
         if (!videoPlayer) {
-            console.warn(this.t('videoPlayerNotFound'));
+            console.warn('Video player not found in template.');
             this.cameraMode = false;
             this.redraw();
             return;
@@ -632,7 +626,7 @@ export default class FileComponent extends Field {
             file,
             size: file.size,
             status: 'info',
-            message: this.t('waitFileProcessing'),
+            message: this.t('Processing file. Please wait...'),
             hash: '',
         };
     }
@@ -661,7 +655,7 @@ export default class FileComponent extends Field {
         return fileWithSameNameUploaded || fileWithSameNameUploading
             ? {
                 status: 'error',
-                message: this.t(fileWithSameNameUploading ? 'fileWithDuplicatedNameInProgress' : 'fileWithDuplicatedNameLoaded'),
+                message: this.t(`File with the same name is already ${fileWithSameNameUploading ? 'being ' : ''}uploaded`),
             }
             : {};
     }
@@ -670,7 +664,7 @@ export default class FileComponent extends Field {
         if (this.component.filePattern && !this.validatePattern(file, this.component.filePattern)) {
             return {
                 status: 'error',
-                message: this.t('wrongFileType', {
+                message: this.t('File is the wrong type; it must be {{ pattern }}', {
                     pattern: this.component.filePattern,
                 }),
             };
@@ -679,7 +673,7 @@ export default class FileComponent extends Field {
         if (this.component.fileMinSize && !this.validateMinSize(file, this.component.fileMinSize)) {
             return {
                 status: 'error',
-                message: this.t('fileTooSmall', {
+                message: this.t('File is too small; it must be at least {{ size }}', {
                     size: this.component.fileMinSize,
                 }),
             };
@@ -688,7 +682,7 @@ export default class FileComponent extends Field {
         if (this.component.fileMaxSize && !this.validateMaxSize(file, this.component.fileMaxSize)) {
             return {
                 status: 'error',
-                message: this.t('fileTooBig', {
+                message: this.t('File is too big; it must be at most {{ size }}', {
                     size: this.component.fileMaxSize,
                 }),
             };
@@ -700,7 +694,7 @@ export default class FileComponent extends Field {
         return !fileService
             ? {
                 status: 'error',
-                message: this.t('noFileService'),
+                message: this.t('File Service not provided.'),
             }
             : {};
     }
@@ -748,7 +742,7 @@ export default class FileComponent extends Field {
                 this.fileDropHidden = false;
                 return {
                     status: 'error',
-                    message: this.t('fileProcessingFailed'),
+                    message: this.t('File processing has been failed.'),
                 };
             }
             finally {
@@ -782,7 +776,7 @@ export default class FileComponent extends Field {
             return this.filesToSync.filesToUpload.push(fileToSync);
         }
         if (this.autoSync) {
-            fileToSync.message = this.t('readyForUpload');
+            fileToSync.message = this.t('Ready to be uploaded into storage');
         }
         this.filesToSync.filesToUpload.push({
             ...fileToSync,
@@ -820,8 +814,8 @@ export default class FileComponent extends Field {
             ...fileInfo,
             status: 'info',
             message: this.autoSync
-                ? this.t('readyForRemovingFromStorage')
-                : this.t('preparingFileToRemove'),
+                ? this.t('Ready to be removed from storage')
+                : this.t('Preparing file to remove'),
         });
         const index = this.dataValue.findIndex(file => file.name === fileInfo.name);
         this.splice(index);
@@ -859,7 +853,7 @@ export default class FileComponent extends Field {
                 }
                 await this.deleteFile(fileToSync);
                 fileToSync.status = 'success';
-                fileToSync.message = this.t('succefullyRemoved');
+                fileToSync.message = this.t('Succefully removed');
             }
             catch (response) {
                 fileToSync.status = 'error';
@@ -927,7 +921,7 @@ export default class FileComponent extends Field {
                 }
                 fileInfo = await this.uploadFile(fileToSync);
                 fileToSync.status = 'success';
-                fileToSync.message = this.t('succefullyUploaded');
+                fileToSync.message = this.t('Succefully uploaded');
                 fileInfo.originalName = fileToSync.originalName;
                 fileInfo.hash = fileToSync.hash;
             }
@@ -1026,7 +1020,7 @@ export default class FileComponent extends Field {
             }
             await this.syncFiles();
             return this.shouldSyncFiles
-                ? Promise.reject(this.t('synchronizationFailed'))
+                ? Promise.reject('Synchronization is failed')
                 : Promise.resolve();
         }
         catch (error) {

package/lib/mjs/components/file/fixtures/comp1.d.ts

@@ -0,0 +1,15 @@
+declare namespace _default {
+    let label: string;
+    let tableView: boolean;
+    let storage: string;
+    let webcam: boolean;
+    let fileTypes: {
+        label: string;
+        value: string;
+    }[];
+    let calculateServer: boolean;
+    let key: string;
+    let type: string;
+    let input: boolean;
+}
+export default _default;

package/lib/mjs/components/file/fixtures/comp1.js

@@ -0,0 +1,16 @@
+export default {
+    'label': 'Upload',
+    'tableView': false,
+    'storage': 'base64',
+    'webcam': false,
+    'fileTypes': [
+        {
+            'label': '',
+            'value': ''
+        }
+    ],
+    'calculateServer': false,
+    'key': 'upload',
+    'type': 'file',
+    'input': true
+};

package/lib/mjs/components/file/fixtures/comp2.d.ts

@@ -0,0 +1,35 @@
+declare namespace _default {
+    let _id: string;
+    let type: string;
+    let components: ({
+        label: string;
+        tableView: boolean;
+        modalEdit: boolean;
+        storage: string;
+        webcam: boolean;
+        fileTypes: {
+            label: string;
+            value: string;
+        }[];
+        key: string;
+        type: string;
+        input: boolean;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        modalEdit?: undefined;
+        storage?: undefined;
+        webcam?: undefined;
+        fileTypes?: undefined;
+    })[];
+    let title: string;
+    let display: string;
+    let name: string;
+    let path: string;
+}
+export default _default;

package/lib/mjs/components/file/fixtures/comp2.js

@@ -0,0 +1,29 @@
+export default {
+    _id: '6108f1dac7e55d5cabe2627f',
+    type: 'form',
+    components: [
+        {
+            label: 'Upload',
+            tableView: false,
+            modalEdit: true,
+            storage: 'base64',
+            webcam: false,
+            fileTypes: [{ label: '', value: '' }],
+            key: 'file',
+            type: 'file',
+            input: true,
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false,
+        },
+    ],
+    title: 'testFileForm',
+    display: 'form',
+    name: 'testFileForm',
+    path: 'testfileform',
+};

package/lib/mjs/components/file/fixtures/comp3.d.ts

@@ -0,0 +1,29 @@
+declare namespace _default {
+    let type: string;
+    let display: string;
+    let components: ({
+        label: string;
+        tableView: boolean;
+        storage: string;
+        webcam: boolean;
+        fileTypes: {
+            label: string;
+            value: string;
+        }[];
+        key: string;
+        type: string;
+        input: boolean;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        storage?: undefined;
+        webcam?: undefined;
+        fileTypes?: undefined;
+    })[];
+}
+export default _default;

package/lib/mjs/components/file/fixtures/comp3.js

@@ -0,0 +1,29 @@
+export default {
+    type: 'form',
+    display: 'form',
+    components: [
+        {
+            label: 'Upload',
+            tableView: false,
+            storage: 'base64',
+            webcam: false,
+            fileTypes: [
+                {
+                    label: '',
+                    value: ''
+                }
+            ],
+            key: 'file',
+            type: 'file',
+            input: true
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false
+        }
+    ],
+};

package/lib/mjs/components/file/fixtures/index.d.ts

@@ -0,0 +1,3 @@
+import comp1 from './comp1';
+import comp2 from './comp2';
+export { comp1, comp2 };

package/lib/mjs/components/file/fixtures/index.js

@@ -0,0 +1,3 @@
+import comp1 from './comp1';
+import comp2 from './comp2';
+export { comp1, comp2 };

package/lib/mjs/components/file/fixtures/values.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    imageSrc: string;
+    name: string;
+    originalName: string;
+    size: number;
+    storage: string;
+    type: string;
+    url: string;
+}[][];
+export default _default;