refactor(console): apply no-unused-modules (#4010)

packages/console/package.json

@@ -142,8 +142,22 @@
           "namedComponents": "function-declaration",
           "unnamedComponents": "arrow-function"
         }
+      ],
+      "import/no-unused-modules": [
+        "error",
+        { "unusedExports": true }
       ]
-    }
+    },
+    "overrides": [
+      {
+        "files": [
+          "*.d.ts", "**/mdx-components/*/index.tsx"
+        ],
+        "rules": {
+          "import/no-unused-modules": "off"
+        }
+      }
+    ]
   },
   "stylelint": {
     "extends": "@silverhand/eslint-config-react/.stylelintrc"

packages/console/src/components/EmptyDataPlaceholder/index.tsx

@@ -8,7 +8,7 @@ import useTheme from '@/hooks/use-theme';
 
 import * as styles from './index.module.scss';
 
-export type Props = {
+type Props = {
   title?: string;
   size?: 'large' | 'medium' | 'small';
 };

packages/console/src/components/IconButton/index.tsx

@@ -4,7 +4,7 @@ import { forwardRef, useRef } from 'react';
 
 import * as styles from './index.module.scss';
 
-export type Props = Omit<HTMLProps<HTMLButtonElement>, 'size' | 'type'> & {
+type Props = Omit<HTMLProps<HTMLButtonElement>, 'size' | 'type'> & {
   size?: 'small' | 'medium' | 'large';
   iconClassName?: string;
 };

packages/console/src/components/MultiTextInput/utils.ts

@@ -5,10 +5,7 @@ import { safeParseJson } from '@/utils/json';
 import type { MultiTextInputError, MultiTextInputRule } from './types';
 import { multiTextInputErrorGuard } from './types';
 
-export const validate = (
-  value?: string[],
-  rule?: MultiTextInputRule
-): MultiTextInputError | undefined => {
+const validate = (value?: string[], rule?: MultiTextInputRule): MultiTextInputError | undefined => {
   if (!rule) {
     return;
   }

packages/console/src/components/RoleScopesTransfer/components/TargetScopeItem/index.tsx

@@ -5,7 +5,7 @@ import IconButton from '@/components/IconButton';
 
 import * as styles from './index.module.scss';
 
-export type Props = {
+type Props = {
   scope: ScopeResponse;
   onDelete: (scope: ScopeResponse) => void;
 };

packages/console/src/components/Uploader/index.tsx

@@ -1,3 +0,0 @@
-export { default as FileUploader } from './FileUploader';
-export { default as ImageUploader } from './ImageUploader';
-export { default as ImageUploaderField } from './ImageUploaderField';

packages/console/src/components/VerificationCodeInput/index.tsx

@@ -5,7 +5,7 @@ import * as styles from './index.module.scss';
 
 export const defaultLength = 6;
 
-export type Props = {
+type Props = {
   name: string;
   className?: string;
   length?: number;

packages/console/src/contexts/AppConfirmModalProvider/index.tsx

@@ -5,7 +5,7 @@ import { useState, useRef, useMemo, createContext, useCallback, useEffect } from
 import ConfirmModal from '@/components/ConfirmModal';
 import type { ConfirmModalProps } from '@/components/ConfirmModal';
 
-export type ModalContentRenderProps = {
+type ModalContentRenderProps = {
   confirm: (data?: unknown) => void;
   cancel: (data?: unknown) => void;
 };

packages/console/src/contexts/AppEndpointsProvider.tsx

@@ -10,7 +10,7 @@ type Props = {
   children: ReactNode;
 };
 
-export type AppEndpoints = {
+type AppEndpoints = {
   /**
    * The Logto endpoint for the current tenant.
    *

packages/console/src/contexts/TenantsProvider.tsx

@@ -11,7 +11,7 @@ type Props = {
   children: ReactNode;
 };
 
-export type Tenants = {
+type Tenants = {
   tenants?: TenantInfo[];
   isSettle: boolean;
   setTenants: (tenants: TenantInfo[]) => void;

packages/console/src/hooks/use-confirm-modal.ts

@@ -2,6 +2,4 @@ import { useContext } from 'react';
 
 import { AppConfirmModalContext } from '@/contexts/AppConfirmModalProvider';
 
-export type { ModalContentRenderProps } from '@/contexts/AppConfirmModalProvider';
-
 export const useConfirmModal = () => useContext(AppConfirmModalContext);

packages/console/src/hooks/use-user-preferences.ts

@@ -19,7 +19,7 @@ const userPreferencesGuard = z.object({
   connectorSieNoticeConfirmed: z.boolean().optional(),
 });
 
-export type UserPreferences = z.infer<typeof userPreferencesGuard>;
+type UserPreferences = z.infer<typeof userPreferencesGuard>;
 
 type DefaultUserPreference = {
   language: (typeof builtInConsoleLanguages)[number];

packages/console/src/onboarding/constants/index.ts

@@ -9,7 +9,6 @@ export const emailUsLink = buildUrl(contactEmailLink, {
   subject: 'Cloud pricing and special offer',
 }).replace(/\+/g, '%20');
 
-export const logtoBlogLink = 'https://blog.logto.io/?utm_source=console';
 export const aboutCloudPreviewLink = 'https://docs.logto.io/about/cloud-preview?utm_source=console';
 
 export const gtagAwTrackingId = 'AW-11124811245';

packages/console/src/onboarding/pages/SignInExperience/index.tsx

@@ -16,7 +16,7 @@ import FormField from '@/components/FormField';
 import OverlayScrollbar from '@/components/OverlayScrollbar';
 import PageMeta from '@/components/PageMeta';
 import TextInput from '@/components/TextInput';
-import { ImageUploaderField } from '@/components/Uploader';
+import ImageUploaderField from '@/components/Uploader/ImageUploaderField';
 import useApi from '@/hooks/use-api';
 import type { RequestError } from '@/hooks/use-api';
 import useUserAssetsService from '@/hooks/use-user-assets-service';

packages/console/src/onboarding/types.ts

@@ -48,7 +48,7 @@ export enum Reason {
   Others = 'others',
 }
 
-export const questionnaireGuard = z.object({
+const questionnaireGuard = z.object({
   project: z.nativeEnum(Project),
   deploymentType: z.nativeEnum(DeploymentType),
   titles: z.array(z.nativeEnum(Title)).optional(),

packages/console/src/pages/Connectors/components/ConnectorForm/hooks.tsx

@@ -6,7 +6,7 @@ import { parseFormConfig } from '@/pages/Connectors/components/ConnectorForm/uti
 import type { ConnectorFormType } from '@/pages/Connectors/types';
 import { safeParseJson } from '@/utils/json';
 
-export const useJsonStringConfigParser = () => {
+const useJsonStringConfigParser = () => {
   const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
 
   return (config: string) => {

packages/console/src/pages/Dashboard/types.ts

@@ -1,4 +1,4 @@
-export type CountAndDelta = {
+type CountAndDelta = {
   count: number;
   delta: number;
 };

packages/console/src/pages/Profile/components/CardContent/index.tsx

@@ -10,7 +10,7 @@ import NotSet from '../NotSet';
 
 import * as styles from './index.module.scss';
 
-export type Action = {
+type Action = {
   name: AdminConsoleKey;
   handler: () => void;
 };

packages/console/src/pages/Profile/containers/BasicUserInfoUpdateModal/index.tsx

@@ -8,7 +8,7 @@ import ReactModal from 'react-modal';
 import Button from '@/components/Button';
 import ModalLayout from '@/components/ModalLayout';
 import TextInput from '@/components/TextInput';
-import { ImageUploaderField } from '@/components/Uploader';
+import ImageUploaderField from '@/components/Uploader/ImageUploaderField';
 import { adminTenantEndpoint, meApi } from '@/consts';
 import { useStaticApi } from '@/hooks/use-api';
 import { useConfirmModal } from '@/hooks/use-confirm-modal';

packages/console/src/pages/Profile/containers/VerificationCodeModal/index.tsx

@@ -18,7 +18,7 @@ import { handleError, parseLocationState } from '../../utils';
 
 import * as styles from './index.module.scss';
 
-export const resendTimeout = 59;
+const resendTimeout = 59;
 
 const getTimeout = () => {
   const now = new Date();

packages/console/src/pages/SignInExperience/tabs/Branding/BrandingForm.tsx

@@ -10,7 +10,7 @@ import DangerousRaw from '@/components/DangerousRaw';
 import FormField from '@/components/FormField';
 import Switch from '@/components/Switch';
 import TextInput from '@/components/TextInput';
-import { ImageUploaderField } from '@/components/Uploader';
+import ImageUploaderField from '@/components/Uploader/ImageUploaderField';
 import useUserAssetsService from '@/hooks/use-user-assets-service';
 import { uriValidator } from '@/utils/validator';
 

packages/console/src/pages/SignInExperience/tabs/Others/components/ManageLanguage/LanguageEditor/use-language-editor-context.ts

@@ -2,9 +2,9 @@ import type { LanguageTag } from '@logto/language-kit';
 import { noop } from '@silverhand/essentials';
 import { createContext, useMemo, useState } from 'react';
 
-export type ConfirmationState = 'none' | 'try-close' | 'try-switch-language' | 'try-add-language';
+type ConfirmationState = 'none' | 'try-close' | 'try-switch-language' | 'try-add-language';
 
-export type Context = {
+type Context = {
   selectedLanguage: LanguageTag;
   preSelectedLanguage?: LanguageTag;
   preAddedLanguage?: LanguageTag;

packages/console/src/pages/Webhooks/components/BasicWebhookForm/index.tsx

@@ -12,7 +12,7 @@ import { type BasicWebhookFormType } from '../../types';
 
 import * as styles from './index.module.scss';
 
-export const hookEventOptions = Object.values(HookEvent).map((event) => ({
+const hookEventOptions = Object.values(HookEvent).map((event) => ({
   title: hookEventLabel[event],
   value: event,
 }));

packages/ui/src/containers/TermsAndPrivacy/TermsAndPrivacyConfirmModalContent/index.tsx

@@ -4,9 +4,8 @@ import { useTranslation, Trans } from 'react-i18next';
 
 import PageContext from '@/Providers/PageContextProvider/PageContext';
 import TermsLinks from '@/components/TermsLinks';
-import type { ModalContentRenderProps } from '@/hooks/use-confirm-modal';
 
-const TermsAndPrivacyConfirmModalContent = ({ cancel }: ModalContentRenderProps) => {
+const TermsAndPrivacyConfirmModalContent = () => {
   const { experienceSettings } = useContext(PageContext);
   const { termsOfUseUrl, privacyPolicyUrl } = experienceSettings ?? {};