19e77f9dd7
[DASHBOARDS] Update iFrame error message ( #16777 )
...
`Invalid URL` instead of `no data` for iFrame widgets.
<img width="1142" height="638" alt="CleanShot 2025-12-23 at 14 13 17@2x"
src="https://github.com/user-attachments/assets/22621e57-c4ba-4e1f-91d0-5c4ef435c649 "
/>
2025-12-23 15:33:55 +00:00
1324ad1ee3
Edit simple values in Field widget ( #16749 )
...
https://github.com/user-attachments/assets/116b8259-b366-47bf-8068-b5276b138e03
2025-12-22 14:21:39 +00:00
9984981e82
Field widget edit relations ( #16714 )
...
- Let the user edit their relations
- Create a `useCurrentWidget` that returns the widget information in the
context of a rendered widget. Relies on a component instance context.
https://github.com/user-attachments/assets/e908364f-2d53-4adb-97a1-4d950f51976a
Follow up:
- Show pen button for all Field widgets
2025-12-19 21:21:00 +01:00
b5ebc44fee
Add field widget ( #16609 )
...
- Ability to display the details of a field
- The field can be edited (relations edition will be supported later)
- For now, the widget configuration stores the name of the field instead
of its fieldMetadataId. A hook resolves the fieldMetadataId from the
list of fields and the provided name. This will be replaced once we
migrate the configuration to the backend.
## Demo
https://github.com/user-attachments/assets/ab7efbda-66b2-46c1-b641-c350977c31dd
## Remaining to do
- Edition of relations
2025-12-18 17:25:51 +00:00
01ffca0cef
[DASHBOARDS] Add the ability to click to create a widget ( #16673 )
...
## Video QA
https://github.com/user-attachments/assets/813a2040-6ee9-418c-b7da-1126c9720446
2025-12-18 14:37:22 +00:00
b0e256221a
Create typeguards for widget configurations ( #16627 )
...
We checked for widget types by doing `configuration?.__typename ===
'LineChartConfiguration'` which made the code difficult to read.
In this PR, I introduce type guards for each widget type.
Note: the configuration type is `WidgetConfiguration |
FieldsConfiguration` for now but should be changed to
`WidgetConfiguration` when @Devessier adds FieldsConfiguration to the
backend type `WidgetConfiguration`.
2025-12-17 17:48:34 +01:00
576019e465
[DASHBOARDS] Rotate ticks on bar and line charts ( #16528 )
...
## Description
3 steps depending on the widget width. From bigger to tighter space:
- Fully shown horizontal text
- Rotated text
- Rotated text with skipped ticks to avoid overlapping
Also created common files for all constants for bar and pie charts.
Since a lot of them are shared, they can be inherited from a common
file.
## Video QA
https://github.com/user-attachments/assets/fd58d412-1a8b-4bd6-a420-4c03767e98d5
2025-12-16 16:39:42 +00:00
9c3cd959ba
[Dashboards] add legend hover highlight for graph widgets ( #16551 )
...
closes https://github.com/twentyhq/core-team-issues/issues/1959
line -
https://github.com/user-attachments/assets/3fcefd47-c065-488c-a9e1-e820e8a03349
bar -
https://github.com/user-attachments/assets/a138e376-9304-46b9-b6ba-c642f7b85ae2
pie -
https://github.com/user-attachments/assets/cc008d0e-ec7f-47a3-ac14-5fef56426f6a
onClick -
https://github.com/user-attachments/assets/94c1791d-b820-449c-81f9-c3d10361b694
2025-12-15 17:28:51 +00:00
fc74a06f53
[Dashboards] add hide empty category option for pie charts ( #16550 )
...
closes
https://discord.com/channels/1130383047699738754/1445403391722520677
https://github.com/user-attachments/assets/980225a8-153e-4b49-89f7-5944227c8fdb
toggle label ie `Hide empty category` -- debatable
2025-12-15 15:40:46 +00:00
75f2c26d3f
lazy load rich text widget ( #16569 )
2025-12-15 16:30:54 +01:00
44f0cfdd9e
[Dashboards] Rich text editor frontend ( #16437 )
...
closes https://github.com/twentyhq/core-team-issues/issues/1894
2025-12-12 23:06:59 +05:30
d30453f38f
[DASHBOARDS] Fix date order by ( #16521 )
...
## Bug description
The date order by was always set to date ascending regardless of the
setting. This PR fixes this and removes the possibility to sort by value
for date fields as it doesn't really make sense.
## Video QA
https://github.com/user-attachments/assets/cffc69e7-bee0-4944-88bb-bdf24fe0dd54
2025-12-12 14:55:44 +01:00
2da56c1886
Fix default order by ( #16492 )
...
Always apply an order by on the group by
2025-12-11 15:46:48 +01:00
fd54a2af5c
Create fields widget ( #16403 )
...
https://github.com/user-attachments/assets/b150815a-5d54-4d4a-b984-20dcf7b29aa7
2025-12-10 10:31:36 +01:00
3e9820fa8d
fix line chart's no data calculations and update tests ( #16441 )
...
closes
https://discord.com/channels/1130383047699738754/1447976382528360520
2025-12-09 23:03:32 +05:30
7af3da9393
[Dashboards] add ratio aggregate on aggregate chart ( #16413 )
...
closes https://github.com/twentyhq/core-team-issues/issues/1960
video QA
https://github.com/user-attachments/assets/e90cee44-5edc-430d-b003-03ab4ea921f7
2025-12-09 15:23:21 +01:00
7e8151355d
[Dashboards] add No data layer on charts ( #16397 )
...
video qa
https://github.com/user-attachments/assets/01c790de-eae7-406e-9308-af036f53ab2e
2025-12-09 10:47:42 +00:00
43ed4963d6
[Dashboards] Improve tooltip animations ( #16357 )
...
before -
https://github.com/user-attachments/assets/069a8737-fcc9-4186-bdbf-e9ed0dfa41a8
after -
https://github.com/user-attachments/assets/dbc8604c-dda0-46a9-a67b-f59cc91d7f53
2025-12-05 18:28:26 +01:00
8f756937ae
[Dashboards] Pie chart custom tooltip ( #16318 )
...
closes https://github.com/twentyhq/core-team-issues/issues/1884
and https://discord.com/channels/1130383047699738754/1443679780414427267
before -
https://github.com/user-attachments/assets/db19657f-d7d3-4965-9b88-83e5829d3942
after -
https://github.com/user-attachments/assets/d88ec686-0298-4b5f-a214-03e8d8169e7d
2025-12-04 17:22:21 +00:00
2f36c2e82e
[Dashboards] Server: Rich Text Widget ( #16296 )
...
closes https://github.com/twentyhq/core-team-issues/issues/1893
sync in the transformation layer -
with just the blocknote format -
<img width="1532" height="1058" alt="CleanShot 2025-12-04 at 16 43 27"
src="https://github.com/user-attachments/assets/081483fb-0bd0-4f14-81fc-8ea2261367a2 "
/>
with just the mardown format -
<img width="1534" height="1056" alt="CleanShot 2025-12-04 at 16 45 03"
src="https://github.com/user-attachments/assets/4eae513b-423d-4597-b79c-97d1f33ab994 "
/>
attaching response since in screen shot its getting cut -
```
{
"id": "7189a10a-177c-4cc2-8946-950b8c125913",
"pageLayoutTabId": "82ac56dd-4351-43ad-bf3d-49624c057e17",
"workspaceId": "20202020-1c25-4d02-bf25-6aeccf7ea419",
"title": "awdawd awdawdawd",
"type": "STANDALONE_RICH_TEXT",
"objectMetadataId": null,
"gridPosition": {
"row": 1,
"column": 1,
"rowSpan": 1,
"columnSpan": 1
},
"configuration": {
"body": {
"markdown": "# Hello World",
"blocknote": "[{\"id\":\"2e744f21-7c71-414d-b87f-fb48400c593c\",\"type\":\"heading\",\"props\":{\"textColor\":\"default\",\"backgroundColor\":\"default\",\"textAlignment\":\"left\",\"level\":1},\"content\":[{\"type\":\"text\",\"text\":\"Hello World\",\"styles\":{}}],\"children\":[]}]"
}
},
"createdAt": "2025-12-04T11:14:52.212Z",
"updatedAt": "2025-12-04T11:14:52.212Z",
"deletedAt": null
}
```
2025-12-04 18:28:33 +05:30
6c9abedc96
[Dashboards] new line area colors ( #16272 )
...
before -
https://github.com/user-attachments/assets/a507809a-2a01-4aa6-940d-7d273e5fc8a7
after -
https://github.com/user-attachments/assets/7c4d2a50-2ba6-4b91-b526-a87c609129c8
2025-12-03 15:51:44 +00:00
900401c101
16248 follow ups ( #16262 )
...
Follow ups on https://github.com/twentyhq/twenty/pull/16248
2025-12-02 17:33:39 +01:00
0158c6fb3c
fix incorrect date formatting being applied to non-date fields in graph widgets ( #16254 )
...
before -
https://github.com/user-attachments/assets/d8d7dee3-ce09-4a04-8054-41bb302c69f4
after -
https://github.com/user-attachments/assets/2d563c51-6700-4b71-8997-de5e87f1df68
2025-12-02 15:26:41 +01:00
1038efa3dd
[DASHBOARDS] Add cumulative setting for bar chart and line chart ( #16248 )
...
## Description
- Add cumulative setting
- This setting is only present for dates
- It is preserved when switching from a date field to another date field
but it is reset when switching to another field type
## Video QA
https://github.com/user-attachments/assets/a070bf54-8ef6-4e35-9378-a514fe1c3848
https://github.com/user-attachments/assets/07edfe87-253c-45a5-b582-06f2df9a2dfc
2025-12-02 14:00:58 +01:00
269135e8c5
Add allow same origin to the iFrame widget ( #16239 )
...
Some iFrames were unusable because of this
2025-12-02 11:36:47 +01:00
a8e7d4dfc3
unlock relation date fields on dashboards ( #16207 )
2025-12-01 17:48:52 +01:00
32f387a966
[DASHBOARDS] Add prefix and suffix setting to the aggregate chart ( #16216 )
...
https://github.com/user-attachments/assets/0103cebe-e426-42d0-a8e4-b82494ef8503
2025-12-01 17:45:25 +01:00
d39a7e809b
[Dashboards] - fast follows - inverse default value for centre metric and filter count on chart settings ( #16211 )
2025-12-01 21:49:57 +05:30
4d7965c058
Augment chart limits and improve padding on bar chart ( #16184 )
...
- Maximum from 50 to 100
- Reduce padding
- Make inner padding dynamic
2025-11-28 17:40:44 +01:00
fa87603fd8
[Dashboards] Relation fields groupby ( #16093 )
2025-11-27 19:28:53 +00:00
2f25922f4c
[DASHBOARDS] Use aggregate for pie chart center metric ( #16153 )
...
## Description
The pie chart center metric wasn't implemented the right way.
It always calculated the sum of the values, but this only make sense for
additive aggregate operations (count, sum ...).
What we should do instead is calculate the right aggregate value.
This PR fixes this.
## Video QA
https://github.com/user-attachments/assets/2190da5a-e608-4732-86a2-478c9cf1477a
2025-11-27 17:26:14 +00:00
32a876bbd4
part 4 of filter/sort drilldown onChartDatum click ( #16142 )
2025-11-27 18:03:10 +01:00
26ec6729c0
[Dashboards]: polish week on date granularity ( #16128 )
...
https://github.com/user-attachments/assets/2b7ef230-49e2-4882-9029-6df3d01f5f20
2025-11-27 15:04:44 +01:00
27547fd445
restore color on pie chart item and populate it on data transformation ( #16131 )
2025-11-27 13:41:30 +00:00
97a8beb3f9
on pie chart, slice should not be clickable when in edit mode ( #16129 )
2025-11-27 13:05:24 +00:00
20e6f130d1
Update pie chart inner padding ( #16121 )
...
## Before
<img width="2548" height="1024" alt="CleanShot 2025-11-27 at 12 13
24@2x"
src="https://github.com/user-attachments/assets/f2182821-1398-4f29-a5ee-2ffc5653d416 "
/>
## After
<img width="2558" height="1034" alt="CleanShot 2025-11-27 at 12 13
04@2x"
src="https://github.com/user-attachments/assets/147ba875-0432-4525-b847-e1f2426849ed "
/>
2025-11-27 11:24:59 +00:00
d7f8c2d338
Center metric layer on pie chart + cleanup ( #16105 )
...
https://github.com/user-attachments/assets/bb48bebe-d0be-4006-8f63-e686c70c0011
---------
Co-authored-by: bosiraphael <raphael.bosi@gmail.com >
2025-11-27 11:15:48 +00:00
9c9a01d55a
[groupBy][Requires cache flush] Add WEEK date granularity ( #16099 )
...
Closes https://github.com/twentyhq/core-team-issues/issues/1921
https://github.com/user-attachments/assets/bf400ec1-ce25-4d9e-b875-774168452514
2025-11-27 10:22:57 +00:00
fc4dbb80de
[DASHBOARDS] Create display legend setting + animations ( #16089 )
...
## PR Description
- Create display legend setting
- Create pagination inside the legend
- Animate the legend on enter/exit
- Animate the transition between pages
## Video QA
https://github.com/user-attachments/assets/a68a4ea3-195f-4399-88f7-f83bc1a39cc4
2025-11-26 17:03:23 +00:00
60e69f92d9
[DASHBOARDS] Add pie chart empty state ( #16100 )
...
When no data is available, we display a gray circle instead of nothing.
https://github.com/user-attachments/assets/54db403b-739c-43fb-b422-8dcdfb6281fb
2025-11-26 17:23:52 +01:00
6fcb05d9b3
part 3 of on click bar to filters: add sort plus some normalizations ( #16075 )
2025-11-26 19:48:48 +05:30
0d34651d5e
pie chart data labels, slice gap and initial animate presence on widget card header ( #16084 )
...
closes:
https://discord.com/channels/1130383047699738754/1442899090047373463
https://discord.com/channels/1130383047699738754/1438537119248285758
pie chart labels:
https://github.com/user-attachments/assets/d8f8e164-745f-4601-bee7-11a655ccd9b6
fixed header animations:
https://github.com/user-attachments/assets/76587a6d-53c4-4a11-a546-b4c83754870a
2025-11-26 15:02:48 +05:30
42bba3de52
Fix chart limits for two-dimensional group by ( #16056 )
...
The limit wasn't working properly for two dimensional stacked charts.
This PR fixes this.
2025-11-25 15:31:25 +01:00
6d141c2439
[DASHBOARDS] Pie Chart ( #16048 )
...
## Description
- Connect Pie Chart to the backend
- Update from the old design to the new design
- Switch seamlessly from/to other types of chart from the Pie Chart by
converting the configuration
Note: There are a couple things to implement before the pie chart is
ready to go live:
- Add a new setting on Bar, Line and Pie chart to hide and display
legends (toggle)
- Add data labels next to each slice
## Video QA
https://github.com/user-attachments/assets/b1561e32-0434-43ad-8855-d617b209ce27
2025-11-25 14:30:16 +01:00
3be3c4e965
part 2 of filter/sort drill down from charts ( #16013 )
...
in this PR, we will handle simple filter translations (ie, fields that
use the contains operand)
2025-11-25 18:56:55 +05:30
ab3d48383b
dashboards fast follows: tabs border changed to outline and legends factorization ( #16049 )
...
closes
https://discord.com/channels/1130383047699738754/1440633019042889828
https://discord.com/channels/1130383047699738754/1442819106880356363
2025-11-25 18:08:09 +05:30
2b80d9e015
[DASHBOARDS] Widget duplication ( #15979 )
...
## Widget duplication
- Created a shared component for the option menu shared by the record
page, the dashboards and the workflows
- Fix arrow selection in the option menu in workflows, which wasn't
working
- Scroll to the new widget after creation and open the new widget
settings
https://github.com/user-attachments/assets/47b8dade-44bd-4ba2-a81c-01b09e8718d3
2025-11-24 14:38:18 +01:00
f2df456588
Refactor Widget components ( #15996 )
...
## Demo
All components look the same as before.
https://github.com/user-attachments/assets/ddaf49f7-0e78-4755-af88-19d43b349078
## Catalog of all states of WidgetRenderer
Went really complete on all the states of the component.
https://github.com/user-attachments/assets/303f773a-254d-4469-b904-f5cd9831a823
2025-11-24 11:51:32 +01:00
061cc897af
Improve record group aggregate query performance ( #15828 )
...
This PR is a first step for improving the performance on boards and
table with groups.
It is related to :
https://github.com/twentyhq/core-team-issues/issues/1870
Here we implement only a groupBy query for aggregate values in the group
section.
This also allows to improve the DX of aggregate computing and group by
query creation and parsing.
## Demo
Main :
https://github.com/user-attachments/assets/5d2a8077-5322-4928-a551-f03583bcfb87
This PR :
https://github.com/user-attachments/assets/d0e82b28-72c3-40f0-b5cb-045f1a736ffb
## Aggregate update bug fix
This PR also solves a bug with aggregate update that was already present
on main.
The bug is linked to core views not being updated properly during a
modification of the aggregate operation on a view.
We should probably improve the view lifecycle and state management
because it is a bit too complex right now.
Main :
https://github.com/user-attachments/assets/10dbfb8b-dfa0-4f21-8698-d222871a43e7
This PR :
https://github.com/user-attachments/assets/bac41890-5191-4e4c-b82b-19b1039e9ab5
## Miscellaneous
- Fixed optimistic rendering of group by queries, when adding a new
record, the aggregate recomputes well.
## TODO
- We might want to improve the optimistic for group by queries that
don't have records nor more than one dimension.
2025-11-23 20:40:23 +01:00
793119b117
part 1 of filter/sort drill down from charts ( #15983 )
...
This Pr handles basic navigation on bar/slice click to the chart's
source objects index view
2025-11-21 12:54:36 +00:00
Raphaël Bosi