[REFACTOR]: Frontend: using share ui lib instead of unique components

v6y-apps/front-bo/package.json

@@ -23,12 +23,10 @@
   },
   "dependencies": {
     "@refinedev/cli": "=2.16.42",
-    "@refinedev/core": "=4.57.5",
     "@urql/core": "=5.1.0",
     "@v6y/core-logic": "workspace:^",
     "@v6y/shared-ui": "workspace:^",
     "cross-env": "=7.0.3",
-    "@refinedev/graphql": "=7.1.1",
     "graphql": "=16.10.0",
     "graphql-request": "=7.1.2",
     "graphql-ws": "=6.0.4",

v6y-apps/front-bo/src/commons/components/layout/VitalityPageFooter.tsx

@@ -1,13 +1,13 @@
-import { useTheme } from '@v6y/shared-ui';
+import { useThemeConfigProvider } from '@v6y/shared-ui';
 import * as React from 'react';
 
 const VitalityPageFooter = () => {
-    const { themeToken } = useTheme();
+    const { currentConfig } = useThemeConfigProvider();
 
     return (
         <div
             style={{
-                backgroundColor: themeToken.colorBgElevated,
+                backgroundColor: currentConfig?.token?.colorBgElevated,
                 display: 'flex',
                 justifyContent: 'flex-end',
                 alignItems: 'center',

v6y-apps/front-bo/src/commons/components/layout/VitalityPageHeader.tsx

@@ -7,7 +7,7 @@ import {
     VitalityLanguageSettings,
     VitalityText,
     useAdminGetIdentity,
-    useTheme,
+    useThemeConfigProvider,
 } from '@v6y/shared-ui';
 import * as React from 'react';
 
@@ -19,13 +19,13 @@ interface UserType {
 }
 
 export const VitalityPageHeader = () => {
-    const { themeToken } = useTheme();
+    const { currentConfig } = useThemeConfigProvider();
     const { data: user } = useAdminGetIdentity() as UserType;
 
     return (
         <Layout.Header
             style={{
-                backgroundColor: themeToken.colorBgElevated,
+                backgroundColor: currentConfig?.token?.colorBgElevated,
                 display: 'flex',
                 justifyContent: 'flex-end',
                 alignItems: 'center',

v6y-apps/front-bo/src/features/v6y-accounts/components/VitalityAccountDetailsView.tsx

@@ -1,5 +1,5 @@
 import { AccountType } from '@v6y/core-logic';
-import Matcher from '@v6y/core-logic/src/core/Matcher';
+import Matcher from '@v6y/core-logic/src/utils/Matcher';
 import {
     AdminHttpError,
     AdminShowWrapper,

v6y-apps/front-bo/src/features/v6y-applications/components/VitalityApplicationDetailsView.tsx

@@ -1,5 +1,5 @@
 import { ApplicationType } from '@v6y/core-logic';
-import Matcher from '@v6y/core-logic/src/core/Matcher';
+import Matcher from '@v6y/core-logic/src/utils/Matcher';
 import {
     AdminHttpError,
     AdminShowWrapper,

v6y-apps/front-bo/src/infrastructure/providers/GraphQLProvider.ts

@@ -1,8 +1,6 @@
 import { Client, fetchExchange } from '@urql/core';
 import { AdminAuthProviderType, createDataProvider, createLiveProvider } from '@v6y/shared-ui';
 import { createClient } from 'graphql-ws';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-expect-error
 import Cookie from 'js-cookie';
 
 const wsClient = createClient({

v6y-apps/front/package.json

@@ -30,8 +30,6 @@
     "@tanstack/react-query-next-experimental": "=5.66.9",
     "@v6y/core-logic": "workspace:^",
     "@v6y/shared-ui": "workspace:^",
-    "ag-charts-react": "=11.0.3",
-    "antd": "=5.23.1",
     "crypto-hash": "=3.1.0",
     "graphql": "=16.10.0",
     "graphql-request": "=7.1.2",
@@ -40,7 +38,6 @@
     "react": "=19.0.0",
     "react-chatbotify": "2.0.0-beta.26",
     "react-dom": "=19.0.0",
-    "react-hook-form": "=7.54.2",
     "react-virtualized-auto-sizer": "=1.0.25",
     "react-window": "=1.8.11",
     "vite": "=6.1.0",

v6y-apps/front/src/commons/components/VitalityLoadMoreList.tsx

@@ -1,5 +1,4 @@
-import { SyncOutlined } from '@v6y/shared-ui';
-import { Button, Flex, List } from 'antd';
+import { Button, Flex, List, SyncOutlined } from '@v6y/shared-ui';
 
 import VitalityTerms from '../config/VitalityTerms';
 import { VitalityListProps } from '../types/VitalityListProps';

v6y-apps/front/src/commons/components/VitalityPaginatedList.tsx

@@ -1,5 +1,4 @@
-import { VitalityText } from '@v6y/shared-ui';
-import { List } from 'antd';
+import { List, VitalityText } from '@v6y/shared-ui';
 import * as React from 'react';
 
 import { VitalityListProps } from '../types/VitalityListProps';

v6y-apps/front/src/commons/components/VitalitySearchBar.tsx

@@ -1,7 +1,6 @@
 'use client';
 
-import { VitalityText, useNavigationAdapter } from '@v6y/shared-ui';
-import { Col, Form, Input, Row } from 'antd';
+import { Col, Form, Input, Row, VitalityText, useNavigationAdapter } from '@v6y/shared-ui';
 import * as React from 'react';
 
 import VitalityNavigationPaths from '../config/VitalityNavigationPaths';

v6y-apps/front/src/commons/components/VitalitySectionView.tsx

@@ -1,5 +1,16 @@
-import { ExportOutlined, VitalityEmptyView, VitalityLoader, VitalityTitle } from '@v6y/shared-ui';
-import { Avatar, Button, Card, Col, Row, Space, Typography } from 'antd';
+import {
+    Avatar,
+    Button,
+    Card,
+    Col,
+    ExportOutlined,
+    Paragraph,
+    Row,
+    Space,
+    VitalityEmptyView,
+    VitalityLoader,
+    VitalityTitle,
+} from '@v6y/shared-ui';
 import * as React from 'react';
 
 import { VitalitySectionViewProps } from '../types/VitalitySectionViewProps';
@@ -49,9 +60,9 @@ const VitalitySectionView = ({
                 {(description?.length || 0) > 0 && (
                     <Card.Meta
                         description={
-                            <Typography.Paragraph>
+                            <Paragraph>
                                 <p>{description || ''}</p>
-                            </Typography.Paragraph>
+                            </Paragraph>
                         }
                     />
                 )}

v6y-apps/front/src/commons/components/VitalitySelectGrouperView.tsx

@@ -1,5 +1,4 @@
-import { VitalityEmptyView, VitalityText } from '@v6y/shared-ui';
-import { Col, Form, Row, Select } from 'antd';
+import { Col, Form, Row, Select, VitalityEmptyView, VitalityText } from '@v6y/shared-ui';
 import * as React from 'react';
 import { useEffect } from 'react';
 

v6y-apps/front/src/commons/components/VitalityTabGrouperView.tsx

@@ -1,5 +1,4 @@
-import { VitalityEmptyView } from '@v6y/shared-ui';
-import { Col, Row, Tabs } from 'antd';
+import { Col, Row, Tabs, VitalityEmptyView } from '@v6y/shared-ui';
 import * as React from 'react';
 
 import useDataGrouper from '../hooks/useDataGrouper';

v6y-apps/front/src/commons/components/__tests__/VitalityAppInfos-test.tsx

@@ -1,17 +1,18 @@
 import '@testing-library/jest-dom/vitest';
 import { render, screen } from '@testing-library/react';
-import { useNavigationAdapter } from '@v6y/shared-ui';
+import { useNavigationAdapter } from '@v6y/shared-ui/src/hooks';
+import { useThemeConfigProvider } from '@v6y/shared-ui/src/hooks';
 import * as React from 'react';
 import { Mock, beforeEach, describe, expect, it, vi } from 'vitest';
 
 import VitalityAppInfos from '../application-info/VitalityAppInfos';
 
-// Mock useNavigationAdapter
-vi.mock(import('@v6y/shared-ui'), async (importOriginal) => {
+vi.mock(import('@v6y/shared-ui/src/hooks'), async (importOriginal) => {
     const actual = await importOriginal();
     return {
         ...actual,
         useNavigationAdapter: vi.fn(),
+        useThemeConfigProvider: vi.fn(),
     };
 });
 
@@ -38,6 +39,9 @@ describe('VitalityAppInfos', () => {
         (useNavigationAdapter as Mock).mockReturnValue({
             createUrlQueryParam: vi.fn((key, value) => `${key}=${value}`),
         });
+        (useThemeConfigProvider as Mock).mockReturnValue({
+            currentConfig: {},
+        });
     });
 
     it('should render the component with app details', () => {

v6y-apps/front/src/commons/components/application-info/VitalityAppInfos.tsx

@@ -1,14 +1,23 @@
-import { VitalityLinks, VitalityText, useNavigationAdapter } from '@v6y/shared-ui';
-import { Col, Divider, List, Row, Tag } from 'antd';
+import {
+    Col,
+    Divider,
+    List,
+    Row,
+    Tag,
+    VitalityLinks,
+    VitalityText,
+    useNavigationAdapter,
+    useThemeConfigProvider,
+} from '@v6y/shared-ui';
 import Link from 'next/link';
 import * as React from 'react';
 
-import { QUALITY_METRIC_STATUS } from '../../config/VitalityCommonConfig';
 import VitalityNavigationPaths from '../../config/VitalityNavigationPaths';
 import VitalityTerms from '../../config/VitalityTerms';
 import { VitalityAppInfosProps } from '../../types/VitalityAppInfosProps';
 
 const VitalityAppInfos = ({ app, source, canOpenDetails = true, style }: VitalityAppInfosProps) => {
+    const { currentConfig } = useThemeConfigProvider();
     const { createUrlQueryParam } = useNavigationAdapter();
     const queryParams = createUrlQueryParam('_id', `${app._id}`);
     const appDetailsLink = source
@@ -19,6 +28,8 @@ const VitalityAppInfos = ({ app, source, canOpenDetails = true, style }: Vitalit
     const appRepository = app.repo;
     const appOpenedBranches = app.repo?.allBranches?.length || 0;
 
+    const qualityMetricStatus = currentConfig?.status || {};
+
     return (
         <List.Item style={{ marginTop: '1rem', ...(style || {}) }}>
             <List.Item.Meta
@@ -32,8 +43,8 @@ const VitalityAppInfos = ({ app, source, canOpenDetails = true, style }: Vitalit
                             <Tag
                                 color={
                                     appOpenedBranches >= 4
-                                        ? QUALITY_METRIC_STATUS['error']
-                                        : QUALITY_METRIC_STATUS['success']
+                                        ? qualityMetricStatus['error']
+                                        : qualityMetricStatus['success']
                                 }
                             >
                                 {`${VitalityTerms.VITALITY_APP_LIST_NB_BRANCHES}${appOpenedBranches}`}

v6y-apps/front/src/commons/components/chatbot/VitalityBot.tsx

@@ -3,7 +3,7 @@
 import { VitalityLoader } from '@v6y/shared-ui';
 import { Suspense, lazy, useEffect, useState } from 'react';
 import * as React from 'react';
-import { Settings } from 'react-chatbotify';
+import { Flow, Settings } from 'react-chatbotify';
 
 import { VitalityBotFlow } from './VitalityBotFlow';
 import VitalityBotSettings from './VitalityBotSettings';
@@ -21,7 +21,7 @@ export default function VitalityBot() {
             {isLoaded && (
                 <Suspense fallback={<VitalityLoader />}>
                     <ChatBot
-                        flow={VitalityBotFlow}
+                        flow={VitalityBotFlow as unknown as Flow}
                         themes={VitalityBotSettings.themes}
                         styles={VitalityBotSettings.styles}
                         settings={VitalityBotSettings.settings as unknown as Settings}

v6y-apps/front/src/commons/components/help/VitalityHelpView.tsx

@@ -1,4 +1,4 @@
-import { Descriptions } from 'antd';
+import { Descriptions } from '@v6y/shared-ui';
 import * as React from 'react';
 
 import VitalityTerms from '../../config/VitalityTerms';

v6y-apps/front/src/commons/components/indicators/VitalitySelectableIndicators.tsx

@@ -1,7 +1,12 @@
-import { KeywordType } from '@v6y/core-logic';
-import { VitalityEmptyView, VitalityLoader, useNavigationAdapter } from '@v6y/shared-ui';
-import { Card, Checkbox } from 'antd';
-import { CheckboxOptionType } from 'antd/es/checkbox/Group';
+import { KeywordType } from '@v6y/core-logic/src/types';
+import {
+    Card,
+    Checkbox,
+    CheckboxOptionType,
+    VitalityEmptyView,
+    VitalityLoader,
+    useNavigationAdapter,
+} from '@v6y/shared-ui';
 import * as React from 'react';
 import { useEffect, useState } from 'react';
 

v6y-apps/front/src/commons/components/layout/VitalityBreadcrumb.tsx

@@ -1,6 +1,4 @@
-import { useNavigationAdapter } from '@v6y/shared-ui';
-import { Breadcrumb } from 'antd';
-import { ItemType } from 'antd/es/breadcrumb/Breadcrumb';
+import { Breadcrumb, BreadcrumbItemType, useNavigationAdapter } from '@v6y/shared-ui';
 import * as React from 'react';
 
 import { buildBreadCrumbItems } from '../../config/VitalityCommonConfig';
@@ -16,7 +14,7 @@ const VitalityBreadcrumb = () => {
                     currentPage: pathname,
                     lastPage: source || '',
                     urlParams,
-                }).filter((item) => item) as ItemType[]
+                }).filter((item) => item) as BreadcrumbItemType[]
             }
         />
     );

v6y-apps/front/src/commons/components/layout/VitalityPageHeader.tsx

@@ -1,5 +1,4 @@
-import { VitalityTitle } from '@v6y/shared-ui';
-import { Col, Row } from 'antd';
+import { Col, Row, VitalityTitle } from '@v6y/shared-ui';
 import Image from 'next/image';
 import Link from 'next/link';
 import * as React from 'react';