feat(18944): Add codeless interpolation for the Data Hub messages (#344)

* feat(18944): add a custom instance of the TipTap editor

* feat(18944): add a custom implementation of a suggestion extension

* feat(18944): replace the editor in the form widget

* feat(18944): add interpolation parser

* fix(18944): improve styling

* refactor(18944): refactor the editor
- add props for integration with form
- add placeholder support
- add styling

* refactor(18944):
- add chakra styling to the editor
- add invalid state
- add focus handling

* refactor(18944): display the full list of variables

* chore(18944): add dependencies

* refactor(18944): export function

* test(18944): add tests

* refactor(18944): refactor the suggestion list component
- rename the file/component
- redesign the container and items

* refactor(18944): fix translations

* test(18944): add test

* feat(18944): add support for input/textarea behaviour

* test(18944): add test

* fix(18944): improve accessibility

* fix(18944): change trigger character to $

* fix(18944): fix margin and colors

* fix(18944): fix

Author: vanch3d

hivemq-edge/src/frontend/package.json

@@ -46,6 +46,14 @@
     "@tanstack/react-query": "^4.29.7",
     "@tanstack/react-query-devtools": "^4.29.7",
     "@tanstack/react-table": "^8.9.3",
+    "@tiptap/extension-document": "^2.2.4",
+    "@tiptap/extension-mention": "^2.2.4",
+    "@tiptap/extension-paragraph": "^2.2.4",
+    "@tiptap/extension-placeholder": "^2.2.4",
+    "@tiptap/extension-text": "^2.2.4",
+    "@tiptap/pm": "^2.2.4",
+    "@tiptap/react": "^2.2.4",
+    "@tiptap/suggestion": "^2.2.4",
     "@types/d3-array": "^3.0.7",
     "@types/d3-hierarchy": "^3.1.3",
     "@uidotdev/usehooks": "^2.4.1",
@@ -70,6 +78,7 @@
     "react-icons": "^5.0.1",
     "react-router-dom": "^6.11.2",
     "reactflow": "^11.10.2",
+    "tippy.js": "^6.3.7",
     "uuid": "^9.0.1",
     "zustand": "^4.4.7"
   },