feat(muk): manager ui kit v1

.eslintignore

@@ -17,7 +17,6 @@ vue/src
 packages/components/ovh-at-internet/src/ovh-at-internet.ts
 packages/manager/apps/pci-databases-analytics/src/components/ui
 packages/manager/apps/container
-
 packages/manager/core/api
 packages/manager/core/application
 packages/manager/core/ovh-product-icons
@@ -41,9 +40,18 @@ packages/manager-tools/manager-static-analysis-kit
 packages/manager-tools/manager-tailwind-config
 packages/manager-tools/manager-tests-setup
 packages/manager-tools/manager-vite-config
+packages/manager-tools/manager-muk-cli
 packages/manager/apps/pci-instances
 packages/manager/apps/pci-workflow
 packages/manager/apps/web-domains
 packages/manager/apps/web-hosting
 packages/manager/apps/web-office
 packages/manager/apps/zimbra
+!.storybook
+manager-static-analysis-kit
+manager-generator
+lint-runner.js
+lint-cli.js
+packages/manager-tools/manager-generator/bin/manager-generator.js
+packages/manager-tools/manager-legacy-tools/test-utils/src/utils/ui-test-helpers-ods18.ts
+packages/manager-ui-kit/src/vite-env.d.ts

.github/workflows/gh-pages.yaml

@@ -24,7 +24,7 @@ jobs:
           yarn exec turbo -- run build --filter="./packages/components/ovh-at-internet"
           yarn exec turbo -- run build --filter="./packages/manager/modules/config"
           yarn exec turbo -- run build --filter="./packages/manager/modules/common-translations"
-          yarn exec turbo -- run build --filter="./packages/manager-react-components"
+          yarn exec turbo -- run build --filter="./packages/manager-ui-kit"
           yarn workspace @ovh-ux/manager-documentation run docs:build
       - name: Deploy
         uses: peaceiris/actions-gh-pages@v3

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

@@ -23,7 +23,7 @@ jobs:
       - name: Build covered packages and dependencies
         run: |
           yarn exec turbo -- run build --filter="./packages/manager/core/*" --concurrency=5
-          yarn exec turbo -- run build --filter="./packages/manager-react-components"
+          yarn exec turbo -- run build --filter="./packages/manager-ui-kit"
           yarn exec turbo -- run build --filter="./packages/manager/modules/order"
           yarn exec turbo -- run build --filter="./packages/manager/modules/common-api"
           yarn exec turbo -- run build --filter="./packages/manager/modules/common-translations"

.gitignore

@@ -27,3 +27,4 @@ code-duplication-reports/**
 tests-coverage-reports/**
 static-dynamic-quality-reports/**/**
 **/.type-coverage/result.json
+packages/manager-tools/manager-muk-cli/target/**/**/**

docs/docs/guide/manager-ui-kit.md

@@ -0,0 +1,29 @@
+# Manager UI Kit
+
+We use a library of super components in our react applications.
+
+## The package is accessible on the monorepo
+
+- [@ovh-ux/muk](https://github.com/ovh/manager/blob/develop/packages/manager-ui-kit/README.md)
+
+## The storybook :
+
+The storybook is accessible on
+<a target="_blank" href="/manager/storybook-static/index.html">here.</a>
+
+## How to start the application?
+
+```sh
+$ yarn workspace @ovh-ux/muk run start
+```
+
+Go to `<http://localhost:6006>`
+
+## Example for Header on the storybook :
+
+![Screenshot of the manager-ui-kit 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 '@ovh-ux/muk'`

lerna.json

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

package.json

@@ -8,9 +8,9 @@
     "packages": [
       "docs",
       "packages/components/*",
-      "packages/manager-react-components",
       "packages/manager-tools/*",
       "packages/manager-tools/manager-legacy-tools/*",
+      "packages/manager-ui-kit",
       "packages/manager-wiki",
       "packages/manager/apps/*",
       "packages/manager/core/api",
@@ -35,7 +35,7 @@
     "format:html": "yarn run lint:html && prettier --parser=html --write \"packages/**/*.html\"",
     "format:js": "yarn run lint:js --fix",
     "format:md": "yarn run lint:md --fix",
-    "format:tsx": "yarn run lint:tsx --fix && prettier --write \"packages/{manager/apps,manager-react-components}/**/*.{tsx,ts}\"",
+    "format:tsx": "yarn run lint:tsx --fix && prettier --write \"packages/{manager/apps,manager-ui-kit}/**/*.{tsx,ts}\"",
     "generate:uapp": "yarn manager-generator",
     "lint": "run-p lint:*",
     "lint:css": "stylelint \"packages/**/*.{css,less,scss}\"",