Create width type

Author: thomtrp

packages/twenty-front/src/modules/object-record/record-field/form-types/components/FormFieldInputRowContainer.tsx

@@ -9,6 +9,7 @@ const StyledFormFieldInputRowContainer = styled.div<{
   display: flex;
   flex-direction: row;
   position: relative;
+
   ${({ multiline }) =>
     multiline
       ? css`

packages/twenty-front/src/modules/ui/layout/dropdown/components/Dropdown.tsx

@@ -25,14 +25,15 @@ import { isDefined } from 'twenty-shared/utils';
 import { useIsMobile } from 'twenty-ui/utilities';
 import { useDropdown } from '../hooks/useDropdown';
 
+type Width = `${string}px` | `${number}%` | 'auto' | number;
 const StyledDropdownFallbackAnchor = styled.div`
   left: 0;
   position: fixed;
   top: 0;
 `;
 
 const StyledClickableComponent = styled.div<{
-  width?: `${string}px` | `${number}%` | 'auto' | number;
+  width?: Width;
 }>`
   height: fit-content;
   width: ${({ width }) => width ?? 'auto'};
@@ -41,6 +42,7 @@ const StyledClickableComponent = styled.div<{
 export type DropdownProps = {
   className?: string;
   clickableComponent?: ReactNode;
+  clickableComponentWidth?: Width;
   dropdownComponents: ReactNode;
   hotkey?: {
     key: Keys;
@@ -49,14 +51,13 @@ export type DropdownProps = {
   dropdownHotkeyScope: HotkeyScope;
   dropdownId: string;
   dropdownPlacement?: Placement;
-  dropdownWidth?: `${string}px` | `${number}%` | 'auto' | number;
+  dropdownWidth?: Width;
   dropdownOffset?: DropdownOffset;
   dropdownStrategy?: 'fixed' | 'absolute';
   onClickOutside?: () => void;
   onClose?: () => void;
   onOpen?: () => void;
   avoidPortal?: boolean;
-  clickableComponentWidth?: `${string}px` | `${number}%` | 'auto' | number;
 };
 
 export const Dropdown = ({