96c8673278
fix: empty composite field input ( #8451 )
...
Fixes : #7225
---------
Co-authored-by: bosiraphael <raphael.bosi@gmail.com >
2024-11-20 15:39:55 +01:00
4f2019edae
favorite folders followup ( #8570 )
...
Something changed, which affected the Favorite folder picker checkbox
styles -- fixed it!
Cleaned up code in `CurrentWorkspaceMemberFavoritesFolders` - removed
redundant filtering since favorites are already filtered in
`usePrefetchedFavoritesData`.
Regarding issue #8569 - I am not sure what to do in this case. Since
Folders data is gated by a feature flag, we can't use it in
`CurrentWorkspaceMemberFavoritesFolders` to ensure the favorite section
renders with empty folders. Currently, the section only appears when at
least one favorite exists - may be leave this section open at all times
or fix this bug after removal of the feature flag?
---------
Co-authored-by: Nitin Koche <nitinkoche@Nitins-MacBook-Pro.local >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-11-19 18:55:25 +01:00
1e55010e26
8563 workflow workflow node does not open on step click ( #8582 )
...
- fix multiple node selection
- fix console error
- fix close right drawer no unselect nodes
- fix edges not selectable
- fix sometime node not selected when clicking
## After
https://github.com/user-attachments/assets/ceec847f-5b7d-4452-9685-81a845bbf21e
2024-11-19 14:51:52 +01:00
9073bdf21a
Background Blur added across multiple Input Fields in Edit Popups ( #8277 )
...
Fix #5644
**Apply background blur to input fields across UI for improved
consistency and appearance with Theme compatibility :**
1. Updated **TextAreaInput.tsx** to apply background blur to text input
fields (e.g., City name).
2. Enhanced **PhonesFieldInput.tsx** to apply background blur for
seamless styling in phone number input sections.
3. Modified **TextInputV2.tsx** to add background blur in address
inputs, workspace fields (e.g., Blocklist, Name fields), invitation
inputs, profile name/email fields, and other input areas.
4. Updated **DateTimeInput.tsx** and **DateInput.tsx** to improve the
appearance of date, time, and calendar popup fields with background
blur.
5. Refined **DropdownMenuInput.tsx** and **DropdownMenuSearchInput.tsx**
to add background blur to inputs for Emails, Domain name, and search
fields across the web (e.g., Time Zone dropdowns, phone number country
search).
Some images are attached for reference.
<img width="235" alt="1_b"
src="https://github.com/user-attachments/assets/bd72e69a-712e-4226-8fda-0cb737d4cbd1 ">
<img width="229" alt="1_w"
src="https://github.com/user-attachments/assets/bb8eb60b-31fb-44c6-ac2a-ca28638b5e07 ">
<img width="234" alt="2_b"
src="https://github.com/user-attachments/assets/a4f0a9de-dea1-4ef8-926b-99de984c081b ">
<img width="239" alt="2_w"
src="https://github.com/user-attachments/assets/4d2c7331-4bbf-4ea2-adad-76c7cde4072c ">
<img width="225" alt="3_b"
src="https://github.com/user-attachments/assets/458f4759-8428-43ae-a6b6-aa38ab6fb0f8 ">
<img width="219" alt="3_w"
src="https://github.com/user-attachments/assets/5ddb67c5-e59d-47cc-b2e7-44b3a7b794e6 ">
<img width="646" alt="4_b"
src="https://github.com/user-attachments/assets/01252bce-a34a-4dda-a801-654ccc5e7841 ">
<img width="637" alt="4_w"
src="https://github.com/user-attachments/assets/ea60deab-7594-4aef-ac63-0cedc9168951 ">
<img width="648" alt="5_b"
src="https://github.com/user-attachments/assets/465789ec-55b3-4750-a2bc-a9e156b1101e ">
<img width="642" alt="5_w"
src="https://github.com/user-attachments/assets/8b58977a-f543-4018-a4ee-b1ff5b9180a3 ">
<img width="647" alt="6_b"
src="https://github.com/user-attachments/assets/88030efe-bd16-43e4-9744-ee223aa04298 ">
<img width="642" alt="6_w"
src="https://github.com/user-attachments/assets/4ca2c365-ab1e-47e9-ba4a-bdb738500f56 ">
<img width="647" alt="7_b"
src="https://github.com/user-attachments/assets/224c3da5-cf57-4652-bd29-681c2098917e ">
<img width="655" alt="7_w"
src="https://github.com/user-attachments/assets/eecc2d51-ce1f-47c9-845c-c6fe15a40fa5 ">
<img width="317" alt="8_b"
src="https://github.com/user-attachments/assets/e899b4a2-4849-4d1c-805b-5a950a53d6cc ">
<img width="335" alt="8_w"
src="https://github.com/user-attachments/assets/73fef887-0a46-4557-aca4-d07c9dc298d1 ">
<img width="246" alt="9_b"
src="https://github.com/user-attachments/assets/99c5627a-e7ba-4453-9666-8d73b0d676ee ">
<img width="238" alt="9_w"
src="https://github.com/user-attachments/assets/bb36e4ea-3b78-48f5-822f-cc5012e5d434 ">
<img width="218" alt="10_b"
src="https://github.com/user-attachments/assets/450fa833-12ad-40b7-80f5-17de6af582bd ">
<img width="225" alt="10_w"
src="https://github.com/user-attachments/assets/3fe6d128-4146-4316-821e-2ebd65fd12d5 ">
<img width="647" alt="11_b"
src="https://github.com/user-attachments/assets/ec39f88f-0beb-4cf0-b35f-b4f78b4e75ff ">
<img width="663" alt="11_w"
src="https://github.com/user-attachments/assets/6eb19fe7-604c-4cb9-9623-208e541df751 ">
<img width="235" alt="12_b"
src="https://github.com/user-attachments/assets/98e68530-f5c5-43d1-839e-a8c14582b72a ">
<img width="245" alt="12_w"
src="https://github.com/user-attachments/assets/e3f0aec9-6a32-4784-a36c-d187303d3310 ">
---------
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2024-11-19 12:21:01 +01:00
9810c5b6f2
Update ShowPageMoreButton to open the command menu when clicked ( #8565 )
...
https://github.com/user-attachments/assets/6e269391-8ea2-4146-8e86-7e75c84982f4
2024-11-18 17:44:23 +01:00
0125d58ba8
Favorite folders ( #7998 )
...
closes - #5755
---------
Co-authored-by: martmull <martmull@hotmail.fr >
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-11-18 15:22:19 +01:00
5115022355
fix: Dropdown Overlapping Sidebar on Column Header Click in Horizontal Table When Scrolling ( #8287 )
...
fixes : #8272
---------
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2024-11-18 15:19:04 +01:00
a0200e6d91
Fix workspace favorites in storybook ( #8519 )
...
- create mock page when user not logged in
- add mocks when user logged in
Reset password story
<img width="1073" alt="Capture d’écran 2024-11-15 à 16 49 31"
src="https://github.com/user-attachments/assets/5d70d587-8094-47ad-8029-d8c729bd298d ">
Record Index page story
<img width="1073" alt="Capture d’écran 2024-11-15 à 16 49 58"
src="https://github.com/user-attachments/assets/421772a9-62ee-4563-b492-5158db31fb9b ">
Reset password page
<img width="1031" alt="Capture d’écran 2024-11-15 à 16 50 18"
src="https://github.com/user-attachments/assets/2d1cb119-5e34-49d0-9cfa-2b856a96f39c ">
2024-11-18 12:08:05 +01:00
9134ed8ce4
fix: prevent non-boolean 'active' prop from being forwarded to DOM ( #8534 )
...
Fixes : #8533
2024-11-17 20:11:13 +01:00
dc42315f12
fix(SingleEntitySelectMenuItems): extract Add New button from entitiesToSelect ( #8474 )
...
# Description
Closes #8169
Extract Add New button from entitiesToSelect and add it as a separate
element .
There doesn't seem to be a point in having Add New as part of a list, it
seems better off in its own component, apart from list items
## Rationale
There already is #8353 addressing the same issue, but it seems it
doesn't really remove the duplicate "Add New" in the list, leaving a
duplicate "Add New" in `SingleEntitySelect`
---------
Co-authored-by: Félix Malfait <felix@twenty.com >
2024-11-16 06:49:55 +01:00
9b2853bb01
Fix variable dropdown ( #8521 )
...
- fixed dropdown width
- add icons
- handle composite fields
## After



2024-11-15 18:08:03 +00:00
54b28ff7ed
Enable workflow testing + fix header ( #8512 )
...
- clean execution header
- enable test on workflows + add snack bar
- display snack bar error if workflow cannot be tested
Behaviour still need to be validated by @Bonapara
<img width="880" alt="Capture d’écran 2024-11-15 à 12 16 36"
src="https://github.com/user-attachments/assets/1dab0c3b-157c-449f-aee7-4c8cf2e369a6 ">
<img width="880" alt="Capture d’écran 2024-11-15 à 12 16 48"
src="https://github.com/user-attachments/assets/16279611-0a58-4fe6-b117-0192714a6d5c ">
2024-11-15 18:38:39 +01:00
4db0d0f8c1
Improve phone input UI ( #8266 )
...
[FIX] #8251
Changes made as suggested by @Bonapara.




For the `The country code should be Tertiary instead of Primary ` task,
the library "react-phone-number-input" doesn't provide any out of the
box functionality to style the country code.
If the feature **needs** to be implemented here are the possible
solution/workarounds:
1. Finding a more customizable library that allows to change the style
of the country code
OR
2. Implement custom country selection (😰 ...)
OR
3. The lib allows a custom input element and a provides a function
(onCountryChange) that triggers whenever the country changes (a country
can be changed in two ways- 1. When the user deliberately chooses it
from dropdown OR 2. Changes the code in the input)
We'll have to get the length of the country code and then style the
first X digits in the custom input field...


Let me know if someone has a better approach.
---------
Co-authored-by: Thomas des Francs <tdesfrancs@gmail.com >
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2024-11-15 16:03:48 +01:00
30bcdda323
Modal Background & box shadow fixes ( #8506 )
...
# Before

# After

2024-11-15 12:44:58 +01:00
9ac949dec8
[Workflow] Add search in variable dropdown ( #8479 )
...
- fix Icon variable Plus
- add search input
- fix dropdown height
## Before

## After

2024-11-14 11:40:06 +01:00
c98a8a2258
fix: dropdown toggle functionality ( #8476 )
...
Fixes : #8468
2024-11-13 19:36:21 +01:00
bec4da496d
Data settings new layout - anchor navigation ( #8334 )
...
Follow-up of https://github.com/twentyhq/twenty/pull/7979
Navigation between settings and fields tabs is now reflected in URL.
<img width="1106" alt="Capture d’écran 2024-11-07 à 18 38 57"
src="https://github.com/user-attachments/assets/24b153ef-9e68-4aa2-8e3a-6bf70834c5ad ">
---------
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: gitstart-twenty <140154534+gitstart-twenty@users.noreply.github.com >
Co-authored-by: Weiko <corentin@twenty.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-11-11 14:06:38 +01:00
c19e54f24b
Hide tabs ( #7841 )
...
@FelixMalfait WDYT?
We can refactor shouldDisplay Files/Tasks/Notes Tab etc into a hook.
---------
Co-authored-by: Félix Malfait <felix@twenty.com >
2024-11-11 09:26:27 +01:00
6ec8a5b76e
[FIX] slash-menu-height-fix ( #8327 )
...
FIX #8326
I've used the `height: fit-content` property just for customSlashMenu
but I think it will work for all dropdown menu's.
I tested it for a few and works fine, but not sure for edge cases.
Let me know if the height should be changed to `fir-content`

---------
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2024-11-08 16:22:18 +00:00
6264d509bd
Migrate to twenty-ui - navigation/menu-item ( #8213 )
...
This PR was created by [GitStart](https://gitstart.com/ ) to address the
requirements from this ticket:
[TWNTY-7536](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7536 ).
---
### Description
Migrate all menu items components to twenty ui and update imports.
```typescript
MenuItem
MenuItemAvata
MenuItemCommand
MenuItemCommandHotKeys
MenuItemDraggable
MenuItemMultiSelect
MenuItemMultiSelectAvatar
MenuItemMultiSelectTag
MenuItemNavigate
MenuItemSelect
MenuItemSelectAvatar
MenuItemSelectColor
MenuItemSelectTag
MenuItemSuggestion
MenuItemToggle
```
\
Also migrate all other dependent components and utilities like
`Checkbox` & `Toggle`\
\
Fixes twentyhq/private-issues#82
---------
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: gitstart-twenty <140154534+gitstart-twenty@users.noreply.github.com >
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2024-11-07 16:51:39 +00:00
7bab65b569
Implement object fields and settings new layout ( #7979 )
...
### Description
- This PR has as the base branch the TWNTY-5491 branch, but we also had
to include updates from the main branch, and currently, there are
conflicts in the TWNTY-5491, that cause errors on typescript in this PR,
so, we can update once the conflicts are resolved on the base branch,
but the functionality can be reviewed anyway
- We Implemented a new layout of object details settings and new, the
data is auto-saved in `Settings `tab of object detail
- There is no indication to the user that data are saved automatically
in the design, currently we are disabling the form
### Demo\
<https://www.loom.com/share/4198c0aa54b5450780a570ceee574838?sid=b4ef0a42-2d41-435f-9f5f-1b16816939f7 >
### Refs
#TWNTY-5491
---------
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: gitstart-twenty <140154534+gitstart-twenty@users.noreply.github.com >
Co-authored-by: Marie Stoppa <marie.stoppa@essec.edu >
Co-authored-by: Weiko <corentin@twenty.com >
2024-11-07 14:50:53 +01:00
a6007d4376
Fix action menu dropdown ( #8368 )
...
Fix action menu dropdown not closing when clicking outside the table or
board and introduce helper functions to get the action menu component
ids.
2024-11-06 16:11:31 +01:00
24656e777e
Fix : Enter hotKey issue onPress of ConfirmationModal ( #7802 )
...
**Description**
Fixes https://github.com/twentyhq/twenty/issues/7753
After entering proper value to input and pressing Enter, respective
action is being performed for all the popus.
This fix is is applicable to all the scenarios mentioned in
https://github.com/twentyhq/twenty/issues/6663 as well
https://github.com/user-attachments/assets/b7ed387f-1f36-4c93-b795-15a7b95c9958
Signed-off-by: Jayabharathi S <jayabharathi.s@thoughtworks.com >
Co-authored-by: Jayabharathi S <jayabharathi.s@thoughtworks.com >
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2024-11-06 13:39:27 +00:00
b627c55b9a
Add blue focus on text inputs ( #8343 )
...
We removed the blue focus on phone/domain/array/email floating inputs
but we want to keep it in the app settings.
<img width="644" alt="Screenshot 2024-11-05 at 15 55 04"
src="https://github.com/user-attachments/assets/afcbe6b2-2d6b-4e0d-8397-4268d529127c ">
<img width="606" alt="Screenshot 2024-11-05 at 15 55 23"
src="https://github.com/user-attachments/assets/004becf8-41e7-45d6-9ad9-9e487b8db8f3 ">
<img width="351" alt="Screenshot 2024-11-05 at 15 55 33"
src="https://github.com/user-attachments/assets/6a4c06e6-04d3-46bf-940b-9fd61ee91995 ">
<img width="330" alt="Screenshot 2024-11-05 at 15 55 41"
src="https://github.com/user-attachments/assets/e6fc8bbd-eca3-47bc-93f1-d6ff8d3d8a13 ">
<img width="588" alt="Screenshot 2024-11-05 at 15 56 07"
src="https://github.com/user-attachments/assets/0d0f5e80-3501-4346-94a1-6ea4b77ee7ba ">
<img width="211" alt="Screenshot 2024-11-05 at 15 56 31"
src="https://github.com/user-attachments/assets/9cd85f4d-8052-4c6b-a694-84c691c6217d ">
2024-11-06 14:23:34 +01:00
5a293b8d60
Update menu title font size based on whether or not it's clickable ( #8354 )
...
Fixes #8350
1. Summary
https://www.figma.com/design/xt8O9mFeLl46C5InWwoMrN/Twenty?node-id=36424-125120&node-type=instance&t=psxuagFLo1Cu26Vz-0
Based on Figma, the menu header should have `base/medium` instead of
`small/medium` when it's not clickable or dropdown. However, for
dropdowns, we should keep it as `small/medium`. Menu items should stay
as `base/regular`.
2. Solution
Utilized `onClick` prop to decide the font size of the menu header. That
way, Dropdowns stay as `base/small` while non-clickable headers are
updated to `base/medium`
3. Screenshots
***please check out font size and weight for each case***
header: 
menu item: 
dropdown: 
2024-11-06 14:08:29 +01:00
18d04de676
fix: RightDrawer doesn't save context values when clickedOutside ( #7729 )
...
## Description
- This PR fixes #7728
## Changes
https://github.com/user-attachments/assets/1e66cab3-9009-4c01-9ac6-22651b0ff5e7
---------
Co-authored-by: bosiraphael <raphael.bosi@gmail.com >
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2024-11-06 11:46:30 +01:00
88ba057b2c
Fix 0.32 bis ( #8346 )
...
Various UI fixes according to discussions with Design team
2024-11-05 18:14:44 +01:00
0893774cc1
Fixed expandable list and navigation menu ( #8336 )
...
For release 0.32
- Fixed expandable list dropdown UI bugs
- Added ScrollWrapper on navigation menus
2024-11-05 11:34:00 +00:00
8e82b08acb
fix: settings error layout ( #7674 )
...
Fixes : #7460

**Changes & Why**
Since all the settings pages lie in the Outlet of DefaultLayout, there
was no way to handle it apart from creating a separate errorFallback for
the settings route.
So, I created a settingsErrorFallback component that uses the same
styling of settings pages.
Created ErrorBoundaryWrapper that checks if its settings route then show
SettingsErrorFallback else show GenericErrorFallback.
Now, for the breadcrumb part. I found that all the settings pages use
hardcoded title. So, I created generateBreadcrumbLinks function that
will provide different title and links based on how it's respective
settings page has them.
If this approach looks fine, I will add the other remaining titles and
links to the generateBreadcrumbLinks function and move that whole
function to its separate file. And will fix linting errors.
If there is any different approach to handle it, lemme know. I'm happy
to implement it.
2024-11-04 17:27:29 +00:00
b66bdd9de5
[FIX] remove blue outline for Phones, Emails, and Domains fields ( #8268 )
...
FIX : #8252
---------
Co-authored-by: Félix Malfait <felix@twenty.com >
2024-11-04 08:32:27 +01:00
c93d2bcd5e
Fixed many dropdown bugs ( #8256 )
...
Many dropdown bugs have been fixed, more refactoring is needed.
Dropdown fixed :
- Filter select
- Sort select
- Visible field select
- Hidden field select
- Multi item picker (phones, links, emails, etc.)
- Phone country select
2024-11-01 09:23:01 +01:00
e5641c5c53
fix #7085 breadcrumb fix for mobile viewport ( #7419 )
...
ISSUE
Closes https://github.com/twentyhq/twenty/issues/7085
DEMO
https://github.com/user-attachments/assets/39692906-c02e-4e4c-9205-82447fa142df
---------
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com >
2024-10-31 17:17:13 +00:00
d887a857ca
Revert "fix: Country Dropdown not closing with AddressInput " ( #8174 )
...
Reverts twentyhq/twenty#8147
2024-10-29 15:55:18 +01:00
fe2c8bb43b
7339 implement contextual actions inside the commandmenu ( #8000 )
...
Closes #7339
https://github.com/user-attachments/assets/b623caa4-c1b3-448e-8880-4a8301802ba8
2024-10-29 15:10:45 +01:00
77a4aa2649
added light background for better hover visibility on dark theme ( #8043 )
...
fixes : #7969
## What does this PR do?
Apply a lighter background color to enhance the hover effect in dark
mode.

2024-10-29 10:42:04 +00:00
c0484aa9a2
fix: dropdown max-height and padding bottom ( #8167 )
...
Fixes : #6105
Also fixed side effect due to previous PR:
[Screencast from 2024-10-29
13-54-44.webm](https://github.com/user-attachments/assets/f15db853-ca1c-4be8-9362-610122c4d988 )
2024-10-29 11:00:35 +01:00
7901dbc02f
fix: Country Dropdown not closing with AddressInput ( #8147 )
...
## Description
- This PR fixes #8080
- The Country Selector dropdown closes with Address Input `clickOutside`
function
## Changes
https://github.com/user-attachments/assets/1ab85175-9ce9-40d2-ac52-14bfe87e254f
---------
Co-authored-by: Devessier <baptiste@devessier.fr >
2024-10-29 10:03:28 +01:00
94f2e1067b
Revert "fix: dropdowns should have a max-height & padding from screen" ( #8165 )
...
Reverts twentyhq/twenty#8055
2024-10-29 08:54:16 +00:00
e648d942a2
fix: dropdowns should have a max-height & padding from screen ( #8055 )
...
Fixes : #6105
### Problem
- The dropdown gets clipped when the number of filters increases.
### Solution
- Added scroll property to the ```DropdownMenu```
- Added size middleware to the floating UI hook.
- Provided padding of 20px to the size middleware, so that it maintains
distance from the bottom of the screen.
[Screencast from 2024-10-25
13-47-04.webm](https://github.com/user-attachments/assets/c2315ee2-6092-4c4a-8126-dba7ac3bf49b )
---------
Co-authored-by: martmull <martmull@hotmail.fr >
2024-10-28 16:59:57 +00:00
fa0933b292
Migrate to twenty-ui - layout/section ( #8068 )
...
This PR was created by [GitStart](https://gitstart.com/ ) to address the
requirements from this ticket:
[TWNTY-7533](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7533 ).
---
Description \
\
Move Section component from twenty-front to twenty-ui and update
imports\
\
\
Fixes twentyhq/private-issues#85
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
2024-10-28 13:08:55 +01:00
9c923ba8d5
fix glitch for relation picker search ( #8040 )
...
Fix for #7957
---------
Co-authored-by: Félix Malfait <felix@twenty.com >
2024-10-25 16:51:52 +02:00
0144553667
Add Manual Triggers ( #8024 )
...
In this PR:
- Add support for manual triggers in the backend
- Add a right drawer to let users select the type of trigger they want
- Create a specific right drawer for database event triggers
- Create a right drawer for manual triggers; let the user select where
the manual trigger should be made available
- Create a default trigger as soon as the user selects the type of
trigger they want. It prevents the user to see empty selects for record
type and event type. By default, the database event trigger will be set
to "company.created". It should be visible enough for users to
understand what happens and choose another record type or event type.
https://github.com/user-attachments/assets/29a21985-1823-4890-9eb3-e4f876459c7a
2024-10-25 14:24:56 +02:00
1dfeba39eb
Migrate to twenty-ui - layout/card ( #8003 )
...
This PR was created by [GitStart](https://gitstart.com/ ) to address the
requirements from this ticket:
[TWNTY-7532](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7532 ).
---
### Description
Migrate:
- Card
- CardContent
- CardFooter
- CardHeader
### Demo
Card in Storybook

###### Fixes twentyhq/private-issues#86
---------
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-10-24 16:36:06 +02:00
4e8d8ce744
fix: relation picker should not move once openened ( #8026 )
...
Fixes : #7959
### Problem
- When searching in the dropdown, the results list would shrink based on
matching items
- This dynamic height change caused the dropdown to flip its position on
each keystroke
### Solution
- Added ```hasMinHeight``` as optional props to the
```DropdownMenuItemsContainer``` to maintain consistent height
- This prevents unwanted position recalculations and flipping while user
types
- The dropdown now stays in its initial position throughout the search
interaction
[Screencast from 2024-10-24
15-43-03.webm](https://github.com/user-attachments/assets/741317b7-fc5e-4874-8221-aa626a1a1747 )
2024-10-24 16:33:50 +02:00
0a28c15747
Migrate to twenty-ui - input/button ( #7994 )
...
This PR was created by [GitStart](https://gitstart.com/ ) to address the
requirements from this ticket:
[TWNTY-7529](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7529 ).
---
### Description
- Migrated all button components to `twenty-ui` \
\
`Button`\
`ButtonGroup`\
`ColorPickerButton`\
`FloatingButton`\
`FloatingButtonGroup`\
`FloatingIconButton`\
`FloatingIconButtonGroup`\
`IconButton`\
`IconButtonGroup`\
`LightButton`\
`LightIconButton`\
`LightIconButtonGroup`\
`MainButton`\
\
Fixes twentyhq/private-issues#89
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-10-24 13:20:02 +02:00
6843a642b5
7499 refactor right drawer to have contextual actions ( #7954 )
...
Closes #7499
- Modifies context store states to be component states
- Introduces the concept of `mainContextStore` which will dictate the
available actions inside the command K
- Adds contextual actions inside the right drawer
- Creates a new type of modal variant
2024-10-22 18:35:45 +02:00
113e9fc8c7
Migrate to twenty-ui - utilities/animation ( #7951 )
...
This PR was created by [GitStart](https://gitstart.com/ ) to address the
requirements from this ticket:
[TWNTY-7538](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7538 ).
---
### Description
- Move animation components to `twenty-ui` \
\
\
Fixes #7538
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-10-22 18:08:54 +02:00
430644448a
Migrate to twenty-ui - navigation/link ( #7837 )
...
This PR was created by [GitStart](https://gitstart.com/ ) to address the
requirements from this ticket:
[TWNTY-7535](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7535 ).
---
### Description.
Migrate link components to `twenty-ui` \
\
Fixes #7535
---------
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: gitstart-twenty <140154534+gitstart-twenty@users.noreply.github.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-10-22 17:36:26 +02:00
6133a72cf6
Migrate to twenty-ui utilities/screen-size ( #7836 )
...
This PR was created by [GitStart](https://gitstart.com/ ) to address the
requirements from this ticket:
[TWNTY-7540](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7540 ).
---
### Description
Move `utilities/screen-size` to the `twenty-ui` package
### Demo
The `useScreenSize` was used to render the mobile nav for example on the
landing page.
It still renders properly

###### Fixes [#7540 ](https://github.com/twentyhq/twenty/issues/7540 )
###### Dev QA
- [x] `utilities/screen-size` should be moved to the `twenty-ui` folder
- [x] The mobile nav should still show on the landing page
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-10-22 10:34:42 +02:00
dfcf3ef879
Migrate to twenty-ui - layout/animated-placeholder ( #7794 )
...
This PR was created by [GitStart](https://gitstart.com/ ) to address the
requirements from this ticket:
[TWNTY-7531](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7531 ).
---
### Description
- Migrate the `animated-placeholder` to `twenty-ui` and update all
imports.\
\
Fixes twentyhq/private-issues#87
Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com >
Co-authored-by: Charles Bochet <charles@twenty.com >
2024-10-22 10:28:09 +02:00