feat(muk): delete import of ods 18

ref: #MANAGER-20065

Signed-off-by: Alex Boungnaseng <[email protected]>

Author: aboungnaseng-ovhcloud

packages/manager-ui-kit/package.json

@@ -59,7 +59,6 @@
     "@ovh-ux/manager-vite-config": "^0.13.3",
     "@ovh-ux/manager-static-analysis-kit": "*",
     "@ovh-ux/manager-tests-setup": "^0.2.0",
-    "@ovhcloud/ods-components": "^18.6.2",
     "@ovhcloud/ods-react": "^19.0.1",
     "@ovhcloud/ods-themes": "^19.0.1",
     "@types/lodash.isdate": "^4.0.9",
@@ -106,7 +105,6 @@
     "@ovh-ux/manager-core-api": "^0.10.0",
     "@ovh-ux/manager-core-utils": "*",
     "@ovh-ux/manager-react-shell-client": "^0.9.1",
-    "@ovhcloud/ods-components": "^18.6.2",
     "@ovhcloud/ods-react": "^19.1.0",
     "@ovhcloud/ods-themes": "^19.0.1",
     "date-fns": "~4.1.0",

packages/manager-ui-kit/src/components/onboarding-layout/__tests__/OnboardingLayout.spec.tsx

@@ -1,7 +1,7 @@
 import { vi, vitest } from 'vitest';
-import { OdsText } from '@ovhcloud/ods-components/react';
 import { fireEvent, screen, act } from '@testing-library/react';
 import { render } from '@/setupTest';
+import { Text } from '../../text';
 import { OnboardingLayout } from '../index';
 import placeholderSrc from '../../../../public/assets/placeholder.png';
 import { useAuthorizationIam } from '../../../hooks/iam';
@@ -38,9 +38,9 @@ describe('specs:onboarding', () => {
         <OnboardingLayout
           title={customTitle}
           description={
-            <OdsText preset="paragraph" className="text-center">
+            <Text preset="paragraph" className="text-center">
               {descriptionText}
-            </OdsText>
+            </Text>
           }
         />,
       );

packages/manager-ui-kit/src/components/onboarding-layout/onboarding-layout-button/OnboardingLayoutButton.component.tsx

@@ -1,6 +1,10 @@
 import { FC } from 'react';
-import { ODS_BUTTON_SIZE, ODS_BUTTON_VARIANT } from '@ovhcloud/ods-components';
-import { Icon, ICON_NAME } from '@ovhcloud/ods-react';
+import {
+  Icon,
+  ICON_NAME,
+  BUTTON_SIZE,
+  BUTTON_VARIANT,
+} from '@ovhcloud/ods-react';
 import { Button } from '../../button';
 import { OnboardingLayoutButtonProps } from './OnboardingLayoutButton.type';
 
@@ -24,7 +28,7 @@ const OnboardingLayoutButton: FC<OnboardingLayoutButtonProps> = ({
       {orderButtonLabel && (onOrderButtonClick || orderHref) && (
         <Button
           className="[&::part(button)]:w-full sm:w-auto"
-          size={ODS_BUTTON_SIZE.md}
+          size={BUTTON_SIZE.md}
           onClick={() => {
             onOrderButtonClick?.();
             if (orderHref) {
@@ -40,8 +44,8 @@ const OnboardingLayoutButton: FC<OnboardingLayoutButtonProps> = ({
       {moreInfoButtonLabel && moreInfoHref && (
         <Button
           className="[&::part(button)]:w-full sm:w-auto"
-          size={ODS_BUTTON_SIZE.md}
-          variant={ODS_BUTTON_VARIANT.outline}
+          size={BUTTON_SIZE.md}
+          variant={BUTTON_VARIANT.outline}
           onClick={() => {
             if (!isMoreInfoButtonDisabled) {
               if (moreInfoHref) {

packages/manager-ui-kit/src/components/onboarding-layout/onboarding-layout-button/OnboardingLayoutButton.type.ts

@@ -1,4 +1,4 @@
-import { ODS_ICON_NAME } from '@ovhcloud/ods-components';
+import { ICON_NAME } from '@ovhcloud/ods-react';
 
 export type OnboardingLayoutButtonProps = {
   orderButtonLabel?: string;
@@ -11,7 +11,7 @@ export type OnboardingLayoutButtonProps = {
     displayTooltip?: boolean;
   };
   moreInfoHref?: string;
-  moreInfoButtonIcon?: ODS_ICON_NAME;
+  moreInfoButtonIcon?: ICON_NAME;
   moreInfoButtonLabel?: string;
   isMoreInfoButtonDisabled?: boolean;
 };

packages/manager-ui-kit/src/components/order/order-summary/OrderSummary.component.tsx

@@ -1,6 +1,6 @@
 import { useEffect, FC } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { ODS_TEXT_PRESET } from '@ovhcloud/ods-components';
+import { TEXT_PRESET } from '@ovhcloud/ods-react';
 import { useOrderContext } from '../Order.context';
 import { Link, LinkType } from '../../Link';
 import { Button } from '../../button';
@@ -31,10 +31,10 @@ export const OrderSummary: FC<OrderSummaryProps> = ({
 
   return (
     <section className="flex flex-col gap-4">
-      <Text preset={ODS_TEXT_PRESET.heading2} data-testid="order-summary-title">
+      <Text preset={TEXT_PRESET.heading2} data-testid="order-summary-title">
         {t('order_summary_order_initiated_title', { product })}
       </Text>
-      <Text preset={ODS_TEXT_PRESET.paragraph}>
+      <Text preset={TEXT_PRESET.paragraph}>
         <Trans
           t={t}
           i18nKey="order_summary_order_initiated_subtitle"
@@ -51,7 +51,7 @@ export const OrderSummary: FC<OrderSummaryProps> = ({
           }}
         />
       </Text>
-      <Text preset={ODS_TEXT_PRESET.paragraph}>
+      <Text preset={TEXT_PRESET.paragraph}>
         {t('order_summary_order_initiated_info', { product })}
       </Text>
       <Button

packages/manager-ui-kit/src/components/tiles-input/TilesInput.component.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useState } from 'react';
-import { OdsCard } from '@ovhcloud/ods-components/react';
+import { Card } from '@ovhcloud/ods-react';
 import { clsx } from 'clsx';
 import isEqual from 'lodash.isequal';
 import { hashCode } from '../../utils';
@@ -107,7 +107,7 @@ export const TilesInputComponent = <T, S>({
 
               return (
                 <li className="w-full px-1" key={hashCode(key)}>
-                  <OdsCard
+                  <Card
                     onClick={() =>
                       is.stack.singleton(key)
                         ? set.value(stackItem[0] as T)
@@ -122,13 +122,13 @@ export const TilesInputComponent = <T, S>({
                     {is.stack.singleton(key)
                       ? label(stackItem[0] as T)
                       : key !== undefined && stack?.label(key, stackItem)}
-                  </OdsCard>
+                  </Card>
                 </li>
               );
             })
           : items.map((item: T) => (
               <li className="w-full px-1" key={hashCode(item)}>
-                <OdsCard
+                <Card
                   onClick={() => set.value(item)}
                   className={`${clsx(
                     isEqual(value, item)
@@ -137,7 +137,7 @@ export const TilesInputComponent = <T, S>({
                   )} w-full px-[24px] py-[16px]`}
                 >
                   {label(item)}
-                </OdsCard>
+                </Card>
               </li>
             ))}
       </ul>

packages/manager-ui-kit/vite.config.mts

@@ -66,8 +66,6 @@ export default defineConfig({
         'zustand',
         '@ovhcloud/ods-common-core',
         '@ovhcloud/ods-common-theming',
-        '@ovhcloud/ods-components',
-        '@ovhcloud/ods-components/react',
         '@ovhcloud/ods-theme-blue-jeans',
         '@ovhcloud/ods-react',
       ],

yarn.lock

@@ -10419,13 +10419,6 @@
   dependencies:
     "@tanstack/virtual-core" "3.2.0"
 
-"@tanstack/react-virtual@^3.10.0":
-  version "3.13.12"
-  resolved "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.13.12.tgz#d372dc2783739cc04ec1a728ca8203937687a819"
-  integrity sha512-Gd13QdxPSukP8ZrkbgS2RwoZseTTbQPLnQEn7HY/rqtM+8Zt95f7xKC7N0EsKs7aoz0WzZ+fditZux+F8EzYxA==
-  dependencies:
-    "@tanstack/virtual-core" "3.13.12"
-
 "@tanstack/react-virtual@^3.10.9":
   version "3.10.9"
   resolved "https://registry.yarnpkg.com/@tanstack/react-virtual/-/react-virtual-3.10.9.tgz#40606b6dd8aba8e977f576d8f7df07f69ca63eea"
@@ -10453,11 +10446,6 @@
   resolved "https://registry.yarnpkg.com/@tanstack/virtual-core/-/virtual-core-3.10.9.tgz#55710c92b311fdaa8d8c66682a0dbdd684bc77c4"
   integrity sha512-kBknKOKzmeR7lN+vSadaKWXaLS0SZZG+oqpQ/k80Q6g9REn6zRHS/ZYdrIzHnpHgy/eWs00SujveUN/GJT2qTw==
 
-"@tanstack/[email protected]":
-  version "3.13.12"
-  resolved "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.12.tgz#1dff176df9cc8f93c78c5e46bcea11079b397578"
-  integrity sha512-1YBOJfRHV4sXUmWsFSf5rQor4Ss82G8dQWLRbnk3GA4jeP8hQt1hxXh0tmflpC0dz3VgEv/1+qwPyLeWkQuPFA==
-
 "@tanstack/[email protected]":
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/@tanstack/virtual-core/-/virtual-core-3.2.0.tgz#874d36135e4badce2719e7bdc556ce240cbaff14"