feat(*): replace name of manager components react lib

ref: MANAGER-14822

Signed-off-by: Alex Boungnaseng <alex.boungnaseng.ext@corp.ovh.com>

Author: aboungnaseng-ovhcloud

docs/docs/guide/manager-components.md

@@ -1,5 +1,5 @@
 {
-  "name": "@ovhcloud/manager-components",
+  "name": "@ovhcloud/manager-react-components",
   "private": true,
   "version": "1.26.0",
   "main": "src/lib.ts",

packages/manager-components/CHANGELOG.md

@@ -27,7 +27,7 @@
     "@ovh-ux/manager-react-core-application": "^0.10.0",
     "@ovh-ux/manager-react-shell-client": "^0.7.0",
     "@ovh-ux/shell": "^3.7.0",
-    "@ovhcloud/manager-components": "^1.26.0",
+    "@ovhcloud/manager-react-components": "^1.26.0",
     "@ovhcloud/ods-common-core": "17.2.2",
     "@ovhcloud/ods-common-theming": "17.2.2",
     "@ovhcloud/ods-components": "17.2.2",

packages/manager-components/README.md

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { AxiosError } from 'axios';
-import { ErrorBanner, ErrorMessage } from '@ovhcloud/manager-components';
+import { ErrorBanner, ErrorMessage } from '@ovhcloud/manager-react-components';
 import { useSendErrorTracking } from '@/utils/trackingError';
 
 export interface ErrorObject {

packages/manager-components/package.json

@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useSearchParams } from 'react-router-dom';
 
-import { Card } from '@ovhcloud/manager-components';
+import { Card } from '@ovhcloud/manager-react-components';
 import { OsdsText, OsdsDivider } from '@ovhcloud/ods-components/react';
 import {
   ODS_THEME_COLOR_INTENT,

packages/manager/apps/catalog/package.json

@@ -1,7 +1,10 @@
 import React from 'react';
 import { ShellContext } from '@ovh-ux/manager-react-shell-client';
 import { useLocation } from 'react-router-dom';
-import { ErrorMessage, TRACKING_LABELS } from '@ovhcloud/manager-components';
+import {
+  ErrorMessage,
+  TRACKING_LABELS,
+} from '@ovhcloud/manager-react-components';
 import { ErrorObject } from '@/components/Error/Errors';
 
 export function getTypology(error: ErrorMessage) {

packages/manager/apps/catalog/src/components/Error/Errors.tsx

@@ -5,7 +5,7 @@ module.exports = {
   content: [
     './src/**/*.{js,jsx,ts,tsx}',
     path.join(
-      path.dirname(require.resolve('@ovhcloud/manager-components')),
+      path.dirname(require.resolve('@ovhcloud/manager-react-components')),
       '**/*.{js,jsx,ts,tsx}',
     ),
   ],

packages/manager/apps/catalog/src/pages/index.tsx

@@ -36,7 +36,7 @@
     "@ovh-ux/request-tagger": "^0.3.0",
     "@ovh-ux/shell": "^3.7.0",
     "@ovh-ux/ui-kit": "^6.10.0",
-    "@ovhcloud/manager-components": "^1.26.0",
+    "@ovhcloud/manager-react-components": "^1.26.0",
     "@ovhcloud/ods-common-core": "17.2.2",
     "@ovhcloud/ods-common-theming": "17.2.2",
     "@ovhcloud/ods-components": "17.2.2",
@@ -93,4 +93,4 @@
     "EU",
     "US"
   ]
-}
+}

packages/manager/apps/catalog/src/utils/trackingError.ts

@@ -9,7 +9,7 @@ import dedicatedShopConfig from '../order/shop-config/dedicated';
 import OrderTrigger from '../order/OrderTrigger';
 import { ShopItem } from '../order/OrderPopupContent';
 import { features } from './DedicatedSidebar';
-import { useFeatureAvailability } from '@ovhcloud/manager-components';
+import { useFeatureAvailability } from '@ovhcloud/manager-react-components';
 import constants from '../../account-sidebar/UsefulLinks/constants';
 
 const kycIndiaFeature = 'identity-documents';

packages/manager/apps/catalog/tailwind.config.js

@@ -11,7 +11,7 @@ import getIcon from './GetIcon';
 import { OsdsIcon } from '@ovhcloud/ods-components/react';
 import { ODS_ICON_NAME, ODS_ICON_SIZE } from '@ovhcloud/ods-components';
 import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming';
-import { useFeatureAvailability } from '@ovhcloud/manager-components';
+import { useFeatureAvailability } from '@ovhcloud/manager-react-components';
 
 export const features = [
   'dedicated-server',

packages/manager/apps/container/package.json

@@ -11,7 +11,7 @@ import  getIcon  from './GetIcon';
 import { OsdsIcon } from '@ovhcloud/ods-components/react';
 import { ODS_ICON_NAME, ODS_ICON_SIZE } from '@ovhcloud/ods-components';
 import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming';
-import { useFeatureAvailability } from '@ovhcloud/manager-components';
+import { useFeatureAvailability } from '@ovhcloud/manager-react-components';
 
 const features = [
   'dedicated-cloud',

packages/manager/apps/container/src/container/legacy/server-sidebar/universe/AccountSidebar.tsx

@@ -12,7 +12,7 @@ import telecomShopConfig from '../order/shop-config/telecom';
 import OrderTrigger from '../order/OrderTrigger';
 import { ShopItem } from '../order/OrderPopupContent';
 import  getIcon  from './GetIcon';
-import { useFeatureAvailability } from '@ovhcloud/manager-components';
+import { useFeatureAvailability } from '@ovhcloud/manager-react-components';
 
 
 

packages/manager/apps/container/src/container/legacy/server-sidebar/universe/DedicatedSidebar.tsx

@@ -8,7 +8,7 @@ import OrderTrigger from '../order/OrderTrigger';
 import webShopConfig from '../order/shop-config/web';
 import { ShopItem } from '../order/OrderPopupContent';
 import getIcon  from './GetIcon';
-import { useFeatureAvailability } from '@ovhcloud/manager-components';
+import { useFeatureAvailability } from '@ovhcloud/manager-react-components';
 
 export const webFeatures = [
   'web:domains',

packages/manager/apps/container/src/container/legacy/server-sidebar/universe/HostedPrivateCloudSidebar.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useLocation } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import { useFeatureAvailability } from '@ovhcloud/manager-components';
+import { useFeatureAvailability } from '@ovhcloud/manager-react-components';
 import { useLegacyContainer } from '@/container/legacy/context';
 import { useShell } from '@/context';
 import useProjects from './useProjects';

packages/manager/apps/container/src/container/legacy/server-sidebar/universe/TelecomSidebar.tsx

@@ -17,7 +17,7 @@ import {
   ODS_ICON_SIZE,
 } from '@ovhcloud/ods-components';
 import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming';
-import { Subtitle } from '@ovhcloud/manager-components';
+import { Subtitle } from '@ovhcloud/manager-react-components';
 
 type MfaEnrollmentProps = {
   forced?: boolean;

packages/manager/apps/container/src/container/legacy/server-sidebar/universe/WebSidebar.tsx

@@ -9,7 +9,7 @@ import { useShell } from '@/context';
 import useProductNavReshuffle from '@/core/product-nav-reshuffle';
 import { OsdsChip } from '@ovhcloud/ods-components/react';
 import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming';
-import { fetchFeatureAvailabilityData } from '@ovhcloud/manager-components';
+import { fetchFeatureAvailabilityData } from '@ovhcloud/manager-react-components';
 
 import { useReket } from '@ovh-ux/ovh-reket';
 import { UserLink } from './UserLink';

packages/manager/apps/container/src/container/legacy/server-sidebar/universe/public-cloud/PublicCloudSidebar.tsx

@@ -12,7 +12,7 @@ import {
   ODS_ICON_SIZE,
 } from '@ovhcloud/ods-components';
 import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming';
-import { fetchFeatureAvailabilityData } from '@ovhcloud/manager-components';
+import { fetchFeatureAvailabilityData } from '@ovhcloud/manager-react-components';
 
 const AssistanceSidebar: React.FC = (): JSX.Element => {
   const { t } = useTranslation('sidebar');

packages/manager/apps/container/src/container/mfa-enrollment/MfaEnrollment.tsx

@@ -24,7 +24,7 @@ import {
 } from './utils';
 import { Node } from './navigation-tree/node';
 import useProductNavReshuffle from '@/core/product-nav-reshuffle';
-import { fetchFeatureAvailabilityData } from '@ovhcloud/manager-components';
+import { fetchFeatureAvailabilityData } from '@ovhcloud/manager-react-components';
 
 interface ServicesCountError {
   url: string;

packages/manager/apps/container/src/container/nav-reshuffle/header/user-account-menu/Content.tsx

@@ -6,7 +6,7 @@ import { User } from '@ovh-ux/manager-config';
 import ovhCloudLogo from './assets/logo-ovhcloud.png';
 import links from './links';
 import { useApplication } from '@/context';
-import { Subtitle, Links, LinksProps } from '@ovhcloud/manager-components';
+import { Subtitle, Links, LinksProps } from '@ovhcloud/manager-react-components';
 import {
   OsdsButton,
   OsdsModal,

packages/manager/apps/container/src/container/nav-reshuffle/sidebar/Assistance.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { useReket } from '@ovh-ux/ovh-reket';
 import { Application } from '@ovh-ux/manager-config';
-import {fetchFeatureAvailabilityData} from '@ovhcloud/manager-components'
+import {fetchFeatureAvailabilityData} from '@ovhcloud/manager-react-components'
 import {
   getBetaAvailabilityFromLocalStorage,
   setBetaAvailabilityToLocalStorage,

packages/manager/apps/container/src/container/nav-reshuffle/sidebar/index.tsx

@@ -24,7 +24,7 @@ import {
   ODS_CHIP_SIZE,
 } from '@ovhcloud/ods-components';
 import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming';
-import { Subtitle } from '@ovhcloud/manager-components';
+import { Subtitle } from '@ovhcloud/manager-react-components';
 import {
   connectedToDisconnected,
   connectedToOther,

packages/manager/apps/container/src/cookie-policy/CookiePolicy.tsx

@@ -28,7 +28,7 @@
     "@ovh-ux/manager-react-core-application": "^0.10.0",
     "@ovh-ux/manager-react-shell-client": "^0.7.0",
     "@ovh-ux/manager-tailwind-config": "*",
-    "@ovhcloud/manager-components": "^1.26.0",
+    "@ovhcloud/manager-react-components": "^1.26.0",
     "@ovhcloud/ods-common-core": "17.2.2",
     "@ovhcloud/ods-common-theming": "17.2.2",
     "@ovhcloud/ods-components": "17.2.2",

packages/manager/apps/container/src/core/container/ContainerProvider.tsx

@@ -4,8 +4,8 @@ import { useShell } from '@ovh-ux/manager-react-shell-client';
 import {
   ErrorMessage,
   TRACKING_LABELS,
-} from '@ovhcloud/manager-components/src/components/';
-import { ErrorBanner } from '@ovhcloud/manager-components';
+} from '@ovhcloud/manager-react-components/src/components/';
+import { ErrorBanner } from '@ovhcloud/manager-react-components';
 
 interface ErrorObject {
   [key: string]: any;

packages/manager/apps/container/src/sso-auth-modal/SSOAuthModal.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { OdsHTMLAnchorElementTarget } from '@ovhcloud/ods-common-core';
-import { GuideButton } from '@ovhcloud/manager-components';
+import { GuideButton } from '@ovhcloud/manager-react-components';
 import useGuideUtils from '@/hooks/guide/useGuideUtils';
 
 export default function KmsGuidesHeader() {

packages/manager/apps/key-management-service/package.json

@@ -3,7 +3,7 @@ import {
   DataGridClipboardCell,
   DataGridTextCell,
   useNotifications,
-} from '@ovhcloud/manager-components';
+} from '@ovhcloud/manager-react-components';
 import { OsdsLink } from '@ovhcloud/ods-components/react';
 import { ODS_TEXT_COLOR_INTENT } from '@ovhcloud/ods-components';
 import { useNavigate } from 'react-router-dom';

packages/manager/apps/key-management-service/src/components/Error/Error.tsx

@@ -25,7 +25,7 @@ import {
 } from '@ovhcloud/ods-common-theming';
 import { ShellContext } from '@ovh-ux/manager-react-shell-client';
 import { useNavigate } from 'react-router-dom';
-import { ErrorBanner } from '@ovhcloud/manager-components';
+import { ErrorBanner } from '@ovhcloud/manager-react-components';
 import { useOrderCatalogOKMS } from '@/data/hooks/useOrderCatalogOKMS';
 import { ROUTES_URLS } from '@/routes/routes.constants';
 

packages/manager/apps/key-management-service/src/components/Guide/KmsGuidesHeader.tsx

@@ -1,5 +1,5 @@
 import { ShellContext } from '@ovh-ux/manager-react-shell-client';
-import { ActionMenu, ActionMenuItem } from '@ovhcloud/manager-components';
+import { ActionMenu, ActionMenuItem } from '@ovhcloud/manager-react-components';
 import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming';
 import {
   ODS_ICON_NAME,

packages/manager/apps/key-management-service/src/components/Listing/ListingCells.tsx

@@ -10,7 +10,7 @@ import {
   flexRender,
 } from '@tanstack/react-table';
 import { useNavigate } from 'react-router-dom';
-import { Table } from '@ovhcloud/manager-components';
+import { Table } from '@ovhcloud/manager-react-components';
 import { OsdsText, OsdsLink } from '@ovhcloud/ods-components/react';
 import { ODS_TEXT_SIZE } from '@ovhcloud/ods-components/';
 import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming';

packages/manager/apps/key-management-service/src/components/layout-helpers/Create/RegionSelector.tsx

@@ -1,4 +1,4 @@
-import { ActionMenu, ActionMenuItem } from '@ovhcloud/manager-components';
+import { ActionMenu, ActionMenuItem } from '@ovhcloud/manager-react-components';
 import { ODS_THEME_COLOR_INTENT } from '@ovhcloud/ods-common-theming';
 import React from 'react';
 import { ODS_ICON_NAME } from '@ovhcloud/ods-components';

packages/manager/apps/key-management-service/src/components/layout-helpers/Dashboard/GeneralInformationsTiles/BillingInformationsTile.tsx

@@ -1,4 +1,4 @@
-import { ColumnSort } from '@ovhcloud/manager-components';
+import { ColumnSort } from '@ovhcloud/manager-react-components';
 import {
   fetchIcebergV2,
   fetchIcebergV6,

packages/manager/apps/key-management-service/src/components/layout-helpers/Listing/TableContainer.tsx

@@ -1,5 +1,5 @@
 import { ApiError, ApiResponse } from '@ovh-ux/manager-core-api';
-import { useNotifications } from '@ovhcloud/manager-components';
+import { useNotifications } from '@ovhcloud/manager-react-components';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { useTranslation } from 'react-i18next';
 import { getOkmsServicesResourceListQueryKey } from '../api/okms';

packages/manager/apps/key-management-service/src/components/menu/KmsActionMenu.component.tsx

@@ -5,7 +5,7 @@ import {
   OsdsBreadcrumb,
 } from '@ovhcloud/ods-components/react';
 
-import { Notifications } from '@ovhcloud/manager-components';
+import { Notifications } from '@ovhcloud/manager-react-components';
 import {
   ODS_THEME_COLOR_INTENT,
   ODS_THEME_TYPOGRAPHY_SIZE,

packages/manager/apps/key-management-service/src/data/api/okms.ts

@@ -6,7 +6,10 @@ import {
   OsdsDivider,
   OsdsText,
 } from '@ovhcloud/ods-components/react';
-import { Notifications, useNotifications } from '@ovhcloud/manager-components';
+import {
+  Notifications,
+  useNotifications,
+} from '@ovhcloud/manager-react-components';
 import {
   ODS_THEME_COLOR_INTENT,
   ODS_THEME_TYPOGRAPHY_LEVEL,

packages/manager/apps/key-management-service/src/data/hooks/useTerminateOKms.ts

@@ -25,7 +25,7 @@ import {
   Notifications,
   useDatagridSearchParams,
   useNotifications,
-} from '@ovhcloud/manager-components';
+} from '@ovhcloud/manager-react-components';
 import { useOKMS } from '@/data/hooks/useOKMS';
 import { ROUTES_URLS } from '@/routes/routes.constants';
 import {

packages/manager/apps/key-management-service/src/pages/create/index.tsx

@@ -1,4 +1,4 @@
-import { OnboardingLayout } from '@ovhcloud/manager-components';
+import { OnboardingLayout } from '@ovhcloud/manager-react-components';
 import React from 'react';
 import {
   ODS_TEXT_LEVEL,

packages/manager/apps/key-management-service/src/pages/dashboard/index.tsx

@@ -1,4 +1,4 @@
-import { ColumnSort } from '@ovhcloud/manager-components';
+import { ColumnSort } from '@ovhcloud/manager-react-components';
 
 export type OKMS = {
   id: string;

packages/manager/apps/key-management-service/src/pages/listing/index.tsx

@@ -7,7 +7,7 @@ module.exports = {
   content: [
     './src/**/*.{js,jsx,ts,tsx}',
     path.join(
-      path.dirname(require.resolve('@ovhcloud/manager-components')),
+      path.dirname(require.resolve('@ovhcloud/manager-react-components')),
       '**/*.{js,jsx,ts,tsx}',
     ),
   ],

packages/manager/apps/key-management-service/src/pages/onboarding/index.tsx

@@ -20,7 +20,7 @@
     "@ovh-ux/manager-react-shell-client": "^0.7.0",
     "@ovh-ux/manager-tailwind-config": "^0.2.0",
     "@ovh-ux/shell": "^3.7.0",
-    "@ovhcloud/manager-components": "^1.26.0",
+    "@ovhcloud/manager-react-components": "^1.26.0",
     "@ovhcloud/ods-common-core": "^17.2.2",
     "@ovhcloud/ods-common-stencil": "^17.2.2",
     "@ovhcloud/ods-common-theming": "^17.2.2",

packages/manager/apps/key-management-service/src/types/okms.type.ts

@@ -1,5 +1,8 @@
 import { v6 } from '@ovh-ux/manager-core-api';
-import { ColumnSort, PaginationState } from '@ovhcloud/manager-components';
+import {
+  ColumnSort,
+  PaginationState,
+} from '@ovhcloud/manager-react-components';
 import { Instance } from '@/api/data/instance';
 
 export type TVolume = {

packages/manager/apps/key-management-service/tailwind.config.js

@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query';
-import { useMe } from '@ovhcloud/manager-components';
+import { useMe } from '@ovhcloud/manager-react-components';
 import { getCatalog } from '@/api/data/catalog';
 
 export const getCatalogQuery = (ovhSubsidiary: string) => ({

packages/manager/apps/pci-block-storage/package.json

@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query';
-import { useMe } from '@ovhcloud/manager-components';
+import { useMe } from '@ovhcloud/manager-react-components';
 import { getProjectsAvailableVolumes } from '@/api/data/availableVolumes';
 
 export const getProjectsAvailableVolumesQuery = (

packages/manager/apps/pci-block-storage/src/api/data/volume.ts

@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next';
 import {
   getMacroRegion,
   useTranslatedMicroRegions,
-} from '@ovhcloud/manager-components';
+} from '@ovhcloud/manager-react-components';
 import { TRegion, getProjectRegions } from '@/api/data/regions';
 
 export const useProjectRegions = (projectId: string) =>