admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Handle JSON viewer empty states (#10750)

Browse Source 
- Display the number of descendants for object and array elements
- Display an empty state for arrays and objects
- Make the input and output visualizer scrollable horizontally 
  - Prevent JSON visualizer's text to wrap

## Demo: input


https://github.com/user-attachments/assets/d6bd6acf-a779-4fc7-a8b1-12b857cee7f9

Closes https://github.com/twentyhq/core-team-issues/issues/497
This commit is contained in:
Baptiste Devessier
2025-03-10 17:39:49 +01:00
committed by GitHub
parent dc55fac1d5
commit dd26001372
70 changed files with 533 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/twenty-front/src/locales/af-ZA.po
View File

@ -1218,6 +1218,14 @@ msgstr "Werknemers"
msgid "Empty"
msgstr "Leeg"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "Eindpunt URL"

8
packages/twenty-front/src/locales/ar-SA.po
View File

@ -1218,6 +1218,14 @@ msgstr "الموظفون"
msgid "Empty"
msgstr "فارغ"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "عنوان URL للواجهة النهائية"

8
packages/twenty-front/src/locales/ca-ES.po
View File

@ -1221,6 +1221,14 @@ msgstr "Empleats"
msgid "Empty"
msgstr "Buit"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "URL de l'endpoint"

8
packages/twenty-front/src/locales/cs-CZ.po
View File

@ -1218,6 +1218,14 @@ msgstr "Zaměstnanci"
msgid "Empty"
msgstr "Prázdné"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "URL koncového bodu"

8
packages/twenty-front/src/locales/da-DK.po
View File

@ -1221,6 +1221,14 @@ msgstr "Medarbejdere"
msgid "Empty"
msgstr "Tom"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "Endpoint-URL"

8
packages/twenty-front/src/locales/de-DE.po
View File

@ -1221,6 +1221,14 @@ msgstr "Mitarbeiter"
msgid "Empty"
msgstr "Leer"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "Endpunkt-URL"

8
packages/twenty-front/src/locales/el-GR.po
View File

@ -1221,6 +1221,14 @@ msgstr "Εργαζόμενοι"
msgid "Empty"
msgstr "Κενό"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "URL τελικού σημείου"

8
packages/twenty-front/src/locales/en.po
View File

@ -1216,6 +1216,14 @@ msgstr "Employees"
msgid "Empty"
msgstr "Empty"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr "Empty Array"
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr "Empty Object"
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "Endpoint URL"

8
packages/twenty-front/src/locales/es-ES.po
View File

@ -1221,6 +1221,14 @@ msgstr "Empleados"
msgid "Empty"
msgstr "Vacío"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "URL del endpoint"

8
packages/twenty-front/src/locales/fi-FI.po
View File

@ -1218,6 +1218,14 @@ msgstr "Ty\\u00f6ntekij\\u00e4t"
msgid "Empty"
msgstr "Tyhj\\u00e4"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "P\\u00e4\\u00e4tetunnisteen URL"

8
packages/twenty-front/src/locales/fr-FR.po
View File

@ -1218,6 +1218,14 @@ msgstr "Employés"
msgid "Empty"
msgstr "Vide"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "URL du point de terminaison"

2
packages/twenty-front/src/locales/generated/af-ZA.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/ar-SA.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/ca-ES.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/cs-CZ.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/da-DK.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/de-DE.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/el-GR.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/en.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/es-ES.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/fi-FI.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/fr-FR.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/he-IL.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/hu-HU.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/it-IT.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/ja-JP.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/ko-KR.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/nl-NL.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/no-NO.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/pl-PL.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/pseudo-en.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/pt-BR.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/pt-PT.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/ro-RO.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/ru-RU.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/sr-Cyrl.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/sv-SE.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/tr-TR.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/uk-UA.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/vi-VN.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/zh-CN.ts
View File

File diff suppressed because one or more lines are too long

2
packages/twenty-front/src/locales/generated/zh-TW.ts
View File

File diff suppressed because one or more lines are too long

8
packages/twenty-front/src/locales/he-IL.po
View File

@ -1218,6 +1218,14 @@ msgstr "עובדים"
msgid "Empty"
msgstr "ריק"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "URL של נקודת קצה"

8
packages/twenty-front/src/locales/hu-HU.po
View File

@ -1221,6 +1221,14 @@ msgstr "Alkalmazottak"
msgid "Empty"
msgstr "\\u00dcres"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "V\\u00e9gpont URL"

8
packages/twenty-front/src/locales/it-IT.po
View File

@ -1218,6 +1218,14 @@ msgstr "Dipendenti"
msgid "Empty"
msgstr "Vuoto"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "URL endpoint"

8
packages/twenty-front/src/locales/ja-JP.po
View File

@ -1218,6 +1218,14 @@ msgstr "従業員"
msgid "Empty"
msgstr "空"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "エンドポイントURL"

8
packages/twenty-front/src/locales/ko-KR.po
View File

@ -1218,6 +1218,14 @@ msgstr "직원"
msgid "Empty"
msgstr "비어 있음"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "엔드포인트 URL"

8
packages/twenty-front/src/locales/nl-NL.po
View File

@ -1218,6 +1218,14 @@ msgstr "Werknemers"
msgid "Empty"
msgstr "Leeg"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "Endpoint-URL"

8
packages/twenty-front/src/locales/no-NO.po
View File

@ -1221,6 +1221,14 @@ msgstr "Ansatte"
msgid "Empty"
msgstr "Tom"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "Endepunkts-URL"

8
packages/twenty-front/src/locales/pl-PL.po
View File

@ -1218,6 +1218,14 @@ msgstr "Pracownicy"
msgid "Empty"
msgstr "Puste"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "URL punktu końcowego"

8
packages/twenty-front/src/locales/pseudo-en.po
View File

@ -1213,6 +1213,14 @@ msgstr ""
msgid "Empty"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr ""

8
packages/twenty-front/src/locales/pt-BR.po
View File

@ -1218,6 +1218,14 @@ msgstr "Funcionários"
msgid "Empty"
msgstr "Vazio"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "URL do endpoint"

8
packages/twenty-front/src/locales/pt-PT.po
View File

@ -1221,6 +1221,14 @@ msgstr "Funcionários"
msgid "Empty"
msgstr "Vazio"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "URL do Endpoint"

8
packages/twenty-front/src/locales/ro-RO.po
View File

@ -1218,6 +1218,14 @@ msgstr "Angajați"
msgid "Empty"
msgstr "Gol"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "URL endpoint"

BIN
packages/twenty-front/src/locales/ru-RU.po
View File

Binary file not shown.

8
packages/twenty-front/src/locales/sr-Cyrl.po
View File

@ -1218,6 +1218,14 @@ msgstr "Запослени"
msgid "Empty"
msgstr "Празно"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "Ендпоинт УРЛ"

8
packages/twenty-front/src/locales/sv-SE.po
View File

@ -1218,6 +1218,14 @@ msgstr "Anställda"
msgid "Empty"
msgstr "Tom"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "Slutpunkts-URL"

8
packages/twenty-front/src/locales/tr-TR.po
View File

@ -1218,6 +1218,14 @@ msgstr "Çalışanlar"
msgid "Empty"
msgstr "Boş"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "Uç Noktası URL"

8
packages/twenty-front/src/locales/uk-UA.po
View File

@ -1271,6 +1271,14 @@ msgstr ""
msgid "Empty"
msgstr "Порожньо"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr ""

8
packages/twenty-front/src/locales/vi-VN.po
View File

@ -1221,6 +1221,14 @@ msgstr "Nhân viên"
msgid "Empty"
msgstr "Trống"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "URL điểm cuối"

8
packages/twenty-front/src/locales/zh-CN.po
View File

@ -1218,6 +1218,14 @@ msgstr "员工"
msgid "Empty"
msgstr "空"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "端点 URL"

8
packages/twenty-front/src/locales/zh-TW.po
View File

@ -1218,6 +1218,14 @@ msgstr "員工"
msgid "Empty"
msgstr "空"
#: src/modules/workflow/components/json-visualizer/components/JsonArrayNode.tsx
msgid "Empty Array"
msgstr ""
#: src/modules/workflow/components/json-visualizer/components/JsonObjectNode.tsx
msgid "Empty Object"
msgstr ""
#: src/pages/settings/developers/webhooks/components/SettingsDevelopersWebhookDetail.tsx
msgid "Endpoint URL"
msgstr "端點 URL"