@formio/js 5.2.3 → 5.2.4-rc.0

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

@@ -1,7 +1,7 @@
 export default [
     {
         key: 'placeholder',
-        ignore: true
+        ignore: true,
     },
     {
         type: 'hidden',
@@ -13,11 +13,15 @@ export default [
             json: {
                 in: [
                     {
-                        var: 'data.storage'
+                        var: 'data.storage',
                     },
-                    ['s3', 'azure', 'googledrive']
+                    [
+                        's3',
+                        'azure',
+                        'googledrive',
+                    ],
                 ],
-            }
-        }
+            },
+        },
     },
 ];

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

@@ -17,6 +17,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -33,7 +34,6 @@ declare const _default: ({
                 var: string;
             })[];
             in?: undefined;
-            '!=='?: undefined;
             '=='?: undefined;
         };
     };
@@ -47,6 +47,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -81,7 +82,6 @@ declare const _default: ({
                 var: string;
             })[];
             in?: undefined;
-            '!=='?: undefined;
             '=='?: undefined;
         };
     };
@@ -94,6 +94,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -112,7 +113,6 @@ declare const _default: ({
                 var: string;
             })[];
             in?: undefined;
-            '!=='?: undefined;
             '=='?: undefined;
         };
     };
@@ -124,6 +124,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -141,7 +142,6 @@ declare const _default: ({
                 var: string;
             })[];
             '==='?: undefined;
-            '!=='?: undefined;
             '=='?: undefined;
         };
     };
@@ -154,6 +154,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -175,7 +176,6 @@ declare const _default: ({
                 var: string;
             })[];
             in?: undefined;
-            '!=='?: undefined;
             '=='?: undefined;
         };
     };
@@ -184,6 +184,7 @@ declare const _default: ({
     data?: undefined;
     tableView?: undefined;
     components?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -196,19 +197,35 @@ declare const _default: ({
     placeholder: string;
     tooltip: string;
     weight: number;
-    conditional: {
-        json: {
-            '!==': (string | {
-                var: string;
-            })[];
-            '==='?: undefined;
-            in?: undefined;
-            '=='?: undefined;
+    logic: {
+        name: string;
+        trigger: {
+            type: string;
+            simple: {
+                show: boolean;
+                conjunction: string;
+                conditions: {
+                    component: string;
+                    operator: string;
+                    value: string;
+                }[];
+            };
         };
-    };
+        actions: {
+            name: string;
+            type: string;
+            property: {
+                label: string;
+                value: string;
+                type: string;
+            };
+            text: string;
+        }[];
+    }[];
     valueProperty?: undefined;
     dataSrc?: undefined;
     data?: undefined;
+    conditional?: undefined;
     tableView?: undefined;
     components?: undefined;
     rows?: undefined;
@@ -235,6 +252,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -256,6 +274,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -273,7 +292,6 @@ declare const _default: ({
                 var: string;
             })[];
             in?: undefined;
-            '!=='?: undefined;
             '=='?: undefined;
         };
     };
@@ -286,6 +304,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -305,7 +324,6 @@ declare const _default: ({
             })[];
             '==='?: undefined;
             in?: undefined;
-            '!=='?: undefined;
         };
     };
     valueProperty?: undefined;
@@ -316,6 +334,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -344,6 +363,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
 } | {
     type: string;
     input: boolean;
@@ -366,6 +386,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;

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

@@ -15,10 +15,10 @@ export default [
             custom() {
                 return _.map(Formio.Providers.getProviders('storage'), (storage, key) => ({
                     label: storage.title,
-                    value: key
+                    value: key,
                 }));
-            }
-        }
+            },
+        },
     },
     {
         type: 'checkbox',
@@ -27,7 +27,12 @@ export default [
         label: 'Use the S3 Multipart Upload API',
         tooltip: "The <a href='https://docs.aws.amazon.com/AmazonS3/latest/userguide/mpuoverview.html'>S3 Multipart Upload API</a> is designed to improve the upload experience for larger objects (> 5GB).",
         conditional: {
-            json: { '===': [{ var: 'data.storage' }, 's3'] }
+            json: {
+                '===': [
+                    { var: 'data.storage' },
+                    's3',
+                ],
+            },
         },
     },
     {
@@ -57,7 +62,12 @@ export default [
             },
         ],
         conditional: {
-            json: { '===': [{ var: 'data.useMultipartUpload' }, true] }
+            json: {
+                '===': [
+                    { var: 'data.useMultipartUpload' },
+                    true,
+                ],
+            },
         },
     },
     {
@@ -69,8 +79,13 @@ export default [
         placeholder: 'Enter the url to post the files to.',
         tooltip: "See <a href='https://github.com/danialfarid/ng-file-upload#server-side' target='_blank'>https://github.com/danialfarid/ng-file-upload#server-side</a> for how to set up the server.",
         conditional: {
-            json: { '===': [{ var: 'data.storage' }, 'url'] }
-        }
+            json: {
+                '===': [
+                    { var: 'data.storage' },
+                    'url',
+                ],
+            },
+        },
     },
     {
         type: 'textfield',
@@ -83,12 +98,14 @@ export default [
             json: {
                 in: [
                     {
-                        var: 'data.storage'
+                        var: 'data.storage',
                     },
-                    ['indexeddb']
+                    [
+                        'indexeddb',
+                    ],
                 ],
-            }
-        }
+            },
+        },
     },
     {
         type: 'textfield',
@@ -101,12 +118,14 @@ export default [
             json: {
                 in: [
                     {
-                        var: 'data.storage'
+                        var: 'data.storage',
                     },
-                    ['indexeddb']
+                    [
+                        'indexeddb',
+                    ],
                 ],
-            }
-        }
+            },
+        },
     },
     {
         type: 'textarea',
@@ -126,11 +145,14 @@ export default [
     }`,
         conditional: {
             json: {
-                '===': [{
-                        var: 'data.storage'
-                    }, 'url']
-            }
-        }
+                '===': [
+                    {
+                        var: 'data.storage',
+                    },
+                    'url',
+                ],
+            },
+        },
     },
     {
         type: 'textfield',
@@ -142,11 +164,14 @@ export default [
         tooltip: 'Key name that you would like to modify for the file while calling API request.',
         conditional: {
             json: {
-                '===': [{
-                        var: 'data.storage'
-                    }, 'url']
-            }
-        }
+                '===': [
+                    {
+                        var: 'data.storage',
+                    },
+                    'url',
+                ],
+            },
+        },
     },
     {
         type: 'textfield',
@@ -156,29 +181,86 @@ export default [
         placeholder: '(optional) Enter a directory for the files',
         tooltip: 'This will place all the files uploaded in this field in the directory',
         weight: 20,
-        conditional: {
-            json: {
-                '!==': [{
-                        var: 'data.storage'
-                    }, 'googledrive']
-            }
-        }
-    },
-    {
-        type: 'textfield',
-        input: true,
-        key: 'dir',
-        label: 'Folder ID',
-        placeholder: '(optional) Enter an ID of the folder for the files',
-        tooltip: 'This will place all the files uploaded in this field in the folder',
-        weight: 20,
-        conditional: {
-            json: {
-                '===': [{
-                        var: 'data.storage'
-                    }, 'googledrive']
-            }
-        }
+        logic: [
+            {
+                name: 'Change To File ID',
+                trigger: {
+                    type: 'simple',
+                    simple: {
+                        show: true,
+                        conjunction: 'all',
+                        conditions: [
+                            {
+                                component: 'storage',
+                                operator: 'isEqual',
+                                value: 'googledrive',
+                            },
+                        ],
+                    },
+                },
+                actions: [
+                    {
+                        name: 'Change placeholder',
+                        type: 'property',
+                        property: {
+                            label: 'Placeholder',
+                            value: 'placeholder',
+                            type: 'string',
+                        },
+                        text: '(optional) Enter an ID of the folder for the files',
+                    },
+                    {
+                        name: 'Change label',
+                        type: 'property',
+                        property: {
+                            label: 'Label',
+                            value: 'label',
+                            type: 'string',
+                        },
+                        text: 'Folder ID',
+                    },
+                ],
+            },
+            {
+                name: 'Change to Directory',
+                trigger: {
+                    type: 'simple',
+                    simple: {
+                        show: true,
+                        conjunction: 'all',
+                        conditions: [
+                            {
+                                component: 'storage',
+                                operator: 'isNotEqual',
+                                value: 'googledrive',
+                            },
+                        ],
+                    },
+                },
+                actions: [
+                    {
+                        name: 'Change placeholder',
+                        type: 'property',
+                        property: {
+                            label: 'Placeholder',
+                            value: 'placeholder',
+                            type: 'string',
+                        },
+                        text: '(optional) Enter a directory for the files',
+                    },
+                    {
+                        name: 'Change label',
+                        type: 'property',
+                        property: {
+                            label: 'Label',
+                            value: 'label',
+                            type: 'string',
+                        },
+                        text: 'Directory',
+                    },
+                ],
+            },
+        ],
     },
     {
         type: 'textfield',
@@ -187,7 +269,7 @@ export default [
         label: 'File Name Template',
         placeholder: '(optional) { {name} }-{ {guid} }',
         tooltip: 'Specify template for name of uploaded file(s). Regular template variables are available (`data`, `component`, `user`, `value`, `moment` etc.), also `fileName`, `guid` variables are available. `guid` part must be present, if not found in template, will be added at the end.',
-        weight: 25
+        weight: 25,
     },
     {
         type: 'checkbox',
@@ -195,7 +277,7 @@ export default [
         key: 'image',
         label: 'Display as image(s)',
         tooltip: 'Instead of a list of linked files, images will be rendered in the view.',
-        weight: 30
+        weight: 30,
     },
     {
         type: 'checkbox',
@@ -213,8 +295,13 @@ export default [
         tooltip: 'When this is checked, the file download will send a POST request to the download URL with the x-jwt-token header. This will allow your endpoint to create a Private download system.',
         weight: 31,
         conditional: {
-            json: { '===': [{ var: 'data.storage' }, 'url'] }
-        }
+            json: {
+                '===': [
+                    { var: 'data.storage' },
+                    'url',
+                ],
+            },
+        },
     },
     {
         type: 'textfield',
@@ -225,8 +312,13 @@ export default [
         tooltip: 'The image size for previewing images.',
         weight: 40,
         conditional: {
-            json: { '==': [{ var: 'data.image' }, true] }
-        }
+            json: {
+                '==': [
+                    { var: 'data.image' },
+                    true,
+                ],
+            },
+        },
     },
     {
         type: 'checkbox',
@@ -234,7 +326,7 @@ export default [
         key: 'webcam',
         label: 'Enable web camera',
         tooltip: 'This will allow using an attached camera to directly take a picture instead of uploading an existing file.',
-        weight: 32
+        weight: 32,
     },
     {
         type: 'textfield',
@@ -245,8 +337,13 @@ export default [
         tooltip: 'The webcam size for taking pictures.',
         weight: 38,
         conditional: {
-            json: { '==': [{ var: 'data.webcam' }, true] }
-        }
+            json: {
+                '==': [
+                    { var: 'data.webcam' },
+                    true,
+                ],
+            },
+        },
     },
     {
         type: 'radio',
@@ -260,17 +357,17 @@ export default [
         values: [
             {
                 label: 'Disabled',
-                value: 'false'
+                value: 'false',
             },
             {
                 label: 'Environment (rear camera)',
-                value: 'environment'
+                value: 'environment',
             },
             {
                 label: 'User (front camera)',
-                value: 'user'
-            }
-        ]
+                value: 'user',
+            },
+        ],
     },
     {
         type: 'datagrid',
@@ -284,15 +381,15 @@ export default [
                 label: 'Label',
                 key: 'label',
                 input: true,
-                type: 'textfield'
+                type: 'textfield',
             },
             {
                 label: 'Value',
                 key: 'value',
                 input: true,
-                type: 'textfield'
-            }
-        ]
+                type: 'textfield',
+            },
+        ],
     },
     {
         type: 'textfield',
@@ -300,8 +397,8 @@ export default [
         key: 'filePattern',
         label: 'File Pattern',
         placeholder: '.jpg,video/*,application/pdf',
-        tooltip: 'See <a href=\'https://github.com/danialfarid/ng-file-upload#full-reference\' target=\'_blank\'>https://github.com/danialfarid/ng-file-upload#full-reference</a> for how to specify file patterns.',
-        weight: 50
+        tooltip: "See <a href='https://github.com/danialfarid/ng-file-upload#full-reference' target='_blank'>https://github.com/danialfarid/ng-file-upload#full-reference</a> for how to specify file patterns.",
+        weight: 50,
     },
     {
         type: 'textfield',
@@ -309,8 +406,8 @@ export default [
         key: 'fileMinSize',
         label: 'File Minimum Size',
         placeholder: '1MB',
-        tooltip: 'See <a href=\'https://github.com/danialfarid/ng-file-upload#full-reference\' target=\'_blank\'>https://github.com/danialfarid/ng-file-upload#full-reference</a> for how to specify file sizes.',
-        weight: 60
+        tooltip: "See <a href='https://github.com/danialfarid/ng-file-upload#full-reference' target='_blank'>https://github.com/danialfarid/ng-file-upload#full-reference</a> for how to specify file sizes.",
+        weight: 60,
     },
     {
         type: 'textfield',
@@ -318,7 +415,7 @@ export default [
         key: 'fileMaxSize',
         label: 'File Maximum Size',
         placeholder: '10MB',
-        tooltip: 'See <a href=\'https://github.com/danialfarid/ng-file-upload#full-reference\' target=\'_blank\'>https://github.com/danialfarid/ng-file-upload#full-reference</a> for how to specify file sizes.',
-        weight: 70
+        tooltip: "See <a href='https://github.com/danialfarid/ng-file-upload#full-reference' target='_blank'>https://github.com/danialfarid/ng-file-upload#full-reference</a> for how to specify file sizes.",
+        weight: 70,
     },
 ];

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

@@ -1,10 +1,10 @@
 export default [
     {
         key: 'unique',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'validateOn',
-        ignore: true
+        ignore: true,
     },
 ];

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

@@ -11,19 +11,19 @@ export default function (...extend) {
     return nestedComponentForm([
         {
             key: 'display',
-            components: FormEditDisplay
+            components: FormEditDisplay,
         },
         {
             label: 'Form',
             key: 'form',
             weight: 10,
-            components: FormEditForm
+            components: FormEditForm,
         },
         {
             label: 'Data',
             key: 'data',
             weight: 10,
-            components: FormEditData
+            components: FormEditData,
         },
     ], ...extend);
 }