fix(pci-databases): update radix-ui and cmdk

ref: #DATATR-1793 Signed-off-by: Jonathan Perchoc <[email protected]>
ovh · Mar 5, 2025 · b5ebfd7 · b5ebfd7
1 parent 04821e0
commit b5ebfd7
Show file tree

Hide file tree

Showing 6 changed files with 439 additions and 743 deletions.
diff --git a/packages/manager/apps/pci-databases-analytics/package.json b/packages/manager/apps/pci-databases-analytics/package.json
@@ -30,22 +30,38 @@
     "@ovh-ux/request-tagger": "^0.4.0",
     "@ovh-ux/shell": "^4.1.8",
     "@ovhcloud/ods-theme-blue-jeans": "^17.1.0",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-alert-dialog": "^1.0.5",
+    "@radix-ui/react-collapsible": "^1.0.3",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-progress": "^1.0.3",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-scroll-area": "^1.0.5",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-slider": "^1.1.2",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@radix-ui/react-tooltip": "^1.0.7",
     "@tanstack/react-query": "^5.51.21",
     "@tanstack/react-table": "^8.20.1",
     "chart.js": "^4.4.2",
     "chartjs-adapter-date-fns": "^3.0.0",
     "chartjs-plugin-zoom": "^2.0.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
-    "cmdk": "^0.2.1",
+    "cmdk": "^1.0.4",
     "date-fns": "^3.6.0",
     "duration-fns": "^3.0.2",
     "i18next": "^23.8.2",
     "i18next-http-backend": "^2.4.2",
     "lucide-react": "^0.334.0",
     "next-themes": "^0.2.1",
     "qs": "^6.11.2",
-    "radix-ui": "^1.1.2",
     "react": "^18.2.0",
     "react-chartjs-2": "^5.2.0",
     "react-day-picker": "^8.10.0",
@@ -63,6 +79,7 @@
   "devDependencies": {
     "@jest/globals": "^29.7.0",
     "@ovh-ux/manager-vite-config": "^0.9.1",
+    "@tanstack/react-query-devtools": "^5.51.21",
     "@testing-library/jest-dom": "^6.1.5",
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^13.2.1",
@@ -71,7 +88,8 @@
     "@types/react": "^18.2.45",
     "@types/react-dom": "^18.2.18",
     "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/ui": "^1.4.0",
+    "@vitest/coverage-v8": "^2.1.9",
+    "@vitest/ui": "^2.1.9",
     "typescript": "^5.3.3",
     "vite": "^5.4.12",
     "vitest": "^2.1.9"

diff --git a/packages/manager/apps/pci-databases-analytics/src/App.tsx b/packages/manager/apps/pci-databases-analytics/src/App.tsx
@@ -1,3 +1,4 @@
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import React, { useEffect } from 'react';
 import { QueryClientProvider } from '@tanstack/react-query';
 import { useShell } from '@ovh-ux/manager-react-shell-client';
@@ -22,6 +23,7 @@ function App() {
       {loading && <ProgressLoader />}
       <React.Suspense fallback={<Loading />}>
         <Router />
+        <ReactQueryDevtools initialIsOpen={false} />
       </React.Suspense>
     </QueryClientProvider>
   );

diff --git a/packages/manager/apps/pci-databases-analytics/src/__tests__/setupTest.ts b/packages/manager/apps/pci-databases-analytics/src/__tests__/setupTest.ts
@@ -1,3 +1,4 @@
+import { vi } from 'vitest';
 import '@testing-library/jest-dom';
 import { PointerEvent } from './helpers/pointerEvent';
 
@@ -14,3 +15,6 @@ console.error = (...args) => {
   }
   originalConsoleError(...args);
 };
+
+const scrollMock = vi.fn();
+window.HTMLElement.prototype.scrollIntoView = scrollMock;
diff --git a/packages/manager/apps/pci-databases-analytics/src/pages/Root.layout.tsx b/packages/manager/apps/pci-databases-analytics/src/pages/Root.layout.tsx
@@ -54,7 +54,7 @@ export const Loader = ({ params, request }: ServiceCategoryLayoutProps) => {
       queryFn: () => getProject(projectId),
     })
     .then(
-      () => null,
+      () => true,
       () => redirect(`/pci/projects`),
     );
 };

diff --git a/...es/manager/apps/pci-databases-analytics/src/pages/services/[serviceId]/Service.layout.tsx b/...es/manager/apps/pci-databases-analytics/src/pages/services/[serviceId]/Service.layout.tsx
@@ -28,7 +28,7 @@ export const Loader = async ({ params }: ServiceLayoutProps) => {
       queryFn: () => getService({ projectId, serviceId }),
     })
     .then(
-      () => null,
+      () => true,
       () =>
         redirect(
           `/pci/projects/${projectId}/databases-analytics/${category}/services`,