Update all deps to latest major

package.json

@@ -33,9 +33,10 @@
     "husky": "^9.0.11",
     "lerna": "^8.1.2",
     "lint-staged": "^15.2.2",
-    "npm-check-updates": "^16.14.15"
+    "npm-check-updates": "^16.14.18"
   },
   "resolutions": {
-    "ip": "^2.0.1"
+    "ip": "^2.0.1",
+    "follow-redirects": "^1.15.6"
   }
 }

packages/app/package.json

@@ -15,33 +15,33 @@
     "prepare": "touch ./public/config.local.js"
   },
   "dependencies": {
-    "@commercelayer/app-elements": "^1.16.0",
-    "@commercelayer/sdk": "5.33.1",
+    "@commercelayer/app-elements": "^1.20.1",
+    "@commercelayer/sdk": "5.36.0",
     "@hookform/resolvers": "^3.3.4",
     "lodash": "^4.17.21",
     "query-string": "^9.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.51.0",
+    "react-hook-form": "^7.51.2",
     "swr": "^2.2.5",
-    "type-fest": "^4.11.1",
-    "wouter": "^3.0.1",
+    "type-fest": "^4.15.0",
+    "wouter": "^3.1.0",
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@commercelayer/eslint-config-ts-react": "^1.3.0",
-    "@phosphor-icons/react": "v2.1.3",
-    "@types/lodash": "^4.14.202",
-    "@types/node": "20.11.24",
-    "@types/react": "^18.2.63",
-    "@types/react-dom": "^18.2.20",
+    "@commercelayer/eslint-config-ts-react": "^1.4.5",
+    "@phosphor-icons/react": "v2.1.4",
+    "@types/lodash": "^4.17.0",
+    "@types/node": "20.12.4",
+    "@types/react": "^18.2.74",
+    "@types/react-dom": "^18.2.24",
     "@vitejs/plugin-react": "^4.2.1",
     "eslint": "^8.57.0",
     "jsdom": "^24.0.0",
     "rollup-plugin-external-globals": "^0.9.2",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.5",
-    "vite-tsconfig-paths": "^4.3.1",
-    "vitest": "^1.3.1"
+    "typescript": "^5.4.3",
+    "vite": "^5.2.8",
+    "vite-tsconfig-paths": "^4.3.2",
+    "vitest": "^1.4.0"
   }
 }

packages/app/src/components/ListItemTag.tsx

@@ -5,6 +5,7 @@ import {
   Dropdown,
   DropdownDivider,
   DropdownItem,
+  Icon,
   ListItem,
   PageLayout,
   Text,
@@ -52,6 +53,7 @@ export const ListItemTag = withSkeletonTemplate<
 
   const contextMenu = (
     <Dropdown
+      dropdownLabel={<Icon name='dotsThree' size='24' />}
       dropdownItems={
         <>
           {contextMenuEdit}
@@ -64,7 +66,7 @@ export const ListItemTag = withSkeletonTemplate<
 
   return (
     <>
-      <ListItem tag='div'>
+      <ListItem>
         <div>
           <Text tag='span' weight='semibold'>
             {resource.name}

packages/app/tsconfig.json

@@ -34,6 +34,7 @@
     "global.d.ts",
     "src",
     "*.config.ts",
+    "*.config.mts",
     "*.config.js",
     "*.config.cjs",
     ".eslintrc.cjs",