@abyss-project/commons-front-core 1.0.136 → 1.0.141

package/dist/utils/billing.utils.d.ts

@@ -0,0 +1,7 @@
+import { PlanTier, BillingAccountStatus, InvoiceStatus, InvoiceType, CreditTransactionType, EurTransactionType } from '@abyss-project/main';
+export declare const PLAN_TIER_COLORS: Record<PlanTier, string>;
+export declare const BILLING_ACCOUNT_STATUS_COLORS: Record<BillingAccountStatus, string>;
+export declare const INVOICE_STATUS_COLORS: Record<InvoiceStatus, string>;
+export declare const INVOICE_TYPE_COLORS: Record<InvoiceType, string>;
+export declare const CREDIT_TRANSACTION_TYPE_COLORS: Record<CreditTransactionType, string>;
+export declare const EUR_TRANSACTION_TYPE_COLORS: Record<EurTransactionType, string>;

package/dist/utils/index.d.ts

@@ -1,4 +1,9 @@
+export * from './billing.utils';
 export * from './color.utils';
 export * from './clipboard.utils';
 export * from './cookie.utils';
 export * from './file.utils';
+export * from './project-link-wording.utils';
+export * from './locale.utils';
+export * from './share-notification.utils';
+export * from './space-display-name.utils';

package/dist/utils/locale.utils.d.ts

@@ -0,0 +1,2 @@
+export declare const setLocale: (locale: string) => void;
+export declare const getLocale: () => string;

package/dist/utils/share-notification.utils.d.ts

@@ -0,0 +1 @@
+export declare const handleShareNotificationNavigation: (contentType: string | undefined, data: Record<string, unknown> | undefined, navigate: (path: string) => void, invitationsPath: string) => boolean;

package/dist/utils/space-display-name.utils.d.ts

@@ -0,0 +1,9 @@
+import { IntlShape } from 'react-intl';
+import { ISpace } from '@abyss-project/cloud';
+export type SpaceScope = 'personal' | 'perso-in-org' | 'org-common' | 'project';
+export declare const resolveSpaceScope: (space: Pick<ISpace, 'organizationId' | 'userId' | 'projectId'>) => SpaceScope;
+export declare const resolveSpaceDisplayName: (space: Pick<ISpace, 'organizationId' | 'userId' | 'projectId'>, intl: IntlShape, context?: {
+    organizationName?: string;
+    projectName?: string;
+    userAlias?: string;
+}) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abyss-project/commons-front-core",
-  "version": "1.0.136",
+  "version": "1.0.141",
   "description": "Front Core package of AbyssProject",
   "main": "dist/index.js",
   "module": "./dist/index.js",
@@ -9,6 +9,17 @@
     ".": {
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
+    },
+    "./cookie-consent": {
+      "import": "./dist/cookie-consent.js",
+      "types": "./dist/cookie-consent.d.ts"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "cookie-consent": [
+        "./dist/cookie-consent.d.ts"
+      ]
     }
   },
   "type": "module",
@@ -33,11 +44,17 @@
     "@mui/utils": "^7.1.1",
     "@mui/x-data-grid": "^8.5.3",
     "@mui/x-date-pickers": "^6.20.2",
+    "@tanstack/react-query": "^5.0.0",
+    "@dnd-kit/core": "^6.0.0",
+    "@dnd-kit/sortable": "^9.0.0",
+    "@dnd-kit/utilities": "^3.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
+    "react-is": "^18.0.0 || ^19.0.0",
     "react-intl": "^6.2.5",
     "react-router-dom": "^6.15.0",
-    "@abyss-project/main": "1.0.108"
+    "zustand": "^5.0.0",
+    "@abyss-project/main": "1.0.117"
   },
   "dependencies": {
     "@abyss-project/banking": "^1.0.6",
@@ -56,8 +73,13 @@
     "@milkdown/plugin-listener": "^7.15.3",
     "@milkdown/react": "^7.15.3",
     "@milkdown/utils": "^7.15.3",
-    "axios": "^1.2.2",
-    "axios-retry": "^3.5.0",
+    "@nivo/bar": "^0.88.0",
+    "@nivo/core": "^0.88.0",
+    "@nivo/line": "^0.88.0",
+    "@nivo/pie": "^0.88.0",
+    "@tanstack/react-table": "^8.21.3",
+    "axios": "^1.6.0",
+    "axios-retry": "^4.5.0",
     "byte-size": "^8.1.0",
     "date-fns": "^2.29.3",
     "eventsource": "^4.0.0",
@@ -66,12 +88,15 @@
     "lodash": "^4.17.21",
     "qrcode": "^1.5.3",
     "react-dropzone": "^14.3.8",
+    "react-error-boundary": "^6.1.1",
     "react-router-dom": "^6.15.0",
     "react-toastify": "^8.0.2",
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.0",
+    "pdf-lib": "^1.17.1",
+    "pdfjs-dist": "^4.10.38",
     "yup": "^0.32.11",
-    "@abyss-project/main": "1.0.108"
+    "@abyss-project/main": "1.0.117"
   },
   "devDependencies": {
     "@types/byte-size": "^8.1.0",
@@ -94,16 +119,20 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^3.4.0",
     "prettier": "^2.5.1",
+    "tsc-watch": "^4.6.2",
     "typescript": "5.4.2",
     "vite": "^6.3.5",
+    "@vitest/coverage-v8": "^2.0.0",
     "vite-plugin-dts": "^4.5.4",
-    "tsc-watch": "^4.6.2"
+    "vitest": "^2.0.0"
   },
   "scripts": {
     "lint": "eslint \"{src,apps,libs,test,core}/**/*.{ts,tsx}\" --fix",
     "lint:check": "eslint \"{src,apps,libs,test,core}/**/*.{ts,tsx}\" --max-warnings 0",
     "tsc": "tsc",
     "build": "vite build",
-    "dev": "tsc-watch --onSuccess 'yalc push'"
+    "dev": "vite build --watch",
+    "test": "vitest run --config vitest.config.ts",
+    "test:watch": "vitest --config vitest.config.ts"
   }
 }

package/tsconfig.json

@@ -1,37 +1,35 @@
-{
-  "compilerOptions": {
-    "target": "es2015",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "skipDefaultLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "strict": true,
-    "baseUrl": ".",
-    "outDir": "dist",
-    "paths": {
-      "@components-spotlight/*": ["src/components/Spotlight"],
-      "@components-avatars/*": ["src/components/Avatars"],
-      "@components-chips/*": ["src/components/Chips"],
-      "@components-utils/*": ["src/components/Utils"],
-      "@components-inputs/*": ["src/components/Inputs"],
-      "@components-modals/*": ["src/components/Modals"],
-      "@components/*": ["src/components/*"],
-      "@assets/*": ["src/assets/*"],
-      "@utils/*": ["src/utils/*"],
-      "@types/*": ["src/types/*"],
-      "@hooks/*": ["src/hooks/*"],
-      "@/*": ["src/*"]
-    },
-  },
-  "include": ["src", "declaration.d.ts"]
-}
+{
+  "compilerOptions": {
+    "incremental": false,
+    "target": "es2021",
+    "lib": [
+      "dom",
+      "es2021"
+    ],
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "module": "commonjs",
+    "rootDir": "src",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "declaration": true,
+    "sourceMap": true,
+    "outDir": "./dist",
+    "removeComments": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "strictPropertyInitialization": false,
+    "skipLibCheck": true
+  },
+  "include": [
+    "./src"
+  ],
+  "exclude": [
+    "./dist/**/*"
+  ]
+}

package/vite.config.ts

@@ -1,77 +1,75 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import path, { resolve } from 'path'
-import dts from 'vite-plugin-dts';
-
-export default defineConfig({
-  plugins: [
-    react(),
-    dts({
-      skipDiagnostics: true, // Skip TypeScript diagnostics to avoid type conflicts
-      staticImport: true,
-      insertTypesEntry: true,
-    }), // Generates TypeScript declaration files
-  ],
-  resolve: {
-      alias: {
-        "@components-spotlight/*": path.resolve(__dirname, './src/components/Spotlight'),
-        "@components-avatars/*": path.resolve(__dirname, './src/components/Avatars'),
-        "@components-chips/*": path.resolve(__dirname, './src/components/Chips'),
-        "@components-utils/*": path.resolve(__dirname, './src/components/Utils'),
-        "@components-inputs/*": path.resolve(__dirname, './src/components/Inputs'),
-        "@components-modals/*": path.resolve(__dirname, './src/components/Modals'),
-        '@components': path.resolve(__dirname, './src/components'),
-        '@assets': path.resolve(__dirname, './src/assets'),
-        '@utils': path.resolve(__dirname, './src/utils'),
-        '@types': path.resolve(__dirname, './src/types'),
-        '@hooks': path.resolve(__dirname, './src/hooks'),
-        '@': path.resolve(__dirname, './src'),
-      },
-    },
-  build: {
-    lib: {
-      entry: resolve(__dirname, 'src/index.ts'),
-      name: 'UIComponents',
-      formats: ['es'],
-      fileName: 'index',
-    },
-    rollupOptions: {
-      // Externalize peer dependencies
-      external: [
-        'react',
-        'react-dom',
-        'react-intl',
-        'react-router-dom',
-        'react/jsx-runtime',
-        '@mui/material',
-        '@mui/material/styles',
-        '@mui/icons-material',
-        '@emotion/react',
-        '@emotion/styled',
-        'osx-temperature-sensor', 
-        'fs',
-        'path',
-        'os',
-        "@abyss-project/banking",
-        "@abyss-project/cloud",
-        "@abyss-project/crypt",
-        "@abyss-project/form",
-        "@abyss-project/main",
-        "@abyss-project/memories",
-        "@abyss-project/monitor",
-        "@abyss-project/spotlight",
-        "@abyss-project/storage",
-      ],
-      output: {
-        globals: {
-          'react': 'React',
-          'react-dom': 'ReactDOM',
-          'react-router-dom': 'ReactRouterDOM',
-          '@mui/material': 'MaterialUI',
-          '@abyss-project/main': 'AbyssMain',
-          'react-intl': 'ReactIntl'
-        }
-      }
-    }
-  },
-})
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import path, { resolve } from 'path'
+import dts from 'vite-plugin-dts';
+
+const isWatch = process.argv.includes('--watch');
+
+export default defineConfig({
+  plugins: [
+    react(),
+    !isWatch && dts({
+      skipDiagnostics: true, // Skip TypeScript diagnostics to avoid type conflicts
+      staticImport: true,
+      insertTypesEntry: true,
+    }),
+  ].filter(Boolean),
+  resolve: {
+      alias: {
+        "@components-spotlight/*": path.resolve(__dirname, './src/components/Spotlight'),
+        "@components-avatars/*": path.resolve(__dirname, './src/components/Avatars'),
+        "@components-chips/*": path.resolve(__dirname, './src/components/Chips'),
+        "@components-utils/*": path.resolve(__dirname, './src/components/Utils'),
+        "@components-inputs/*": path.resolve(__dirname, './src/components/Inputs'),
+        "@components-modals/*": path.resolve(__dirname, './src/components/Modals'),
+        '@components': path.resolve(__dirname, './src/components'),
+        '@assets': path.resolve(__dirname, './src/assets'),
+        '@utils': path.resolve(__dirname, './src/utils'),
+        '@types': path.resolve(__dirname, './src/types'),
+        '@hooks': path.resolve(__dirname, './src/hooks'),
+        '@': path.resolve(__dirname, './src'),
+      },
+    },
+  build: {
+    lib: {
+      // Multiple entries: the full barrel (`index`) plus a browser-safe,
+      // tree-shaken `cookie-consent` entry. The latter lets webpack consumers
+      // (e.g. the Next.js landing) pull ONLY the cookie-consent UI without
+      // dragging in react-toastify (React-17 `render`), pdf.js, or the server
+      // monitor SDK that the full barrel transitively includes.
+      entry: {
+        index: resolve(__dirname, 'src/index.ts'),
+        'cookie-consent': resolve(__dirname, 'src/components/CookieConsent/index.ts'),
+      },
+      formats: ['es'],
+      fileName: (_format, entryName) => `${entryName}.js`,
+    },
+    rollupOptions: {
+      // Externalize peer dependencies. Match exact name OR sub-path imports
+      // (e.g. 'react/jsx-runtime') — never match by raw prefix, otherwise
+      // 'react' silently externalizes 'react-is', 'react-fast-compare', etc.
+      external: (id) => {
+        const exactNames = [
+          'react', 'react-dom', 'react-intl', 'react-router-dom',
+          'pdfjs-dist', 'pdf-lib',
+          'osx-temperature-sensor', 'fs', 'path', 'os',
+        ];
+        if (exactNames.includes(id)) return true;
+        if (exactNames.some((name) => id.startsWith(name + '/'))) return true;
+        // Scoped-package prefixes (these always end with '/')
+        const scopedPrefixes = ['@mui/', '@emotion/', '@abyss-project/', '@tanstack/'];
+        return scopedPrefixes.some((prefix) => id.startsWith(prefix));
+      },
+      output: {
+        globals: {
+          'react': 'React',
+          'react-dom': 'ReactDOM',
+          'react-router-dom': 'ReactRouterDOM',
+          '@mui/material': 'MaterialUI',
+          '@abyss-project/main': 'AbyssMain',
+          'react-intl': 'ReactIntl'
+        }
+      }
+    }
+  },
+})

package/vitest.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig, mergeConfig } from 'vitest/config';
+import viteConfig from './vite.config';
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    test: {
+      environment: 'node',
+      include: ['src/**/*.spec.ts'],
+      globals: false,
+      passWithNoTests: true,
+    },
+  }),
+);

package/.eslintrc.cjs

@@ -1,30 +0,0 @@
-module.exports = {
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    project: './tsconfig.json',
-    tsconfigRootDir: __dirname,
-    sourceType: 'module',
-  },
-  plugins: ['@typescript-eslint/eslint-plugin', 'prettier'],
-  extends: [
-    'plugin:@typescript-eslint/recommended',
-    'plugin:prettier/recommended',
-  ],
-  root: true,
-  env: {
-    browser: true,
-    es2021: true,
-    node: true,
-    jest: true,
-  },
-  ignorePatterns: ['.eslintrc.cjs'],
-  rules: {
-    'no-console': 'warn',
-    curly: ['error'],
-    '@typescript-eslint/interface-name-prefix': 'off',
-    '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/explicit-module-boundary-types': 'off',
-    '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/prefer-as-const': 'error',    
-  },
-};

package/dist/components/AllCloudMetrics/AllCloudMetrics.component.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-import { IGetAllMetricsCloudData } from '@abyss-project/cloud';
-import { AbyssService } from '@abyss-project/main';
-import { StyledComponentProps } from '@mui/styles/withStyles';
-type Props = {
-    enabledService: AbyssService[];
-    abyssCloudUrl: string;
-    classes: Record<string, string>;
-    cloudMetrics: IGetAllMetricsCloudData['clouds'] | null;
-    setCloudMetrics: (metrics: IGetAllMetricsCloudData['clouds'] | null) => void;
-};
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;

package/dist/components/AllCloudMetrics/index.d.ts

@@ -1 +0,0 @@
-export { default as AllCloudMetrics } from './AllCloudMetrics.component';

package/dist/components/FiltersBox/FiltersBox.component.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-import { StyledComponentProps } from '@mui/styles/withStyles';
-type Props = {
-    classes: Record<string, string>;
-    children: React.ReactNode;
-};
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;

package/dist/components/FiltersBox/index.d.ts

@@ -1 +0,0 @@
-export { default as FiltersBox } from './FiltersBox.component';

package/dist/components/FreepikSearch/FreepikSearch.component.d.ts

@@ -1,9 +0,0 @@
-import { ISearchFreepikCollectionData } from '@abyss-project/storage';
-import { JSXElementConstructor } from 'react';
-import { StyledComponentProps } from '@mui/styles/withStyles';
-type Props = {
-    classes: Record<string, string>;
-    onSelect: (item: ISearchFreepikCollectionData['items'][number]) => Promise<void>;
-};
-declare const _default: JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;

package/dist/components/FreepikSearch/index.d.ts

@@ -1 +0,0 @@
-export { default as FreepikSearch } from './FreepikSearch.component';

package/dist/components/ImportButton/ImportButton.component.d.ts

@@ -1,29 +0,0 @@
-import { ICloud, IFile } from '@abyss-project/cloud';
-import { PictureCollectionSource } from '@abyss-project/storage';
-import { ChangeEvent, JSXElementConstructor } from 'react';
-import { IUser } from '@abyss-project/main';
-import { StyledComponentProps } from '@mui/styles/withStyles';
-export declare const MAX_PICTURE_SIZE: number;
-export type CollectionElement = {
-    source: PictureCollectionSource;
-    elementId: string;
-    url: string;
-};
-type Props = {
-    children: React.ReactElement;
-    isLoading: boolean;
-    handleUploadFromUrl?: (url: string) => Promise<void>;
-    handleFileUpload: (event: ChangeEvent<HTMLInputElement>) => Promise<void>;
-    handleImportFromCloud: (cloud: ICloud, files: IFile[]) => Promise<void>;
-    handleImportFromCollection?: (collectionElements: CollectionElement[]) => Promise<void>;
-    multiple?: boolean;
-    maxSize?: number;
-    accept?: string[];
-    user: IUser;
-    fetchUser: () => Promise<void>;
-    abyssCloudUrl: string;
-    getFileThumbnailUrl: (id: string) => string;
-    classes: Record<string, string>;
-};
-declare const _default: JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;

package/dist/components/Inputs/Toggle/Toggle.component.d.ts

@@ -1,15 +0,0 @@
-import { default as React } from 'react';
-import { SxProps } from '@mui/material';
-import { StyledComponentProps } from '@mui/styles/withStyles';
-type Props = {
-    value: any;
-    toggles: {
-        label: React.ReactElement | string;
-        value: string;
-    }[];
-    onChange: (value: any) => void;
-    classes: Record<string, string>;
-    sx?: SxProps;
-};
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;

package/dist/components/Inputs/Toggle/index.d.ts

@@ -1 +0,0 @@
-export { default as Toggle } from './Toggle.component';

package/dist/components/Modals/ImportFromCollectionModal/ImportFromCollectionModal.component.d.ts

@@ -1,11 +0,0 @@
-import { CollectionElement } from '../../ImportButton/ImportButton.component';
-import { JSXElementConstructor } from 'react';
-import { StyledComponentProps } from '@mui/styles/withStyles';
-type Props = {
-    isOpen: boolean;
-    onCancel: () => Promise<void>;
-    onConfirm: (files: CollectionElement[]) => Promise<void>;
-    classes: Record<string, string>;
-};
-declare const _default: JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;

package/dist/components/Modals/ImportFromCollectionModal/index.d.ts

@@ -1 +0,0 @@
-export { default as ImportFromCollectionModal } from './ImportFromCollectionModal.component';

package/dist/components/Modals/UserSettings/UserSettingsModal.component.d.ts

@@ -1,18 +0,0 @@
-import { default as React } from 'react';
-import { IUser } from '@abyss-project/main';
-import { StyledComponentProps } from '@mui/styles/withStyles';
-export declare const DELETE_ACCOUNT_SUFFIX = "dashboard/my-account/ticket/create?service=ABYSS&category=ACCOUNT_MANAGEMENT";
-export declare const PROFILE_SUFFIX = "dashboard/my-account/parameter";
-type Props = {
-    isOpen: boolean;
-    onCancel: () => Promise<void>;
-    resetApiKey: () => Promise<void>;
-    fetchMe: () => Promise<void>;
-    user: IUser;
-    isLoading: boolean;
-    apiKey: string;
-    abyssUrl: string;
-    classes: Record<string, string>;
-};
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;

package/dist/components/Modals/UserSettings/index.d.ts

@@ -1,2 +0,0 @@
-export { default as UserSettings } from './UserSettingsModal.component';
-export * from './UserSettingsModal.component';

package/dist/components/UserAvatarList/UserAvatarList.component.d.ts

@@ -1,18 +0,0 @@
-import { SxProps } from '@mui/material';
-import { default as React } from 'react';
-import { StyledComponentProps } from '@mui/styles/withStyles';
-type Props = {
-    users: {
-        alias: string;
-        hasThumbnail: boolean;
-        id: string;
-    }[] | null;
-    size?: number;
-    label?: string;
-    sx?: SxProps;
-    sxItem?: SxProps;
-    getProfilePictureUrl: (userId: string) => string;
-    maxAvatarCount?: number;
-};
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;

package/dist/components/Utils/CustomDivider/CustomDivider.component.d.ts

@@ -1,4 +0,0 @@
-import { BoxProps } from '@mui/material';
-export declare const CustomDivider: React.FC<BoxProps>;
-export declare const CustomDividerGradientPurple: React.FC<BoxProps>;
-export declare const CustomDividerGradientFocusPrimary: React.FC<BoxProps>;

package/dist/components/Utils/CustomDivider/index.d.ts

@@ -1 +0,0 @@
-export * from './CustomDivider.component';

package/dist/components/Utils/FloatingNavigation/FloatingNavigation.component.d.ts

@@ -1,16 +0,0 @@
-import { default as React } from 'react';
-import { StyledComponentProps } from '@mui/styles/withStyles';
-type Props = {
-    fields: {
-        label: string;
-        icon: React.ReactNode;
-        value: string;
-        link?: string;
-        disabled?: boolean;
-    }[];
-    currentTab: string;
-    onClick?: (value: string) => void;
-    classes: Record<string, string>;
-};
-declare const _default: React.JSXElementConstructor<Omit<Props, "classes"> & StyledComponentProps<string> & object>;
-export default _default;

package/dist/components/Utils/FloatingNavigation/index.d.ts

@@ -1 +0,0 @@
-export { default as FloatingNavigation } from './FloatingNavigation.component';

package/dist/hooks/use-theme.hook.d.ts

@@ -1 +0,0 @@
-export declare const withTheme: (Component: React.ComponentType<any>) => (props: any) => import("react/jsx-runtime").JSX.Element;