7c90e717d6
fix: Phone dropdown field has extra width ( #6866 )
...
## Description
This PR solves the issue #6865
## Current Behaviour
<img width="486" alt="Screenshot 2024-09-03 at 2 04 55 AM"
src="https://github.com/user-attachments/assets/c88f3c22-0b18-4974-a4ea-94ecd5f1379d ">
## Expected behavior
<img width="518" alt="Screenshot 2024-09-03 at 2 05 46 AM"
src="https://github.com/user-attachments/assets/2a6cb64a-7858-4607-85a4-0214aeacc2ab ">
2024-09-24 17:21:29 +02:00
d5350e11a3
Remove some dead code ( #6611 )
...
We could remove a lot more than this, this is just a start.
There are various tools to help with this, knip is a good one
2024-08-11 20:43:18 +02:00
ccf4d1eeec
Date formatting per workspace member settings ( #6408 )
...
Implement date formatting per workspace member settings
We'll need another round to maybe initialize all workspaces on the
default settings.
For now the default behavior is to take system settings if nothing is
found in DB.
---------
Co-authored-by: Weiko <corentin@twenty.com >
2024-07-30 14:52:10 +02:00
1e48fe2b74
fixes 6106 month/year datepicker-ui not working ( #6199 )
...
fixes #6106
---------
Co-authored-by: Marie <51697796+ijreilly@users.noreply.github.com >
Co-authored-by: Adithya Thejas S <adithyathejass.1997@gmail.com >
Co-authored-by: Rob Luke <code@robertluke.net >
Co-authored-by: rostaklein <r.klein@make.com >
Co-authored-by: Félix Malfait <felix.malfait@gmail.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-07-13 12:37:30 +02:00
46dac5a0ef
Fix storybook tests ( #6150 )
...
The PRs merged on Friday introduced regressions on our storybook tests
suite
2024-07-06 09:32:30 +02:00
6683ffb890
Clarify storybook tests ( #6073 )
...
In this PR, I'm simplifying storybook setup:
1) Remove build --test configuration that prevent autodocs. We are not
using autodocs at all (the dev experience is not good enough), so I have
completely disabled it.
2) Clarify `serve` vs `test` vs `serve-and-test` configurations
After this PR:
- you can serve storybook in two modes: `npx nx run
twenty-front:storybook:serve:dev` and `npx nx run
twenty-front:storybook:serve:static`
- you can run tests agains an already served storybook (this is useful
in dev so you don't have to rebuild everytime to run tests): `npx nx run
twenty-front:storybook:test`
- you can conbine both: `npx nx run
twenty-front:storybook:serve-and-test:static`
2024-06-30 20:02:13 +02:00
9e08445bff
Fix date picker wrong on certain timezones ( #5972 )
...
Timezone with a negative offset weren't working good with date pickers.
I split the logic for display and parsing between date only and
datetime.
Date time is sending and displaying using timezone, and date only is
sending and displaying by forcing the date to take its UTC day and month
and 00:00:00 time.
This way its consistent across all timezones.
2024-06-20 17:13:30 +02:00
60b60bd4b3
(5943) Match country selector button's background to phone number input's background ( #5956 )
...
Fixes #5943
### Before
Light
<img width="218" alt="Screenshot 2024-06-19 at 12 37 22 PM"
src="https://github.com/twentyhq/twenty/assets/57673080/981d1877-be4e-4071-9a8d-9d0ed7e933ab ">
Dark
<img width="223" alt="Screenshot 2024-06-19 at 12 39 42 PM"
src="https://github.com/twentyhq/twenty/assets/57673080/a3730ef5-21ba-4d90-998d-d330aec350ad ">
### After
Light
<img width="216" alt="Screenshot 2024-06-19 at 12 39 00 PM"
src="https://github.com/twentyhq/twenty/assets/57673080/eef3b743-1b28-43a5-8c1c-bd944a4915c7 ">
Dark
<img width="228" alt="Screenshot 2024-06-19 at 12 39 29 PM"
src="https://github.com/twentyhq/twenty/assets/57673080/5bf10e51-5a07-4d55-99f1-734517b22781 ">
2024-06-19 14:46:47 +02:00
1c685e8a31
fix(twenty-front): update DateTimeInput styles to apply top border radius to date picker ( #5946 )
...
update DateTimeInput styled components to prevent the StyledInput from
overflowing out of it's parent container
<img width="860" alt="Screenshot 2024-06-19 at 9 55 04 AM"
src="https://github.com/twentyhq/twenty/assets/19223383/8c5daf6a-9eb6-4ecd-a2e9-aa2ba8db3874 ">
Fixes #5940
2024-06-19 14:38:30 +02:00
cfd83d6b8e
[UI] Remove theme constants from twenty-front and use the ones exported from twenty-ui. ( #5558 )
...
Some parts of the Frontend used theme constants exported from
`modules/ui` while other parts used theme constants exported from
`twenty-ui`.
This PR centralizes theme constants by removing them from `modules/ui`
completely.
2024-05-25 16:09:25 +02:00
48003887ce
feat: remove a link from a Links field ( #5313 )
...
Closes #5117
TO FIX in another PR: right now, the "Vertical Dots" LightIconButton
inside the Dropdown menu sometimes needs to be clicked twice to open the
nested dropdown, not sure why 🤔 Maybe an `event.preventDefault()` is
needed somewhere?
<img width="369" alt="image"
src="https://github.com/twentyhq/twenty/assets/3098428/dd0c771a-c18d-4eb2-8ed6-b107f56711e9 ">
---------
Co-authored-by: Jérémy Magrin <jeremy.magrin@gmail.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-05-22 09:39:21 +02:00
adbc8ab96f
#5073 - fix datepicker styling in dark mode ( #5074 )
...
This PR fixes three issues with the datepicker in dark mode. The
following UI elements now appear in light colors when the theme is set
to dark mode:
- The selected date.
- The clock icon.
- The date time input component.
Before:
<img width="1003" alt="theming bug"
src="https://github.com/twentyhq/twenty/assets/16918891/914b7043-e692-4de8-8440-ddd89cbf3973 ">
After:
<img width="374" alt="dark_theme_calendar_after"
src="https://github.com/twentyhq/twenty/assets/16918891/346fd950-1ef8-405e-9486-59abb81f92db ">
<img width="347" alt="light_theme_calendar_after"
src="https://github.com/twentyhq/twenty/assets/16918891/17463094-53e5-4bc4-8812-a53a37cd08ed ">
#5073
Co-authored-by: Thomas Trompette <thomast@twenty.com >
2024-04-24 15:18:26 +02:00
444e97fa3e
Fixed date picker UI that was too overloaded ( #5039 )
...
Date picker UI was off because of the recent refactor with new field
types Date and DateTime. We had to allow the date picker to edit both.
In this PR we come back to the previous design and we only use the input
to modify time.
Also we use our Select component instead of the ones from the library
`react-datepicker`
---------
Co-authored-by: Weiko <corentin@twenty.com >
2024-04-23 18:45:32 +02:00
75fd430149
Increase storybook pages coverage ( #4885 )
...
On FE:
- refreshing metadata mocks
- updating jest tests
- fixing storybook pages coverage
- fixing storybook modules coverage
2024-04-17 16:24:04 +02:00
19a3be7b1b
Date picker for Date and DateTime field input ( #4981 )
...
- Implemented correct mask for Date and DateTime field in
InternalDatePicker
- Use only keyDown event and click outside in InternalDatePicker and
DateInput
- Refactored InternalDatePicker UI to have month and year displayed
- Fixed bug and synchronized date value between the different inputs
that can change it
---------
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: v1b3m <vibenjamin6@gmail.com >
Co-authored-by: Matheus <matheus_benini@hotmail.com >
2024-04-16 16:58:08 +02:00
d7d9f0c16b
Fix ParticipantChip and stories imports ( #4974 )
...
- Fix ParticipantChip
- Fix stories imports after some component have been moved to twenty UI
2024-04-15 18:09:05 +02:00
9d992143ff
Improve phone input display ( #4968 )
...
Small UI improvements to border / display on phone input field
2024-04-15 15:31:22 +02:00
efcb5dc6d4
New Datetime field picker ( #4907 )
...
### Description
New Datetime field picker
### Refs
https://github.com/twentyhq/twenty/issues/4376
### Demo
https://github.com/twentyhq/twenty/assets/140154534/32656323-972c-413a-9986-a78efffae1b4
Fixes #4376
---------
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: v1b3m <vibenjamin6@gmail.com >
Co-authored-by: Matheus <matheus_benini@hotmail.com >
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-04-13 19:07:51 +02:00
9f83cc1426
refactor: move @/ui/display/icon to twenty-ui ( #4820 )
...
Split from https://github.com/twentyhq/twenty/pull/4518
Part of https://github.com/twentyhq/twenty/issues/4766
2024-04-12 15:30:48 +02:00
7211730570
New field type: DATE ( #4876 )
...
### Description
New field type: DATE
### Refs
https://github.com/twentyhq/twenty/issues/4377
### Demo
https://jam.dev/c/d0b59883-593c-4ca3-966b-c12d5d2e1c32
Fixes #4377
---------
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: v1b3m <vibenjamin6@gmail.com >
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br >
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2024-04-11 17:29:29 +02:00
c69a3f01da
Use defaultValue in currency input ( #4911 )
...
- Fix default value sent to backend, using single quotes by default
- Use default value in field definition and column definition so that
field inputs can access it
- Used currency default value in CurrencyFieldInput
---------
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-04-11 16:49:00 +02:00
5d07b6347e
refactor: move Tabler Icon exports to twenty-ui ( #4727 )
...
Split from https://github.com/twentyhq/twenty/pull/4518
2024-04-01 13:15:47 +02:00
3171d0c87b
feat: address composite field ( #4492 )
...
Added new Address field input type.
---------
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2024-03-28 16:50:38 +01:00
7231ea1e72
Fix: Inline Phone Field Menu ( #4383 )
...
* #4343 fix: phone menu display on page
* Add the possibility to send width as %
---------
Co-authored-by: Thomas Trompette <thomast@twenty.com >
2024-03-11 16:38:37 +01:00
581dfafe11
Renamed nullable utils into isDefined and isUndefinedOrNull ( #4402 )
...
* Renamed nullable utils into isDefined and isUndefinedOrNull
2024-03-11 14:28:57 +01:00
17511be0cf
TWNTY-3794 - ESLint rule: only take explicit boolean predicates in if statements ( #4354 )
...
* ESLint rule: only take explicit boolean predicates in if statements
Co-authored-by: v1b3m <vibenjamin6@gmail.com >
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br >
* Merge main
Co-authored-by: v1b3m <vibenjamin6@gmail.com >
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br >
* Fix frontend linter errors
Co-authored-by: v1b3m <vibenjamin6@gmail.com >
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br >
* Fix jest
Co-authored-by: v1b3m <vibenjamin6@gmail.com >
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br >
* Refactor according to review
Co-authored-by: v1b3m <vibenjamin6@gmail.com >
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br >
* Refactor according to review
Co-authored-by: v1b3m <vibenjamin6@gmail.com >
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br >
* Fix lint on new code
Co-authored-by: v1b3m <vibenjamin6@gmail.com >
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br >
---------
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: v1b3m <vibenjamin6@gmail.com >
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br >
2024-03-09 10:48:19 +01:00
40a3b7d849
Added CurrencyFieldInput design ( #4254 )
...
* #4123 CurrencyFieldInput design is ready
* resolved comment and currency code
* resolved design comment
---------
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2024-03-08 21:30:45 +01:00
f543191552
TWNTY-3825 - ESLint rule: const naming ( #4171 )
...
* ESLint rule: const naming
Co-authored-by: v1b3m <vibenjamin6@gmail.com >
Co-authored-by: KlingerMatheus <klinger.matheus@gitstart.dev >
* Refactor according to review
Co-authored-by: v1b3m <vibenjamin6@gmail.com >
Co-authored-by: KlingerMatheus <klinger.matheus@gitstart.dev >
* refactor: Reverts changes on `twenty-server`
Co-authored-by: KlingerMatheus <klinger.matheus@gitstart.dev >
Co-authored-by: v1b3m <vibenjamin6@gmail.com >
---------
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: v1b3m <vibenjamin6@gmail.com >
Co-authored-by: KlingerMatheus <klinger.matheus@gitstart.dev >
2024-02-25 13:52:48 +01:00
8864528d55
Center InternalDatePicker Clear button ( #3265 )
...
* Center InternalDatePicker Clear button
* Add back Clear button padding
* Center date picker clear button through props
* Refactor StyledButtonContainer padding
* Refactor StyledButtonContainer to extend MenuItem
* Use custom date picker Clear button implementation
* Undo MenuItem changes
* Refactor new date picker code
* Refactor datepicker solution
* Rename StyledButtonContent to StyledButton
* Remove unnecessary menu-item class
2024-01-17 12:05:16 +01:00
2713285a0f
Migrate dropdown to scope map ( #3338 )
...
* Migrate dropdown to scope map
* Run lintr
* Move Dropdown Scope internally
* Fix
* Fix lint
---------
Co-authored-by: Thomas Trompette <thomast@twenty.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-01-10 15:46:37 +01:00
b0d3e6d8d3
3157 refactor scoped states to move to v3 ( #3180 )
...
* renaming
* renaming
* create getDropdownScopeInjectors
* update useDropdown
* create internal hooks folder
* update record-table states to be scoped states
* update record-table selectors to be scoped selectors
* create utils scope injector
* refactor record-table wip
* refactor record-table wip
* wip
* inject scopeId in selectors
* update intenal hooks
* update intenal hooks
* update intenal hooks
* update intenal hooks
* update intenal hooks
* update intenal hooks
* update internal hooks
* update internal hooks
* update internal hooks
* update internal hooks
* update useTableColumns
* update states and hooks
* refactoring
* refactoring
* refactoring
* refactoring
* refactoring
* refactoring
* refactoring
* refactoring
* refactoring
* fix scopeId not in context
* fix lint errors
* fix error in story
* fix errors: wip
* fix errors
* fix error
* fix jest test
* fix scopeId not defined
* fix jest test
* Bug fixes
---------
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-01-03 19:45:14 +01:00
97f83b55b0
Added a clear/reset button in InternalDateInput to reset/unschedule events ( #3154 )
...
* Added a clear/reset button in InternalDateInput to reset/unschedule events
* Added clearable prop to <InternalDateInput /> and fixed some design mistakes
* Removed unnecessary code that was used during debugging
* Replaced button with <MenuItem /> component
* Fixed null date in ObjectFilterDropdownDateSearchInput
* Moved clear context call from DateInput to DateFieldInput
* Removed useless props
---------
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2023-12-29 15:15:08 +01:00
8916dee352
Fix Icon Lazy Loading ( #2984 )
...
Fix Icon picker
2023-12-14 12:13:02 +01:00
5bdca9de6c
Migrate to a monorepo structure ( #2909 )
2023-12-10 18:10:54 +01:00
