Form autosave

[dmijatovic]

Save changes in the form automatically. The autosave option is enabled by default.

• Use autosave state to decide if the changes are saved automatically
• Default value is true, with autosave the changes are saved automatically
• If autosave is unchecked Save, Cancel and Delete button are shown at the bottom of the node form, as it was in the previous version
• Clear button clears configuration and sets the default start values (empty array of molecules)
• Fixed the upload button after using Clear button.

UI changes:

• Buttons styles are slightly changed.
• Download button is disabled if there are errors in the configuration.
• The error notification is shown for each node in the workflow list (see image 2) using the classes form-control is-invalid.
• Additional tab is added to workflow for the files. There are 3 tabs in total: Visual, Text and Files
• Global parameters is the first item of the workflow list. It cannot be removed from the workflow.
• Default store value is set to empty molecules array
• Undefined values are removed from the global parameters in order to avoid toml error for the required params (molecules and run directory)

Error notification in the workflow

Preferred approach instead of #138 Closes #138

[netlify[bot]]

✅ Deploy Preview for i-vresse-workflow-builder ready!

Name	Link
🔨 Latest commit	a9583795ac87c7ae6ee19293cd8ca2c7b37eca4d
🔍 Latest deploy log	https://app.netlify.com/sites/i-vresse-workflow-builder/deploys/6644c41e5706ea00084bd044
😎 Deploy Preview	https://deploy-preview-144--i-vresse-workflow-builder.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 48.83721% with 110 lines in your changes are missing coverage. Please review.

Project coverage is 65.61%. Comparing base (ef60923) to head (1417746).

:exclamation: Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files

[](https://app.codecov.io/gh/i-VRESSE/workflow-builder/pull/144?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE) ```diff @@ Coverage Diff @@ ## main #144 +/- ## ========================================== - Coverage 66.24% 65.61% -0.63% ========================================== Files 57 57 Lines 4076 4235 +159 Branches 338 344 +6 ========================================== + Hits 2700 2779 +79 - Misses 1372 1452 +80 Partials 4 4 ``` | [Flag](https://app.codecov.io/gh/i-VRESSE/workflow-builder/pull/144/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE) | Coverage Δ | | |---|---|---| | [core-unit](https://app.codecov.io/gh/i-VRESSE/workflow-builder/pull/144/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE) | `62.54% <49.05%> (-0.58%)` | :arrow_down: | | [form-unit](https://app.codecov.io/gh/i-VRESSE/workflow-builder/pull/144/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE) | `78.41% <33.33%> (-0.22%)` | :arrow_down: | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE#carryforward-flags-in-the-pull-request-comment) to find out more. | [Files](https://app.codecov.io/gh/i-VRESSE/workflow-builder/pull/144?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE) | Coverage Δ | | |---|---|---| | [...ackages/core/src/molecule/addMoleculeValidation.ts](https://app.codecov.io/gh/i-VRESSE/workflow-builder/pull/144?src=pr&el=tree&filepath=packages%2Fcore%2Fsrc%2Fmolecule%2FaddMoleculeValidation.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE#diff-cGFja2FnZXMvY29yZS9zcmMvbW9sZWN1bGUvYWRkTW9sZWN1bGVWYWxpZGF0aW9uLnRz) | `92.94% <100.00%> (+0.08%)` | :arrow_up: | | [packages/core/src/molecule/parse.ts](https://app.codecov.io/gh/i-VRESSE/workflow-builder/pull/144?src=pr&el=tree&filepath=packages%2Fcore%2Fsrc%2Fmolecule%2Fparse.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE#diff-cGFja2FnZXMvY29yZS9zcmMvbW9sZWN1bGUvcGFyc2UudHM=) | `92.85% <100.00%> (+0.75%)` | :arrow_up: | | [packages/core/src/toml.ts](https://app.codecov.io/gh/i-VRESSE/workflow-builder/pull/144?src=pr&el=tree&filepath=packages%2Fcore%2Fsrc%2Ftoml.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE#diff-cGFja2FnZXMvY29yZS9zcmMvdG9tbC50cw==) | `91.80% <100.00%> (+0.10%)` | :arrow_up: | | [packages/form/src/ArrayFieldTemplate.tsx](https://app.codecov.io/gh/i-VRESSE/workflow-builder/pull/144?src=pr&el=tree&filepath=packages%2Fform%2Fsrc%2FArrayFieldTemplate.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE#diff-cGFja2FnZXMvZm9ybS9zcmMvQXJyYXlGaWVsZFRlbXBsYXRlLnRzeA==) | `74.33% <100.00%> (-0.09%)` | :arrow_down: | | [packages/core/src/WorkflowDownloadButton.tsx](https://app.codecov.io/gh/i-VRESSE/workflow-builder/pull/144?src=pr&el=tree&filepath=packages%2Fcore%2Fsrc%2FWorkflowDownloadButton.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE#diff-cGFja2FnZXMvY29yZS9zcmMvV29ya2Zsb3dEb3dubG9hZEJ1dHRvbi50c3g=) | `0.00% <0.00%> (ø)` | | | [packages/core/src/index.tsx](https://app.codecov.io/gh/i-VRESSE/workflow-builder/pull/144?src=pr&el=tree&filepath=packages%2Fcore%2Fsrc%2Findex.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE#diff-cGFja2FnZXMvY29yZS9zcmMvaW5kZXgudHN4) | `0.00% <0.00%> (ø)` | | | [packages/core/src/FormActions.tsx](https://app.codecov.io/gh/i-VRESSE/workflow-builder/pull/144?src=pr&el=tree&filepath=packages%2Fcore%2Fsrc%2FFormActions.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE#diff-cGFja2FnZXMvY29yZS9zcmMvRm9ybUFjdGlvbnMudHN4) | `0.00% <0.00%> (ø)` | | | [packages/core/src/VisualPanel.tsx](https://app.codecov.io/gh/i-VRESSE/workflow-builder/pull/144?src=pr&el=tree&filepath=packages%2Fcore%2Fsrc%2FVisualPanel.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE#diff-cGFja2FnZXMvY29yZS9zcmMvVmlzdWFsUGFuZWwudHN4) | `69.76% <90.47%> (+3.69%)` | :arrow_up: | | [packages/form/src/Form.tsx](https://app.codecov.io/gh/i-VRESSE/workflow-builder/pull/144?src=pr&el=tree&filepath=packages%2Fform%2Fsrc%2FForm.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE#diff-cGFja2FnZXMvZm9ybS9zcmMvRm9ybS50c3g=) | `77.35% <0.00%> (-3.04%)` | :arrow_down: | | [packages/core/src/GlobalForm.tsx](https://app.codecov.io/gh/i-VRESSE/workflow-builder/pull/144?src=pr&el=tree&filepath=packages%2Fcore%2Fsrc%2FGlobalForm.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE#diff-cGFja2FnZXMvY29yZS9zcmMvR2xvYmFsRm9ybS50c3g=) | `88.63% <83.33%> (-11.37%)` | :arrow_down: | | ... and [7 more](https://app.codecov.io/gh/i-VRESSE/workflow-builder/pull/144?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=i-VRESSE) | |

[VGPReys]

related to #147