Add ability to force picker width (#1093)

front/src/modules/ui/dropdown/components/DropdownMenu.tsx

@@ -1,6 +1,9 @@
 import styled from '@emotion/styled';
 
-export const DropdownMenu = styled.div<{ disableBlur?: boolean }>`
+export const DropdownMenu = styled.div<{
+  disableBlur?: boolean;
+  width?: number;
+}>`
   backdrop-filter: ${({ disableBlur }) =>
     disableBlur ? 'none' : 'blur(20px)'};
 
@@ -13,7 +16,7 @@ export const DropdownMenu = styled.div<{ disableBlur?: boolean }>`
 
   flex-direction: column;
 
-  min-width: 160px;
-
   overflow: hidden;
+
+  width: ${({ width }) => width ?? 160}px;
 `;

front/src/modules/ui/input/relation-picker/components/SingleEntitySelect.tsx

@@ -30,6 +30,7 @@ export function SingleEntitySelect<
   onEntitySelected,
   onCreate,
   onCancel,
+  width,
   disableBackgroundBlur = false,
 }: {
   onCancel?: () => void;
@@ -37,6 +38,7 @@ export function SingleEntitySelect<
   entities: EntitiesForSingleEntitySelect<CustomEntityForSelect>;
   onEntitySelected: (entity: CustomEntityForSelect | null | undefined) => void;
   disableBackgroundBlur?: boolean;
+  width?: number;
 }) {
   const containerRef = useRef<HTMLDivElement>(null);
 
@@ -58,7 +60,11 @@ export function SingleEntitySelect<
   });
 
   return (
-    <DropdownMenu disableBlur={disableBackgroundBlur} ref={containerRef}>
+    <DropdownMenu
+      disableBlur={disableBackgroundBlur}
+      ref={containerRef}
+      width={width}
+    >
       <DropdownMenuSearch
         value={searchFilter}
         onChange={handleSearchFilterChange}

front/src/modules/ui/link/components/RawLink.tsx

@@ -20,8 +20,6 @@ const StyledClickable = styled.div`
 `;
 
 export function RawLink({ className, href, children, onClick }: OwnProps) {
-  console.log(children);
-
   return (
     <div>
       <StyledClickable className={className}>

front/src/modules/ui/table/editable-cell/type/components/GenericEditableRelationCellEditMode.tsx

@@ -54,6 +54,7 @@ export function GenericEditableRelationCellEditMode({ viewField }: OwnProps) {
           companyId={fieldValueEntity?.id ?? null}
           onSubmit={handleEntitySubmit}
           onCancel={handleCancel}
+          width={viewField.columnSize}
         />
       );
     }
@@ -63,6 +64,7 @@ export function GenericEditableRelationCellEditMode({ viewField }: OwnProps) {
           userId={fieldValueEntity?.id ?? null}
           onSubmit={handleEntitySubmit}
           onCancel={handleCancel}
+          width={viewField.columnSize}
         />
       );
     }