Create a JSON tree visualizer (#10579)

Inspired by
https://github.com/reduxjs/redux-devtools/tree/main/packages/react-json-tree

- Created a reusable JSON tree visualizer
- For now, the visualizer is only meant to render raw JSON. It can't
determine if a string is a UUID and display a specific icon.

**The visualizer is not rendered in the app. You must use Storybook to
review it.**

## Demo



https://github.com/user-attachments/assets/ffd4fc94-b33d-4481-9ac1-fa3a348b7c81
This commit is contained in:
Baptiste Devessier
2025-03-03 16:55:16 +01:00
committed by GitHub
parent 2325e0ae0f
commit 3d56e5394f
76 changed files with 817 additions and 31 deletions

View File

@ -570,6 +570,10 @@ msgstr "Schließen"
msgid "Close command menu"
msgstr "Befehlsmenü schließen"
#: src/modules/workflow/components/json-visualizer/components/internal/JsonArrow.tsx
msgid "Collapse"
msgstr ""
#: src/modules/settings/accounts/components/SettingsAccountsCalendarChannelsGeneral.tsx
msgid "Color code"
msgstr "Farbcode"
@ -1265,6 +1269,10 @@ msgstr "Vorhandene Objekte"
msgid "Exit Settings"
msgstr "Einstellungen verlassen"
#: src/modules/workflow/components/json-visualizer/components/internal/JsonArrow.tsx
msgid "Expand"
msgstr ""
#: src/modules/workflow/workflow-diagram/components/WorkflowDiagramCanvasEditableEffect.tsx
#~ msgid "Expected selected node to be a create step node."
#~ msgstr "Expected selected node to be a create step node."