Custom Tag Creator component

This issue is for the discussion of replacing the current Tag Creator form (using the react-jsonschema-form) with a similar, custom implementation.

Motivation

The existing third party library (react-jsonschema-form) has some quirks and behavior that that are not ideal for our use-case and are inconvenient or challenging to work around. We could attempt forking the library and modifying it to our needs, but I think ultimately this would be as much work as creating our own and still result in compromises on what we want exactly. We are already doing something similar to this with the dashboard's advanced search.

Also, since we are using svelte for the dashboard, if we used svelte to create a tag creator component, it would make it very straighforward to embed the tag creator in the dashboard instead of having to link to a separate page or worry about embdding react within a svelte app. Since svelte has no "runtime" library, it should also be reasonably straighforward to include it elsewehere without having to pull in other libraries like react.

Related Issues

Features

JSON schema based
responsive (usuable on small-screem/mobile)
library/component that can be reused in other places (webgme-cwl)
a method of designating different vocabularies (@yogeshVU likes the idea of something like the JSON Forms categorization tabs)

References

Discussion

Please comment with any pros and cons of replacing the existing form creator, as well as any other features or requirements that should be considered.

webgme / webgme-taxonomy