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

ref: MANAGER-14822

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

Author: aboungnaseng-ovhcloud

.github/CODEOWNERS

@@ -14,8 +14,8 @@ packages/manager/modules/ @ovh/team-manager-dev-angularjs
 *.tsx @ovh/team-manager-dev-reactjs @ovh/su-digital-tools-core-stack
 /playwright-helpers/ @ovh/team-manager-dev-reactjs
 
-# Manager-components
-/packages/manager-components @ovh/team-manager-control-tower
+# Manager-React-Components
+/packages/manager-react-components @ovh/team-manager-control-tower
 
 # Continuous Integration and scripts
 .github/workflows @ovh/su-digital-tools-core-service-delivery

.github/ISSUE_TEMPLATE/manager_components_bug_report.yml

@@ -1,8 +1,8 @@
 name: Bug Report on  Manager Components (Internal)
 description: File a bug report on Manager components
-title: '[manager-components]: <TITLE>'
-labels: ['manager-components', 'bug']
-projects: ["ovh/22"]
+title: '[manager-react-components]: <TITLE>'
+labels: ['manager-react-components', 'bug']
+projects: ['ovh/22']
 body:
   - type: markdown
     attributes:
@@ -32,19 +32,19 @@ body:
       description: The browser(s) this issue occurred with.
     validations:
       required: false
-  - type: "checkboxes"
-    id: "operating-system"
+  - type: 'checkboxes'
+    id: 'operating-system'
     attributes:
-      label: "Operating System"
-      description: "The operating system(s) this issue occurred with."
+      label: 'Operating System'
+      description: 'The operating system(s) this issue occurred with.'
       options:
-        - label: "macOS"
-        - label: "Windows"
-        - label: "Linux"
-  - type: "textarea"
-    id: "additional-information"
+        - label: 'macOS'
+        - label: 'Windows'
+        - label: 'Linux'
+  - type: 'textarea'
+    id: 'additional-information'
     attributes:
-      label: "Additional Information"
+      label: 'Additional Information'
       description: |
         Use this section to provide any additional information you might have
         like screenshots, notes, or links to ideas.

.github/ISSUE_TEMPLATE/manager_components_feature_request.yml

@@ -1,8 +1,8 @@
 name: New Feature Request for Manager Components (Internal)
 description: Request for new component/hook/util
-title: '[manager-components]: <TITLE>'
-labels: ['manager-components', 'feature']
-projects: ["ovh/22"]
+title: '[manager-react-components]: <TITLE>'
+labels: ['manager-react-components', 'feature']
+projects: ['ovh/22']
 body:
   - type: markdown
     attributes:
@@ -12,8 +12,8 @@ body:
       value: Please make sure to check if similar component already exists.
   - type: checkboxes
     attributes:
-      label: Have you already checked if a similar item is present on manager-components?
-      description: Before to open a request on our GitHub repository, did you already check if the similar item is present on the manager-components storybook?
+      label: Have you already checked if a similar item is present on manager-react-components?
+      description: Before to open a request on our GitHub repository, did you already check if the similar item is present on the manager-react-components storybook?
       options:
         - label: Yes, I have already checked the existing components/hooks/utils.
           required: false

.github/labeler.yml

@@ -70,8 +70,8 @@ enabler:
   - packages/manager/apps/carbon-calculator/**
   - packages/manager/apps/iam/**
   - packages/manager/apps/key-management-service/**
-manager-components:
-  - packages/manager-components/src/**
+manager-react-components:
+  - packages/manager-react-components/src/**
 common:
   - packages/components/**
   - packages/manager/core/**
@@ -104,6 +104,6 @@ common:
   - packages/manager/modules/trusted-nic/**
   - packages/manager/modules/web-universe-components/**
   - packages/manager/tools/**
-  - packages/manager-components/**
+  - packages/manager-react-components/**
   - playwright-helpers/**
   - scripts/**

.github/workflows/run-bdd-tests.yml

@@ -21,7 +21,7 @@ jobs:
       - name: Build BDD covered packages and dependencies
         run: |
           yarn exec turbo -- run build --filter="./packages/manager/core/*" --concurrency=5
-          yarn exec turbo -- run build --filter="./packages/manager/manager-components/*" --concurrency=5
+          yarn exec turbo -- run build --filter="./packages/manager/manager-react-components/*" --concurrency=5
           yarn exec turbo -- run build --filter="./packages/manager/modules/order" --concurrency=5
       # This task is for running the jest tests outside microApps
       - name: Run tests Jest

.lintstagedrc.json

@@ -5,9 +5,9 @@
   ],
   "*.{tsx,ts}": [
     "eslint --fix \"packages/manager/apps/**/*.{tsx,ts,md}\"",
-    "eslint --fix \"packages/manager-components/**/*.{tsx,ts}\"",
+    "eslint --fix \"packages/manager-react-components/**/*.{tsx,ts}\"",
     "prettier --write \"packages/manager/apps/**/*.{tsx,ts}\"",
-    "prettier --write \"packages/manager-components/**/*.{tsx,ts}\""
+    "prettier --write \"packages/manager-react-components/**/*.{tsx,ts}\""
   ],
   "*.js": ["eslint --fix"],
   "*.{css,less,scss}": ["stylelint --fix"],

docs/.gitignore

@@ -1,5 +1,5 @@
 docs/.vuepress/.temp/
 docs/.vuepress/.cache/
 docs/.vuepress/public/super-components
-docs/guide/manager-components
+docs/guide/manager-react-components
 docs/public/storybook-static/

docs/.vitepress/config.mjs

@@ -1,4 +1,4 @@
-import { defineConfig  } from 'vitepress';
+import { defineConfig } from 'vitepress';
 
 export default defineConfig({
   title: 'Manager',
@@ -11,7 +11,6 @@ export default defineConfig({
   base: '/manager/',
   ignoreDeadLinks: true,
 
-
   themeConfig: {
     nav: [
       { text: 'Guide', link: '/guide/' },
@@ -25,8 +24,8 @@ export default defineConfig({
             items: [
               {
                 text: 'Discussions',
-                link: 'https://github.com/ovh/manager/discussions'
-              }
+                link: 'https://github.com/ovh/manager/discussions',
+              },
             ],
           },
           {
@@ -70,60 +69,57 @@ export default defineConfig({
         items: [
           {
             text: 'Getting started',
-            link: 'getting-started'
+            link: 'getting-started',
           },
           {
             text: 'Architecture',
-            link: 'architecture'
+            link: 'architecture',
           },
           {
             text: 'Applications',
-            link: 'applications'
+            link: 'applications',
           },
           {
             text: 'Modules',
-            link: 'modules'
+            link: 'modules',
           },
           {
             text: 'Components',
-            link: 'components'
+            link: 'components',
           },
           {
             text: 'Tools',
-            link: 'tools'
+            link: 'tools',
           },
           {
             text: 'Scripts',
-            link: 'scripts'
+            link: 'scripts',
           },
           {
             text: 'Releasing',
-            link: 'releasing'
+            link: 'releasing',
           },
           {
-            text: 'Testing' ,
-            link: 'testing'
+            text: 'Testing',
+            link: 'testing',
           },
           {
-            text: 'Manager Components',
-            link: 'manager-components'
-          }
-        ]
-      }
+            text: 'Manager React Components',
+            link: 'manager-react-components',
+          },
+        ],
+      },
     },
 
     search: {
       provider: 'local',
     },
 
-
     editLink: {
       pattern: 'https://github.com/ovh/manager/edit/master/docs/docs/:path',
-      text: 'Edit this page on GitHub'
+      text: 'Edit this page on GitHub',
     },
 
-    socialLinks: [
-      { icon: 'github', link: 'https://github.com/ovh/manager' },
-    ],
+    socialLinks: [{ icon: 'github', link: 'https://github.com/ovh/manager' }],
   },
 });

docs/docs/guide/manager-components.md docs/docs/guide/manager-react-components.md

@@ -1,10 +1,10 @@
-# Manager components
+# Manager React components
 
 We use a library of super components in our react applications.
 
 ## The package is accessible on the monorepo
 
-- [@ovhcloud/manager-components](https://github.com/ovh/manager/blob/develop/packages/manager-components/README.md)
+- [@ovh-ux/manager-react-components](https://github.com/ovh/manager/blob/develop/packages/manager-react-components/README.md)
 
 ## The storybook :
 
@@ -14,16 +14,16 @@ The storybook is accessible on
 ## How to start the application?
 
 ```sh
-$ yarn workspace @ovhcloud/manager-components run start
+$ yarn workspace @ovh-ux/manager-react-components run start
 ```
 
 Go to `<http://localhost:6006>`
 
 ## Example for Header on the storybook :
 
-![Screenshot of the manager-components storybook](/assets/img/storybook-manager-components.png)
+![Screenshot of the manager-react-components storybook](/assets/img/storybook-manager-components.png)
 
 ## Importation of a component on your react code application :
 
 The component is not builded so you can import directly the component named `Card` from the workspace like this :
-`import Card from '@ovhcloud/manager-components'`
+`import Card from '@ovh-ux/manager-react-components'`

docs/package.json

@@ -4,8 +4,8 @@
   "private": true,
   "description": "Manager documentation deployed with GitHub Pages",
   "scripts": {
-    "docs:build": "yarn docs:build:manager-components && node cli/prebuild.js &&  vitepress build --base /manager/",
-    "docs:build:manager-components": "cd ../packages/manager-components && yarn build:storybook && rm -rf ../../docs/docs/public/storybook-static && mkdir -p ../../docs/docs/public/storybook-static && cp -r ./storybook-static/* ../../docs/docs/public/storybook-static",
+    "docs:build": "yarn docs:build:manager-react-components && node cli/prebuild.js &&  vitepress build --base /manager/",
+    "docs:build:manager-react-components": "cd ../packages/manager-react-components && yarn build:storybook && rm -rf ../../docs/docs/public/storybook-static && mkdir -p ../../docs/docs/public/storybook-static && cp -r ./storybook-static/* ../../docs/docs/public/storybook-static",
     "docs:deploy": "yarn run docs:build && gh-pages -d .vitepress/dist -m \"docs: update documentation [skip ci]\"",
     "docs:dev": "node cli/prebuild.js && vitepress dev",
     "docs:preview": "vitepress preview"

lerna.json

@@ -7,7 +7,7 @@
     "packages/manager/core/*",
     "packages/manager/modules/*",
     "packages/manager/tools/*",
-    "packages/manager-components"
+    "packages/manager-react-components"
   ],
   "npmClient": "yarn",
   "useWorkspaces": true,

package.json

@@ -11,7 +11,7 @@
     "packages/manager/core/*",
     "packages/manager/modules/*",
     "packages/manager/tools/*",
-    "packages/manager-components"
+    "packages/manager-react-components"
   ],
   "scripts": {
     "build": "yarn run build:turbo",
@@ -23,15 +23,15 @@
     "format:css": "yarn run lint:css --fix",
     "format:html": "yarn run lint:html && prettier --parser=html --write \"packages/**/*.html\"",
     "format:js": "yarn run lint:js --fix",
-    "format:tsx": "yarn run lint:tsx --fix && prettier --write \"packages/{manager/apps,manager-components}/**/*.{tsx,ts}\"",
+    "format:tsx": "yarn run lint:tsx --fix && prettier --write \"packages/{manager/apps,manager-react-components}/**/*.{tsx,ts}\"",
     "format:md": "yarn run lint:md --fix",
     "generate:app": "sao ./packages/manager/tools/sao-ovh-manager-app",
     "generate:uapp": "yarn workspace @ovh-ux/manager-generator run start",
     "generate:module": "sao ./packages/manager/tools/sao-ovh-manager-module",
     "lint": "run-p lint:*",
     "lint:css": "stylelint \"packages/**/*.{css,less,scss}\"",
     "lint:html": "htmlhint --ignore \"**/dist/**,**/www/**,**/screenshot/**,**/docs-api/**\" \"packages/**/*.html\"",
-    "lint:tsx": "eslint --quiet \"packages/{manager/apps,manager-components}/**/*.{tsx,ts}\"",
+    "lint:tsx": "eslint --quiet \"packages/{manager/apps,manager-react-components}/**/*.{tsx,ts}\"",
     "lint:js": "eslint --cache --quiet --format=pretty \"packages\" \"scripts\"",
     "lint:md": "remark -qf . && eslint --quiet --format=pretty --ext .md \"docs\" \"packages\"",
     "list-dependents": "node scripts/list-dependents.js",

packages/manager-components/.eslintrc.json packages/manager-react-components/.eslintrc.json

@@ -1,11 +1,16 @@
 import { StorybookConfig } from '@storybook/react-vite';
 const config: StorybookConfig = {
-  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)', '../src/docs/*.mdx'],
+  stories: [
+    '../src/**/*.stories.@(js|jsx|ts|tsx|mdx)',
+    '../src/docs/*.mdx',
+    '../src/docs/whatsnew/migration-guide/*.mdx',
+  ],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
     '@storybook/addon-styling',
+    '@storybook/addon-doc',
   ],
   framework: {
     name: '@storybook/react-vite',

packages/manager-components/.gitignore packages/manager-react-components/.gitignore

@@ -29,6 +29,16 @@ const preview: Preview = {
         date: /Date$/,
       },
     },
+    options: {
+      storySort: {
+        order: [
+          'Manager React Components',
+          ['Introduction', "What's new?", ['Changelog']],
+          '*',
+        ],
+      },
+      showPanel: true,
+    },
   },
 };
 

packages/manager-components/.storybook/i18n.ts packages/manager-react-components/.storybook/i18n.ts

@@ -14,7 +14,7 @@ Keep it as simple as possible
 ## Import component to another project
 
 The component is not builded so you can import directly the component named `Card` from the workspace like this :
-`import Card from '@ovhcloud/manager-components'`
+`import Card from '@ovh-ux/manager-react-components'`
 
 ## Main Scripts
 

packages/manager-components/.storybook/main.ts packages/manager-react-components/.storybook/main.ts

@@ -1,12 +1,12 @@
 {
-  "name": "@ovhcloud/manager-components",
+  "name": "@ovh-ux/manager-react-components",
   "private": true,
   "version": "1.26.0",
   "main": "src/lib.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ovh/manager.git",
-    "directory": "packages/manager-components"
+    "directory": "packages/manager-react-components"
   },
   "files": [
     "dist"
@@ -51,8 +51,10 @@
   },
   "devDependencies": {
     "@babel/core": "7.22.10",
+    "@mdx-js/react": "^3.0.1",
     "@ovh-ux/manager-tailwind-config": "^0.2.0",
     "@ovh-ux/manager-vite-config": "^0.8.0",
+    "@storybook/addon-docs": "^7.5.3",
     "@storybook/addon-essentials": "7.5.3",
     "@storybook/addon-interactions": "7.5.3",
     "@storybook/addon-links": "7.5.3",