fix build errors and add types to dropdown menu (#302)

apps/web/components/shared/DropdownMenu.tsx

@@ -6,17 +6,20 @@ import { CheckIcon, ChevronRightIcon, CheckCircleIcon } from "@heroicons/react/2
 
 import { cn } from "@formbricks/lib/cn";
 
-const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps> = DropdownMenuPrimitive.Root;
 
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuTrigger: React.FC<DropdownMenuPrimitive.DropdownMenuTriggerProps> =
+  DropdownMenuPrimitive.Trigger;
 
-const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+const DropdownMenuGroup: React.FC<DropdownMenuPrimitive.DropdownMenuGroupProps> = DropdownMenuPrimitive.Group;
 
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps> =
+  DropdownMenuPrimitive.Portal;
 
-const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps> = DropdownMenuPrimitive.Sub;
 
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenuRadioGroup: React.FC<DropdownMenuPrimitive.DropdownMenuRadioGroupProps> =
+  DropdownMenuPrimitive.RadioGroup;
 
 const DropdownMenuSubTrigger = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,

apps/web/package.json

@@ -14,30 +14,30 @@
     "@formbricks/js": "workspace:*",
     "@formbricks/lib": "workspace:*",
     "@formbricks/ui": "workspace:*",
-    "@heroicons/react": "^2.0.17",
+    "@heroicons/react": "^2.0.18",
     "@paralleldrive/cuid2": "^2.2.0",
     "@radix-ui/react-alert-dialog": "^1.0.3",
     "@radix-ui/react-collapsible": "^1.0.2",
     "@radix-ui/react-dropdown-menu": "^2.0.4",
-    "@types/node": "20.0.0",
-    "@types/react": "18.2.5",
-    "@types/react-dom": "18.2.3",
+    "@types/node": "20.2.3",
+    "@types/react": "18.2.7",
+    "@types/react-dom": "18.2.4",
     "bcryptjs": "^2.4.3",
     "class-variance-authority": "^0.6.0",
     "date-fns": "^2.30.0",
     "dotenv-webpack": "^8.0.1",
-    "eslint": "8.39.0",
-    "eslint-config-next": "^13.4.0",
+    "eslint": "8.41.0",
+    "eslint-config-next": "^13.4.3",
     "jsonwebtoken": "^9.0.0",
-    "lucide-react": "^0.207.0",
+    "lucide-react": "^0.221.0",
     "markdown-it": "^13.0.1",
-    "next": "13.4.0",
+    "next": "13.4.3",
     "next-auth": "^4.22.1",
-    "nodemailer": "^6.9.1",
+    "nodemailer": "^6.9.2",
     "platform": "^1.3.6",
-    "posthog-js": "^1.55.1",
+    "posthog-js": "^1.57.3",
     "posthog-node": "^3.1.1",
-    "preact": "10.13.2",
+    "preact": "10.15.0",
     "prismjs": "^1.29.0",
     "react": "18.2.0",
     "react-beautiful-dnd": "^13.1.1",
@@ -46,7 +46,7 @@
     "react-hot-toast": "^2.4.1",
     "react-icons": "^4.8.0",
     "react-use": "^17.4.0",
-    "stripe": "^12.4.0",
+    "stripe": "^12.6.0",
     "swr": "^2.1.5",
     "typescript": "5.0.4"
   },
@@ -61,7 +61,7 @@
     "autoprefixer": "^10.4.14",
     "eslint-config-formbricks": "workspace:*",
     "postcss": "^8.4.23",
-    "rimraf": "^5.0.0",
+    "rimraf": "^5.0.1",
     "tailwind-merge": "^1.12.0",
     "tailwindcss": "^3.3.2",
     "tailwindcss-animate": "^1.0.5"

packages/ui/package.json

@@ -16,27 +16,27 @@
   },
   "devDependencies": {
     "@formbricks/tsconfig": "workspace:*",
-    "@types/react": "^18.0.35",
-    "@types/react-dom": "^18.0.11",
+    "@types/react": "^18.2.7",
+    "@types/react-dom": "^18.2.4",
     "concurrently": "^8.0.1",
-    "eslint": "^8.38.0",
+    "eslint": "^8.41.0",
     "eslint-config-formbricks": "workspace:*",
-    "postcss": "^8.4.21",
+    "postcss": "^8.4.23",
     "react": "^18.2.0",
-    "rimraf": "^5.0.0",
+    "rimraf": "^5.0.1",
     "tsup": "^6.7.0",
     "typescript": "^5.0.4"
   },
   "dependencies": {
     "@formbricks/lib": "workspace:*",
-    "@heroicons/react": "^2.0.17",
-    "@lexical/code": "^0.10.0",
-    "@lexical/link": "^0.10.0",
-    "@lexical/list": "^0.10.0",
-    "@lexical/markdown": "^0.10.0",
-    "@lexical/react": "^0.10.0",
-    "@lexical/rich-text": "^0.10.0",
-    "@lexical/table": "^0.10.0",
+    "@heroicons/react": "^2.0.18",
+    "@lexical/code": "^0.11.0",
+    "@lexical/link": "^0.11.0",
+    "@lexical/list": "^0.11.0",
+    "@lexical/markdown": "^0.11.0",
+    "@lexical/react": "^0.11.0",
+    "@lexical/rich-text": "^0.11.0",
+    "@lexical/table": "^0.11.0",
     "@radix-ui/react-checkbox": "^1.0.3",
     "@radix-ui/react-dropdown-menu": "^2.0.4",
     "@radix-ui/react-label": "^2.0.1",
@@ -47,8 +47,8 @@
     "@radix-ui/react-tooltip": "^1.0.5",
     "boring-avatars": "^1.7.0",
     "clsx": "^1.2.1",
-    "lucide-react": "^0.144.0",
-    "next": "^13.3.0",
+    "lucide-react": "^0.221.0",
+    "next": "^13.4.3",
     "react-colorful": "^5.6.1",
     "react-confetti": "^6.1.0",
     "react-dom": "^18.2.0",