[WEB-1820]: Fix/project selection dropdown (#5122)

* fix: Truncated project name under custom analytics's project selection dropdown

* fix: project name truncated

* fix: removed static width

* fix: hardcoded width

* fix: css

* fix: handled the custom search button

* Freeze hookform version

* Revert yarn lock

---------

Co-authored-by: Satish Gandham <satish.iitg@gmail.com>

packages/ui/src/dropdowns/custom-search-select.tsx

@@ -115,7 +115,7 @@ export const CustomSearchSelect = (props: ICustomSearchSelectProps) => {
                   onClick={toggleDropdown}
                 >
                   {label}
-                  {!noChevron && !disabled && <ChevronDown className="h-3 w-3" aria-hidden="true" />}
+                  {!noChevron && !disabled && <ChevronDown className="h-3 w-3 flex-shrink-0" aria-hidden="true" />}
                 </button>
               </Combobox.Button>
             )}

web/core/components/analytics/custom-analytics/select/project.tsx

@@ -37,14 +37,16 @@ export const SelectProject: React.FC<Props> = observer((props) => {
       onChange={(val: string[]) => onChange(val)}
       options={options}
       label={
-        value && value.length > 0
+        <div className="truncate">
-          ? projectIds
+          {value && value.length > 0
-              ?.filter((p) => value.includes(p))
+            ? projectIds
-              .map((p) => getProjectById(p)?.name)
+                ?.filter((p) => value.includes(p))
-              .join(", ")
+                .map((p) => getProjectById(p)?.name)
-          : "All projects"
+                .join(", ")
+            : "All projects"}
+        </div>
       }
-      optionsClassName={"w-48"}
+      optionsClassName="w-48"
       multiple
     />
   );

web/package.json

@@ -51,7 +51,7 @@
     "react-day-picker": "^8.10.0",
     "react-dom": "^18.3.1",
     "react-dropzone": "^14.2.3",
-    "react-hook-form": "^7.38.0",
+    "react-hook-form": "7.51.5",
     "react-markdown": "^8.0.7",
     "react-popper": "^2.3.0",
     "sharp": "^0.32.1",