feat(mrc): adding and adapting ods react 19

.eslintrc.js

@@ -118,6 +118,7 @@ module.exports = {
     {
       files: [
         '**/App.tsx',
+        'packages/manager/modules/**/index*',
         '**/test.{setup,provider}.tsx',
         '**/vitest.config.{js,ts,mjs,mts}',
         '**/vite.config.{js,ts,mjs,mts}',

packages/manager-react-components/package.json

@@ -55,6 +55,7 @@
     "@ovh-ux/manager-tailwind-config": "^0.3.0",
     "@ovh-ux/manager-vite-config": "^0.10.1",
     "@ovhcloud/ods-components": "^18.6.2",
+    "@ovhcloud/ods-react": "^19.0.0-alpha.2",
     "@ovhcloud/ods-themes": "^18.6.2",
     "@testing-library/jest-dom": "6.4.2",
     "@testing-library/react": "14.0.0",
@@ -108,6 +109,7 @@
     "@ovh-ux/manager-core-utils": "*",
     "@ovh-ux/manager-react-shell-client": "^0.8.7",
     "@ovhcloud/ods-components": "^18.3.0",
+    "@ovhcloud/ods-react": "^19.0.0-alpha.2",
     "@ovhcloud/ods-themes": "^18.3.0",
     "date-fns": "~4.1.0",
     "i18next": "^23.8.2",

packages/manager-react-components/src/components/badge/badge.component.tsx

@@ -1,5 +1,6 @@
 import { ComponentProps } from 'react';
 import { OdsBadge, OdsSkeleton } from '@ovhcloud/ods-components/react';
+import { Button } from '@ovhcloud/ods-react';
 
 export interface BadgeProps extends ComponentProps<typeof OdsBadge> {
   isLoading?: boolean;
@@ -10,6 +11,9 @@ export const Badge = ({ isLoading, ...props }: BadgeProps) => {
   return isLoading ? (
     <OdsSkeleton data-testid={`${props['data-testid']}`} />
   ) : (
-    <OdsBadge {...props} />
+    <>
+      <Button />
+      <OdsBadge {...props} />
+    </>
   );
 };

packages/manager-react-components/tsconfig.json

@@ -17,6 +17,6 @@
     "jsx": "react-jsx"
   },
   "files": ["global.d.ts"],
-  "include": ["src/**/*", "*.spec.tsx"],
+  "include": ["src/**/*", "*.spec.tsx", "types"],
   "exclude": ["./src/**/*.stories.*"]
 }

packages/manager-react-components/types/ovhcloud-ods-react.d.ts

@@ -0,0 +1,6 @@
+declare module '@ovhcloud/ods-react' {
+  export * from '@ovhcloud/ods-react/dist/components/button/src';
+  export * from '@ovhcloud/ods-react/dist/components/badge/src';
+  export * from '@ovhcloud/ods-react/dist/components/card/src';
+  // etc.
+}

packages/manager/apps/pci-instances/src/pages/instances/action/BillingMonthlyActionPage.tsx

@@ -45,6 +45,7 @@ const BillingMonthlyActionPage: FC<TBillingMonthlyActionPageProps> = ({
   };
 
   const pricingHref = useMemo(() => {
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     return ovhSubsidiary
       ? INSTANCE_PRICING_LINKS[
           ovhSubsidiary as keyof typeof INSTANCE_PRICING_LINKS