@formio/js 5.0.0-dev.5703.20a26ed → 5.0.0-dev.5704.50db01f

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

@@ -0,0 +1,97 @@
+export default {
+    type: 'form',
+    display: 'form',
+    components: [
+        {
+            label: 'Edit Grid',
+            tableView: false,
+            rowDrafts: false,
+            key: 'editGrid',
+            type: 'editgrid',
+            input: true,
+            components: [
+                {
+                    collapsible: false,
+                    key: 'panel',
+                    type: 'panel',
+                    label: 'Panel',
+                    input: false,
+                    tableView: false,
+                    components: [
+                        {
+                            label: 'Columns',
+                            columns: [
+                                {
+                                    components: [
+                                        {
+                                            label: 'Radio',
+                                            optionsLabelPosition: 'right',
+                                            inline: false,
+                                            tableView: true,
+                                            values: [
+                                                {
+                                                    label: 'yes',
+                                                    value: 'yes',
+                                                    shortcut: ''
+                                                },
+                                                {
+                                                    label: 'no',
+                                                    value: 'no',
+                                                    shortcut: ''
+                                                }
+                                            ],
+                                            key: 'radio',
+                                            type: 'radio',
+                                            input: true
+                                        }
+                                    ],
+                                    width: 6,
+                                    offset: 0,
+                                    push: 0,
+                                    pull: 0,
+                                    size: 'md',
+                                    currentWidth: 6
+                                },
+                                {
+                                    components: [
+                                        {
+                                            label: 'Text Area',
+                                            applyMaskOn: 'change',
+                                            autoExpand: false,
+                                            tableView: true,
+                                            key: 'textArea',
+                                            conditional: {
+                                                show: true,
+                                                conjunction: 'all'
+                                            },
+                                            type: 'textarea',
+                                            input: true
+                                        }
+                                    ],
+                                    width: 6,
+                                    offset: 0,
+                                    push: 0,
+                                    pull: 0,
+                                    size: 'md',
+                                    currentWidth: 6
+                                }
+                            ],
+                            key: 'columns',
+                            type: 'columns',
+                            input: false,
+                            tableView: false
+                        }
+                    ]
+                }
+            ]
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false
+        }
+    ]
+};

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

@@ -1,21 +1,22 @@
 import comp1 from './comp1';
 import comp2 from './comp2';
 import comp3 from './comp3';
-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 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 compOpenWhenEmpty from './comp-openWhenEmpty';
 import withOpenWhenEmptyAndConditions from './comp-with-conditions-and-openWhenEmpty';
 import compWithCustomDefaultValue from './comp-with-custom-default-value';
 import compTestEvents from './comp-test-events';
-export { comp1, comp2, comp3, comp10, comp11, comp12, comp13, comp14, comp15, comp4, comp5, comp6, comp7, comp8, comp9, comp16, compOpenWhenEmpty, withOpenWhenEmptyAndConditions, compWithCustomDefaultValue, compTestEvents };
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, compOpenWhenEmpty, withOpenWhenEmptyAndConditions, compWithCustomDefaultValue, compTestEvents };

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

@@ -14,8 +14,9 @@ import comp13 from './comp13';
 import comp14 from './comp14';
 import comp15 from './comp15';
 import comp16 from './comp16';
+import comp17 from './comp17';
 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, comp10, comp11, comp12, comp13, comp14, comp15, comp4, comp5, comp6, comp7, comp8, comp9, comp16, compOpenWhenEmpty, withOpenWhenEmptyAndConditions, compWithCustomDefaultValue, compTestEvents };
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, compOpenWhenEmpty, withOpenWhenEmptyAndConditions, compWithCustomDefaultValue, compTestEvents };

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

@@ -33,12 +33,12 @@ export default class FileComponent extends Field {
     get dataReady(): Promise<any>;
     loadImage(fileInfo: any): any;
     get emptyValue(): never[];
-    getValueAsString(value: any): any;
+    getValueAsString(value: any, options: any): any;
     get defaultValue(): any[];
     get hasTypes(): any;
     _fileBrowseHidden: any;
     get shouldSyncFiles(): boolean;
-    get autoSync(): any;
+    get autoSync(): boolean;
     get columnsSize(): {
         name: number;
         size: number;

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

@@ -103,7 +103,12 @@ export default class FileComponent extends Field {
     get emptyValue() {
         return [];
     }
-    getValueAsString(value) {
+    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(', ');
+        }
         if (_.isArray(value)) {
             return _.map(value, 'originalName').join(', ');
         }
@@ -135,7 +140,9 @@ export default class FileComponent extends Field {
         return Boolean(this.filesToSync.filesToDelete.length || this.filesToSync.filesToUpload.length);
     }
     get autoSync() {
-        return _.get(this, 'component.autoSync', false);
+        // Disable autoSync for now
+        return false;
+        // return _.get(this, 'component.autoSync', false);
     }
     get columnsSize() {
         const actionsColumn = this.disabled ? 0 : this.autoSync ? 2 : 1;
@@ -931,6 +938,10 @@ export default class FileComponent extends Field {
                     : response.type === 'abort'
                         ? this.t('Request was aborted')
                         : response.toString();
+                this.emit('fileUploadError', {
+                    fileToSync,
+                    response,
+                });
             }
             finally {
                 delete fileToSync.progress;

package/lib/mjs/components/file/editForm/File.edit.display.js

@@ -4,7 +4,7 @@ export default [
         ignore: true
     },
     {
-        type: 'checkbox',
+        type: 'hidden',
         label: 'Files Synchronization feature',
         tooltip: 'Enable ability to control files synchronization. Files will be auto synced before submit.',
         key: 'autoSync',

package/lib/mjs/components/form/editForm/Form.edit.form.js

@@ -44,7 +44,7 @@ export default [
         },
         searchField: 'title__regex',
         template: '<span>{{ item._vid }}</span>',
-        valueProperty: '_id',
+        valueProperty: 'revisionId',
         authenticate: true,
         label: 'Form Revision',
         key: 'revision',

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

@@ -7,4 +7,5 @@ import comp5 from './comp5';
 import comp6 from './comp6';
 import comp7 from './comp7';
 import comp8 from './comp8';
-export { formModalEdit, comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8 };
+import nestedWizardForm from './nestedWizardForm';
+export { formModalEdit, comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, nestedWizardForm };

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

@@ -7,4 +7,5 @@ import comp5 from './comp5';
 import comp6 from './comp6';
 import comp7 from './comp7';
 import comp8 from './comp8';
-export { formModalEdit, comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8 };
+import nestedWizardForm from './nestedWizardForm';
+export { formModalEdit, comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, nestedWizardForm };