diff --git a/apps/site/app/[locale]/[...path]/page.tsx b/apps/site/app/[locale]/[...path]/page.tsx index 3c75be3786632..59e62f0ad8f09 100644 --- a/apps/site/app/[locale]/[...path]/page.tsx +++ b/apps/site/app/[locale]/[...path]/page.tsx @@ -8,14 +8,15 @@ */ import { notFound } from 'next/navigation'; -import type { FC } from 'react'; import { ENABLE_STATIC_EXPORT } from '#site/next.constants.mjs'; import { ENABLE_STATIC_EXPORT_LOCALE } from '#site/next.constants.mjs'; import { dynamicRouter } from '#site/next.dynamic.mjs'; import * as basePage from '#site/next.dynamic.page.mjs'; import { availableLocaleCodes, defaultLocale } from '#site/next.locales.mjs'; + import type { DynamicParams } from '#site/types'; +import type { FC } from 'react'; type PageParams = DynamicParams<{ path: Array }>; diff --git a/apps/site/app/[locale]/blog/[...path]/page.tsx b/apps/site/app/[locale]/blog/[...path]/page.tsx index 982a2b6eecfb8..24b6c820183f5 100644 --- a/apps/site/app/[locale]/blog/[...path]/page.tsx +++ b/apps/site/app/[locale]/blog/[...path]/page.tsx @@ -1,11 +1,12 @@ import { notFound } from 'next/navigation'; -import type { FC } from 'react'; import { ENABLE_STATIC_EXPORT } from '#site/next.constants.mjs'; import { BLOG_DYNAMIC_ROUTES } from '#site/next.dynamic.constants.mjs'; import * as basePage from '#site/next.dynamic.page.mjs'; import { defaultLocale } from '#site/next.locales.mjs'; + import type { DynamicParams } from '#site/types'; +import type { FC } from 'react'; type PageParams = DynamicParams<{ path: Array }>; diff --git a/apps/site/app/[locale]/download/archive/[version]/page.tsx b/apps/site/app/[locale]/download/archive/[version]/page.tsx index b82a736c14d81..5b6f358317cfd 100644 --- a/apps/site/app/[locale]/download/archive/[version]/page.tsx +++ b/apps/site/app/[locale]/download/archive/[version]/page.tsx @@ -1,12 +1,13 @@ import { notFound, redirect } from 'next/navigation'; -import type { FC } from 'react'; import provideReleaseData from '#site/next-data/providers/releaseData'; import provideReleaseVersions from '#site/next-data/providers/releaseVersions'; import { ENABLE_STATIC_EXPORT } from '#site/next.constants.mjs'; import * as basePage from '#site/next.dynamic.page.mjs'; import { defaultLocale } from '#site/next.locales.mjs'; + import type { DynamicParams } from '#site/types'; +import type { FC } from 'react'; type PageParams = DynamicParams<{ version: string }>; diff --git a/apps/site/app/[locale]/error.tsx b/apps/site/app/[locale]/error.tsx index c3f2232662fd4..e518c823debb1 100644 --- a/apps/site/app/[locale]/error.tsx +++ b/apps/site/app/[locale]/error.tsx @@ -2,11 +2,12 @@ import { ArrowRightIcon } from '@heroicons/react/24/solid'; import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import Button from '#site/components/Common/Button'; import GlowingBackdropLayout from '#site/layouts/GlowingBackdrop'; +import type { FC } from 'react'; + const ErrorPage: FC<{ error: Error }> = () => { const t = useTranslations(); diff --git a/apps/site/app/[locale]/layout.tsx b/apps/site/app/[locale]/layout.tsx index 3faa14079216a..b8ca39bbe019f 100644 --- a/apps/site/app/[locale]/layout.tsx +++ b/apps/site/app/[locale]/layout.tsx @@ -2,7 +2,6 @@ import { Analytics } from '@vercel/analytics/react'; import { SpeedInsights } from '@vercel/speed-insights/next'; import classNames from 'classnames'; import { NextIntlClientProvider } from 'next-intl'; -import type { FC, PropsWithChildren } from 'react'; import BaseLayout from '#site/layouts/Base'; import { VERCEL_ENV } from '#site/next.constants.mjs'; @@ -10,6 +9,8 @@ import { IBM_PLEX_MONO, OPEN_SANS } from '#site/next.fonts'; import { availableLocalesMap, defaultLocale } from '#site/next.locales.mjs'; import { ThemeProvider } from '#site/providers/themeProvider'; +import type { FC, PropsWithChildren } from 'react'; + import '#site/styles/index.css'; const fontClasses = classNames(IBM_PLEX_MONO.variable, OPEN_SANS.variable); diff --git a/apps/site/app/[locale]/not-found.tsx b/apps/site/app/[locale]/not-found.tsx index bca476307ac22..058f213ececb6 100644 --- a/apps/site/app/[locale]/not-found.tsx +++ b/apps/site/app/[locale]/not-found.tsx @@ -2,12 +2,13 @@ import { ArrowRightIcon } from '@heroicons/react/24/solid'; import { getTranslations } from 'next-intl/server'; -import type { FC } from 'react'; import Button from '#site/components/Common/Button'; import Turtle from '#site/components/Common/Turtle'; import GlowingBackdropLayout from '#site/layouts/GlowingBackdrop'; +import type { FC } from 'react'; + const NotFoundPage: FC = async () => { const t = await getTranslations(); diff --git a/apps/site/app/[locale]/page.tsx b/apps/site/app/[locale]/page.tsx index 19dde5c53de2e..65efd2def7e5a 100644 --- a/apps/site/app/[locale]/page.tsx +++ b/apps/site/app/[locale]/page.tsx @@ -1,12 +1,13 @@ import { notFound } from 'next/navigation'; -import type { FC } from 'react'; import { ENABLE_STATIC_EXPORT } from '#site/next.constants.mjs'; import { ENABLE_STATIC_EXPORT_LOCALE } from '#site/next.constants.mjs'; import * as basePage from '#site/next.dynamic.page.mjs'; import { availableLocaleCodes } from '#site/next.locales.mjs'; import { defaultLocale } from '#site/next.locales.mjs'; + import type { DynamicParams } from '#site/types'; +import type { FC } from 'react'; type PageParams = DynamicParams<{ path: Array }>; diff --git a/apps/site/app/global-error.tsx b/apps/site/app/global-error.tsx index 02bff44ea7032..8e5b08cf9714e 100644 --- a/apps/site/app/global-error.tsx +++ b/apps/site/app/global-error.tsx @@ -1,12 +1,13 @@ 'use client'; import { ArrowRightIcon } from '@heroicons/react/24/solid'; -import type { FC } from 'react'; import Button from '#site/components/Common/Button'; import BaseLayout from '#site/layouts/Base'; import GlowingBackdropLayout from '#site/layouts/GlowingBackdrop'; +import type { FC } from 'react'; + const GlobalErrorPage: FC<{ error: Error }> = () => ( diff --git a/apps/site/app/sitemap.ts b/apps/site/app/sitemap.ts index f53d2c65d9569..faffbd410cab4 100644 --- a/apps/site/app/sitemap.ts +++ b/apps/site/app/sitemap.ts @@ -1,5 +1,3 @@ -import type { MetadataRoute } from 'next'; - import { BASE_PATH } from '#site/next.constants.mjs'; import { BASE_URL } from '#site/next.constants.mjs'; import { EXTERNAL_LINKS_SITEMAP } from '#site/next.constants.mjs'; @@ -7,6 +5,8 @@ import { BLOG_DYNAMIC_ROUTES } from '#site/next.dynamic.constants.mjs'; import { dynamicRouter } from '#site/next.dynamic.mjs'; import { availableLocaleCodes, defaultLocale } from '#site/next.locales.mjs'; +import type { MetadataRoute } from 'next'; + // This is the combination of the Application Base URL and Base PATH const baseUrlAndPath = `${BASE_URL}${BASE_PATH}`; diff --git a/apps/site/client-context.ts b/apps/site/client-context.ts index 3b900b02a8123..28f437c014782 100644 --- a/apps/site/client-context.ts +++ b/apps/site/client-context.ts @@ -1,8 +1,9 @@ import { cache } from 'react'; -import type { ClientSharedServerContext } from '#site/types'; import { assignClientContext } from '#site/util/context'; +import type { ClientSharedServerContext } from '#site/types'; + // This allows us to have Server-Side Context's of the shared "contextual" data // which includes the frontmatter, the current pathname from the dynamic segments // and the current headings of the current markdown context diff --git a/apps/site/components/Blog/BlogHeader/index.tsx b/apps/site/components/Blog/BlogHeader/index.tsx index 5aa65fcc28786..9b209ebb595fd 100644 --- a/apps/site/components/Blog/BlogHeader/index.tsx +++ b/apps/site/components/Blog/BlogHeader/index.tsx @@ -1,10 +1,11 @@ import { RssIcon } from '@heroicons/react/24/solid'; import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import Link from '#site/components/Link'; import { siteConfig } from '#site/next.json.mjs'; +import type { FC } from 'react'; + import styles from './index.module.css'; type BlogHeaderProps = { category: string }; diff --git a/apps/site/components/Blog/BlogPostCard/index.tsx b/apps/site/components/Blog/BlogPostCard/index.tsx index c7788c3de0f84..0951d52022a11 100644 --- a/apps/site/components/Blog/BlogPostCard/index.tsx +++ b/apps/site/components/Blog/BlogPostCard/index.tsx @@ -1,13 +1,14 @@ import Preview from '@node-core/ui-components/Common/Preview'; import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import FormattedTime from '#site/components/Common/FormattedTime'; import Link from '#site/components/Link'; import WithAvatarGroup from '#site/components/withAvatarGroup'; -import type { BlogCategory } from '#site/types'; import { mapBlogCategoryToPreviewType } from '#site/util/blog'; +import type { BlogCategory } from '#site/types'; +import type { FC } from 'react'; + import styles from './index.module.css'; type BlogPostCardProps = { diff --git a/apps/site/components/Common/Button.tsx b/apps/site/components/Common/Button.tsx index 74b89251ad706..80b8bbe73e782 100644 --- a/apps/site/components/Common/Button.tsx +++ b/apps/site/components/Common/Button.tsx @@ -1,9 +1,10 @@ import BaseButton from '@node-core/ui-components/Common/BaseButton'; -import type { ButtonProps } from '@node-core/ui-components/Common/BaseButton'; -import type { FC } from 'react'; import Link from '#site/components/Link'; +import type { ButtonProps } from '@node-core/ui-components/Common/BaseButton'; +import type { FC } from 'react'; + const Button: FC = props => ; export default Button; diff --git a/apps/site/components/Common/CodeBox.tsx b/apps/site/components/Common/CodeBox.tsx index e7d1079d5ee11..c5786b4df7f2b 100644 --- a/apps/site/components/Common/CodeBox.tsx +++ b/apps/site/components/Common/CodeBox.tsx @@ -5,11 +5,12 @@ import BaseCodeBox from '@node-core/ui-components/Common/BaseCodeBox'; import styles from '@node-core/ui-components/Common/BaseCodeBox/index.module.css'; import { useNotification } from '@node-core/ui-components/Providers/NotificationProvider'; import { useTranslations } from 'next-intl'; -import type { FC, PropsWithChildren } from 'react'; import Link from '#site/components/Link'; import { useCopyToClipboard } from '#site/hooks'; +import type { FC, PropsWithChildren } from 'react'; + type CodeBoxProps = { language: string; className?: string; diff --git a/apps/site/components/Common/CrossLink.tsx b/apps/site/components/Common/CrossLink.tsx index c22dbdd6661e3..e7f752e099f2a 100644 --- a/apps/site/components/Common/CrossLink.tsx +++ b/apps/site/components/Common/CrossLink.tsx @@ -1,10 +1,11 @@ import BaseCrossLink from '@node-core/ui-components/Common/BaseCrossLink'; -import type { CrossLinkProps } from '@node-core/ui-components/Common/BaseCrossLink'; import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import Link from '#site/components/Link'; +import type { CrossLinkProps } from '@node-core/ui-components/Common/BaseCrossLink'; +import type { FC } from 'react'; + const CrossLink: FC> = props => { const t = useTranslations(); return ( diff --git a/apps/site/components/Common/FormattedTime.tsx b/apps/site/components/Common/FormattedTime.tsx index 17787e7a19d64..738b48a9a7b95 100644 --- a/apps/site/components/Common/FormattedTime.tsx +++ b/apps/site/components/Common/FormattedTime.tsx @@ -1,9 +1,10 @@ -import type { DateTimeFormatOptions } from 'next-intl'; import { useFormatter } from 'next-intl'; -import type { FC } from 'react'; import { DEFAULT_DATE_FORMAT } from '#site/next.calendar.constants.mjs'; +import type { DateTimeFormatOptions } from 'next-intl'; +import type { FC } from 'react'; + type FormattedTimeProps = { date: string | Date; format?: DateTimeFormatOptions; diff --git a/apps/site/components/Common/LinkTabs.tsx b/apps/site/components/Common/LinkTabs.tsx index f27904eaed6db..8052baabbaced 100644 --- a/apps/site/components/Common/LinkTabs.tsx +++ b/apps/site/components/Common/LinkTabs.tsx @@ -1,9 +1,10 @@ import BaseLinkTabs from '@node-core/ui-components/Common/BaseLinkTabs'; -import type { LinkTabsProps } from '@node-core/ui-components/Common/BaseLinkTabs'; -import type { FC } from 'react'; import Link from '#site/components/Link'; +import type { LinkTabsProps } from '@node-core/ui-components/Common/BaseLinkTabs'; +import type { FC } from 'react'; + const LinkTabs: FC> = props => { return ; }; diff --git a/apps/site/components/Common/LinkWithArrow/index.tsx b/apps/site/components/Common/LinkWithArrow/index.tsx index b20274533f8a5..d15b59df4c491 100644 --- a/apps/site/components/Common/LinkWithArrow/index.tsx +++ b/apps/site/components/Common/LinkWithArrow/index.tsx @@ -1,5 +1,8 @@ import { ArrowUpRightIcon } from '@heroicons/react/24/solid'; import classNames from 'classnames'; + +import Link from '#site/components/Link'; + import type { ButtonHTMLAttributes, ComponentProps, @@ -7,8 +10,6 @@ import type { PropsWithChildren, } from 'react'; -import Link from '#site/components/Link'; - import styles from './index.module.css'; type LinkWithArrowProps = diff --git a/apps/site/components/Common/Pagination.tsx b/apps/site/components/Common/Pagination.tsx index 2992d1abf365f..9d23f009581fb 100644 --- a/apps/site/components/Common/Pagination.tsx +++ b/apps/site/components/Common/Pagination.tsx @@ -1,10 +1,11 @@ import BasePagination from '@node-core/ui-components/Common/BasePagination'; -import type { PaginationProps } from '@node-core/ui-components/Common/BasePagination'; import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import Link from '#site/components/Link'; +import type { PaginationProps } from '@node-core/ui-components/Common/BasePagination'; +import type { FC } from 'react'; + const Pagination: FC< Omit > = props => { diff --git a/apps/site/components/Common/Partners/PartnerIcon/index.tsx b/apps/site/components/Common/Partners/PartnerIcon/index.tsx index 4b8d46707d405..0f3bf435325be 100644 --- a/apps/site/components/Common/Partners/PartnerIcon/index.tsx +++ b/apps/site/components/Common/Partners/PartnerIcon/index.tsx @@ -1,10 +1,11 @@ import Skeleton from '@node-core/ui-components/Common/Skeleton'; import Tooltip from '@node-core/ui-components/Common/Tooltip'; -import type { ComponentProps, FC } from 'react'; import { cloneElement } from 'react'; import Button from '#site/components/Common/Button'; + import type { Partners } from '#site/types'; +import type { ComponentProps, FC } from 'react'; import style from './index.module.css'; diff --git a/apps/site/components/Common/Partners/PartnerLogo/index.tsx b/apps/site/components/Common/Partners/PartnerLogo/index.tsx index 7ca286e060833..206712775764c 100644 --- a/apps/site/components/Common/Partners/PartnerLogo/index.tsx +++ b/apps/site/components/Common/Partners/PartnerLogo/index.tsx @@ -1,9 +1,10 @@ import Skeleton from '@node-core/ui-components/Common/Skeleton'; -import type { ComponentProps, FC } from 'react'; import { cloneElement } from 'react'; import Button from '#site/components/Common/Button'; + import type { Partners } from '#site/types'; +import type { ComponentProps, FC } from 'react'; import style from './index.module.css'; diff --git a/apps/site/components/Common/Partners/PartnersIconList/index.tsx b/apps/site/components/Common/Partners/PartnersIconList/index.tsx index 644cb0ade49f9..8022fe54b0df9 100644 --- a/apps/site/components/Common/Partners/PartnersIconList/index.tsx +++ b/apps/site/components/Common/Partners/PartnersIconList/index.tsx @@ -1,10 +1,10 @@ 'use client'; -import type { FC } from 'react'; - import usePartnersList from '#site/hooks/react-client/usePartnersList'; import { ICON_PARTNERS } from '#site/next.partners.constants'; + import type { PartnerCategory } from '#site/types'; +import type { FC } from 'react'; import PartnerIcon from '../PartnerIcon'; diff --git a/apps/site/components/Common/Partners/PartnersLogoList/index.tsx b/apps/site/components/Common/Partners/PartnersLogoList/index.tsx index 6b81f7deea13d..042b891b26212 100644 --- a/apps/site/components/Common/Partners/PartnersLogoList/index.tsx +++ b/apps/site/components/Common/Partners/PartnersLogoList/index.tsx @@ -1,10 +1,10 @@ 'use client'; -import type { FC } from 'react'; - import usePartnersList from '#site/hooks/react-client/usePartnersList'; import { LOGO_PARTNERS } from '#site/next.partners.constants'; + import type { PartnerCategory } from '#site/types'; +import type { FC } from 'react'; import PartnerLogo from '../PartnerLogo'; diff --git a/apps/site/components/Common/Partners/utils.ts b/apps/site/components/Common/Partners/utils.ts index c47fec46be77e..8ce9a6f4809ee 100644 --- a/apps/site/components/Common/Partners/utils.ts +++ b/apps/site/components/Common/Partners/utils.ts @@ -1,6 +1,7 @@ -import type { RandomPartnerListConfig, Partners } from '#site/types'; import { shuffle } from '#site/util/array'; +import type { RandomPartnerListConfig, Partners } from '#site/types'; + async function randomPartnerList( partners: Array, config: RandomPartnerListConfig diff --git a/apps/site/components/Common/Searchbox/ChatInteractions/index.tsx b/apps/site/components/Common/Searchbox/ChatInteractions/index.tsx index c6b358031e16d..50e00fbf643d8 100644 --- a/apps/site/components/Common/Searchbox/ChatInteractions/index.tsx +++ b/apps/site/components/Common/Searchbox/ChatInteractions/index.tsx @@ -1,11 +1,12 @@ 'use client'; import { ArrowDownIcon } from '@heroicons/react/24/solid'; -import type { Interaction } from '@orama/core'; import { ChatInteractions } from '@orama/ui/components'; import { useScrollableContainer } from '@orama/ui/hooks/useScrollableContainer'; import { useTranslations } from 'next-intl'; +import type { Interaction } from '@orama/core'; + import { ChatMessage } from '../ChatMessage'; import styles from './index.module.css'; diff --git a/apps/site/components/Common/Searchbox/ChatMessage/index.tsx b/apps/site/components/Common/Searchbox/ChatMessage/index.tsx index 4b9796264b2f8..1f468d43cf10c 100644 --- a/apps/site/components/Common/Searchbox/ChatMessage/index.tsx +++ b/apps/site/components/Common/Searchbox/ChatMessage/index.tsx @@ -1,6 +1,7 @@ import ChatActions from '@node-core/ui-components/Common/Search/Chat/Actions'; -import type { Interaction } from '@orama/core'; import { ChatInteractions } from '@orama/ui/components'; + +import type { Interaction } from '@orama/core'; import type { FC } from 'react'; import ChatSources from '../ChatSources'; diff --git a/apps/site/components/Common/Searchbox/ChatSources/index.tsx b/apps/site/components/Common/Searchbox/ChatSources/index.tsx index 37c548b7e9248..11a177a98c35b 100644 --- a/apps/site/components/Common/Searchbox/ChatSources/index.tsx +++ b/apps/site/components/Common/Searchbox/ChatSources/index.tsx @@ -1,8 +1,9 @@ -import type { Interaction, AnyObject } from '@orama/core'; import { ChatInteractions } from '@orama/ui/components'; -import type { FC } from 'react'; import type { Document } from '../DocumentLink'; +import type { Interaction, AnyObject } from '@orama/core'; +import type { FC } from 'react'; + import { DocumentLink } from '../DocumentLink'; import styles from './index.module.css'; diff --git a/apps/site/components/Common/Searchbox/DocumentLink/index.tsx b/apps/site/components/Common/Searchbox/DocumentLink/index.tsx index 44c507ac4f13d..cfb3eec12c575 100644 --- a/apps/site/components/Common/Searchbox/DocumentLink/index.tsx +++ b/apps/site/components/Common/Searchbox/DocumentLink/index.tsx @@ -2,6 +2,7 @@ import Link from 'next/link'; import { useLocale } from 'next-intl'; + import type { FC } from 'react'; import styles from './index.module.css'; diff --git a/apps/site/components/Common/Searchbox/SearchItem/index.tsx b/apps/site/components/Common/Searchbox/SearchItem/index.tsx index ba205a79f7412..2d42209174105 100644 --- a/apps/site/components/Common/Searchbox/SearchItem/index.tsx +++ b/apps/site/components/Common/Searchbox/SearchItem/index.tsx @@ -2,10 +2,11 @@ import { DocumentTextIcon } from '@heroicons/react/24/outline'; import { SearchResults } from '@orama/ui/components'; + +import type { Document } from '../DocumentLink'; import type { FC } from 'react'; import { DocumentLink } from '../DocumentLink'; -import type { Document } from '../DocumentLink'; import { getFormattedPath } from './utils'; import styles from './index.module.css'; diff --git a/apps/site/components/Common/Searchbox/SlidingChatPanel/index.tsx b/apps/site/components/Common/Searchbox/SlidingChatPanel/index.tsx index 111b0adfae88c..5e1d89fbe8c3f 100644 --- a/apps/site/components/Common/Searchbox/SlidingChatPanel/index.tsx +++ b/apps/site/components/Common/Searchbox/SlidingChatPanel/index.tsx @@ -4,6 +4,7 @@ import { XMarkIcon } from '@heroicons/react/24/solid'; import ChatInput from '@node-core/ui-components/Common/Search/Chat/Input'; import { SlidingPanel } from '@orama/ui/components'; import { useTranslations } from 'next-intl'; + import type { FC, PropsWithChildren } from 'react'; import { ChatInteractionsContainer } from '../ChatInteractions'; diff --git a/apps/site/components/Common/Searchbox/index.tsx b/apps/site/components/Common/Searchbox/index.tsx index eabd8e4823c27..00c2d6739b528 100644 --- a/apps/site/components/Common/Searchbox/index.tsx +++ b/apps/site/components/Common/Searchbox/index.tsx @@ -6,11 +6,12 @@ import SearchResults from '@node-core/ui-components/Common/Search/Results'; import SearchSuggestions from '@node-core/ui-components/Common/Search/Suggestions'; import { useTranslations } from 'next-intl'; import { useState } from 'react'; -import type { FC } from 'react'; import { DEFAULT_ORAMA_QUERY_PARAMS } from '#site/next.constants.mjs'; import type { Document } from './DocumentLink'; +import type { FC } from 'react'; + import { Footer } from './Footer'; import { oramaClient } from './orama-client'; import { SearchItem } from './SearchItem'; diff --git a/apps/site/components/Common/Supporters/index.tsx b/apps/site/components/Common/Supporters/index.tsx index 63e01509efe63..15bf295dc8722 100644 --- a/apps/site/components/Common/Supporters/index.tsx +++ b/apps/site/components/Common/Supporters/index.tsx @@ -1,7 +1,7 @@ import Avatar from '@node-core/ui-components/Common/AvatarGroup/Avatar'; -import type { FC } from 'react'; import type { Supporters } from '#site/types'; +import type { FC } from 'react'; type SupportersListProps = { supporters: Array; diff --git a/apps/site/components/Common/Turtle/index.tsx b/apps/site/components/Common/Turtle/index.tsx index 7d69b1b7ebac8..9f73e6ac1afb2 100644 --- a/apps/site/components/Common/Turtle/index.tsx +++ b/apps/site/components/Common/Turtle/index.tsx @@ -1,4 +1,5 @@ import Image from 'next/image'; + import type { FC } from 'react'; import styles from './index.module.css'; diff --git a/apps/site/components/Downloads/DownloadButton/index.tsx b/apps/site/components/Downloads/DownloadButton/index.tsx index c280f2d8f83ac..8e8a2d9469e23 100644 --- a/apps/site/components/Downloads/DownloadButton/index.tsx +++ b/apps/site/components/Downloads/DownloadButton/index.tsx @@ -1,13 +1,14 @@ import { CloudArrowDownIcon } from '@heroicons/react/24/outline'; import classNames from 'classnames'; -import type { FC, PropsWithChildren } from 'react'; import { getClientContext } from '#site/client-context'; import Button from '#site/components/Common/Button'; -import type { NodeRelease } from '#site/types'; import { getNodeDownloadUrl } from '#site/util/url'; import { getUserPlatform } from '#site/util/userAgent'; +import type { NodeRelease } from '#site/types'; +import type { FC, PropsWithChildren } from 'react'; + import styles from './index.module.css'; type DownloadButtonProps = { release: NodeRelease }; diff --git a/apps/site/components/Downloads/DownloadLink.tsx b/apps/site/components/Downloads/DownloadLink.tsx index c5887935d0ff4..7ec914d6f2eed 100644 --- a/apps/site/components/Downloads/DownloadLink.tsx +++ b/apps/site/components/Downloads/DownloadLink.tsx @@ -1,11 +1,11 @@ -import type { FC, PropsWithChildren } from 'react'; - import { getClientContext } from '#site/client-context'; import LinkWithArrow from '#site/components/Common/LinkWithArrow'; -import type { DownloadKind, NodeRelease } from '#site/types'; import { getNodeDownloadUrl } from '#site/util/url'; import { getUserPlatform } from '#site/util/userAgent'; +import type { DownloadKind, NodeRelease } from '#site/types'; +import type { FC, PropsWithChildren } from 'react'; + type DownloadLinkProps = { release: NodeRelease; kind?: DownloadKind }; const DownloadLink: FC> = ({ diff --git a/apps/site/components/Downloads/DownloadsTable/index.tsx b/apps/site/components/Downloads/DownloadsTable/index.tsx index 5e2c7881efd5d..9519dc0e785e4 100644 --- a/apps/site/components/Downloads/DownloadsTable/index.tsx +++ b/apps/site/components/Downloads/DownloadsTable/index.tsx @@ -1,10 +1,11 @@ import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import Link from '#site/components/Link'; -import type { DownloadArtifact } from '#site/types'; import { OperatingSystemLabel } from '#site/util/download'; +import type { DownloadArtifact } from '#site/types'; +import type { FC } from 'react'; + type DownloadsTableProps = { source: Array; }; diff --git a/apps/site/components/Downloads/Release/BlogPostLink.tsx b/apps/site/components/Downloads/Release/BlogPostLink.tsx index 484fffb0eaac1..1c83aec0cf02a 100644 --- a/apps/site/components/Downloads/Release/BlogPostLink.tsx +++ b/apps/site/components/Downloads/Release/BlogPostLink.tsx @@ -1,11 +1,12 @@ 'use client'; -import type { FC, PropsWithChildren } from 'react'; import { useContext } from 'react'; import Link from '#site/components/Link'; import { ReleaseContext } from '#site/providers/releaseProvider'; +import type { FC, PropsWithChildren } from 'react'; + const BlogPostLink: FC = ({ children }) => { const { release } = useContext(ReleaseContext); const version = release.versionWithPrefix; diff --git a/apps/site/components/Downloads/Release/ChangelogLink.tsx b/apps/site/components/Downloads/Release/ChangelogLink.tsx index 047b623c62d5b..c1db31d0d275b 100644 --- a/apps/site/components/Downloads/Release/ChangelogLink.tsx +++ b/apps/site/components/Downloads/Release/ChangelogLink.tsx @@ -1,12 +1,13 @@ 'use client'; -import type { FC, PropsWithChildren } from 'react'; import { useContext } from 'react'; import LinkWithArrow from '#site/components/Common/LinkWithArrow'; import { BASE_CHANGELOG_URL } from '#site/next.constants.mjs'; import { ReleaseContext } from '#site/providers/releaseProvider'; +import type { FC, PropsWithChildren } from 'react'; + const ChangelogLink: FC = ({ children }) => { const { release } = useContext(ReleaseContext); diff --git a/apps/site/components/Downloads/Release/DownloadLink.tsx b/apps/site/components/Downloads/Release/DownloadLink.tsx index 6d9e20179f7f1..210749800afd2 100644 --- a/apps/site/components/Downloads/Release/DownloadLink.tsx +++ b/apps/site/components/Downloads/Release/DownloadLink.tsx @@ -1,11 +1,12 @@ 'use client'; -import type { FC, PropsWithChildren } from 'react'; import { useContext } from 'react'; import DownloadLinkBase from '#site/components/Downloads/DownloadLink'; import { ReleaseContext } from '#site/providers/releaseProvider'; + import type { DownloadKind } from '#site/types/download'; +import type { FC, PropsWithChildren } from 'react'; type DownloadLinkProps = { kind?: DownloadKind }; diff --git a/apps/site/components/Downloads/Release/InstallationMethodDropdown.tsx b/apps/site/components/Downloads/Release/InstallationMethodDropdown.tsx index b640912ee9de1..ceae59189c825 100644 --- a/apps/site/components/Downloads/Release/InstallationMethodDropdown.tsx +++ b/apps/site/components/Downloads/Release/InstallationMethodDropdown.tsx @@ -3,12 +3,13 @@ import Select from '@node-core/ui-components/Common/Select'; import { useTranslations } from 'next-intl'; import { useContext, useEffect, useMemo } from 'react'; -import type { FC } from 'react'; import { ReleaseContext } from '#site/providers/releaseProvider'; -import type { InstallationMethod } from '#site/types/release'; import { nextItem, INSTALL_METHODS, parseCompat } from '#site/util/download'; +import type { InstallationMethod } from '#site/types/release'; +import type { FC } from 'react'; + const InstallationMethodDropdown: FC = () => { const release = useContext(ReleaseContext); const t = useTranslations(); diff --git a/apps/site/components/Downloads/Release/OperatingSystemDropdown.tsx b/apps/site/components/Downloads/Release/OperatingSystemDropdown.tsx index 1e096adf3ffcd..7b174221912d9 100644 --- a/apps/site/components/Downloads/Release/OperatingSystemDropdown.tsx +++ b/apps/site/components/Downloads/Release/OperatingSystemDropdown.tsx @@ -3,13 +3,14 @@ import Select from '@node-core/ui-components/Common/Select'; import { useTranslations } from 'next-intl'; import { useContext, useEffect, useMemo } from 'react'; -import type { FC } from 'react'; import { useClientContext } from '#site/hooks'; import { ReleaseContext } from '#site/providers/releaseProvider'; -import type { OperatingSystem } from '#site/types/userAgent'; import { nextItem, OPERATING_SYSTEMS, parseCompat } from '#site/util/download'; +import type { OperatingSystem } from '#site/types/userAgent'; +import type { FC } from 'react'; + type OperatingSystemDropdownProps = { exclude?: Array }; const OperatingSystemDropdown: FC = () => { diff --git a/apps/site/components/Downloads/Release/PackageManagerDropdown.tsx b/apps/site/components/Downloads/Release/PackageManagerDropdown.tsx index defee5799e364..6991d35fec07c 100644 --- a/apps/site/components/Downloads/Release/PackageManagerDropdown.tsx +++ b/apps/site/components/Downloads/Release/PackageManagerDropdown.tsx @@ -3,12 +3,13 @@ import Select from '@node-core/ui-components/Common/Select'; import { useTranslations } from 'next-intl'; import { useContext, useEffect, useMemo } from 'react'; -import type { FC } from 'react'; import { ReleaseContext } from '#site/providers/releaseProvider'; -import type { PackageManager } from '#site/types/release'; import { nextItem, PACKAGE_MANAGERS, parseCompat } from '#site/util/download'; +import type { PackageManager } from '#site/types/release'; +import type { FC } from 'react'; + const PackageManagerDropdown: FC = () => { const release = useContext(ReleaseContext); const t = useTranslations(); diff --git a/apps/site/components/Downloads/Release/PlatformDropdown.tsx b/apps/site/components/Downloads/Release/PlatformDropdown.tsx index 57a73d1d1a710..7a4578d5d60e7 100644 --- a/apps/site/components/Downloads/Release/PlatformDropdown.tsx +++ b/apps/site/components/Downloads/Release/PlatformDropdown.tsx @@ -2,15 +2,16 @@ import Select from '@node-core/ui-components/Common/Select'; import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import { useEffect, useContext, useMemo } from 'react'; import { useClientContext } from '#site/hooks'; import { ReleaseContext } from '#site/providers/releaseProvider'; -import type { Platform } from '#site/types/userAgent'; import { PLATFORMS, nextItem, parseCompat } from '#site/util/download'; import { getUserPlatform } from '#site/util/userAgent'; +import type { Platform } from '#site/types/userAgent'; +import type { FC } from 'react'; + const PlatformDropdown: FC = () => { const { architecture, bitness } = useClientContext(); diff --git a/apps/site/components/Downloads/Release/PrebuiltDownloadButtons.tsx b/apps/site/components/Downloads/Release/PrebuiltDownloadButtons.tsx index 859ab3faeef80..d009baba9e858 100644 --- a/apps/site/components/Downloads/Release/PrebuiltDownloadButtons.tsx +++ b/apps/site/components/Downloads/Release/PrebuiltDownloadButtons.tsx @@ -4,7 +4,6 @@ import { CloudArrowDownIcon } from '@heroicons/react/24/outline'; import Skeleton from '@node-core/ui-components/Common/Skeleton'; import { useTranslations } from 'next-intl'; import { useContext } from 'react'; -import type { FC } from 'react'; import Button from '#site/components/Common/Button'; import { ReleaseContext } from '#site/providers/releaseProvider'; @@ -14,6 +13,8 @@ import { } from '#site/util/download'; import { getNodeDownloadUrl } from '#site/util/url'; +import type { FC } from 'react'; + // Retrieves the pure extension piece from the input string const getExtension = (input: string) => String(input.split('.').slice(-1)); diff --git a/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx b/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx index a3792cd7c0135..c0d567ecb5ac3 100644 --- a/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx +++ b/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx @@ -4,7 +4,6 @@ import { highlightToHtml } from '@node-core/rehype-shiki/minimal'; import AlertBox from '@node-core/ui-components/Common/AlertBox'; import Skeleton from '@node-core/ui-components/Common/Skeleton'; import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import { useContext, useMemo } from 'react'; import CodeBox from '#site/components/Common/CodeBox'; @@ -15,11 +14,13 @@ import { ReleaseContext, ReleasesContext, } from '#site/providers/releaseProvider'; -import type { DownloadSnippet } from '#site/types/download'; -import type { ReleaseContextType } from '#site/types/release'; import { INSTALL_METHODS } from '#site/util/download'; import createInterpreter from '#site/util/interpreter'; +import type { DownloadSnippet } from '#site/types/download'; +import type { ReleaseContextType } from '#site/types/release'; +import type { FC } from 'react'; + // Creates a minimal JavaScript interpreter for parsing the JavaScript code from the snippets // Note: that the code runs inside a sandboxed environment and cannot interact with any code outside of the sandbox // It also does not have access to any Global or Window objects, nor it can execute code on the end-user's browser diff --git a/apps/site/components/Downloads/Release/VersionDropdown.tsx b/apps/site/components/Downloads/Release/VersionDropdown.tsx index 94a74ad4533bc..fcffe896ba307 100644 --- a/apps/site/components/Downloads/Release/VersionDropdown.tsx +++ b/apps/site/components/Downloads/Release/VersionDropdown.tsx @@ -2,7 +2,6 @@ import WithNoScriptSelect from '@node-core/ui-components/Common/Select/NoScriptSelect'; import { useLocale, useTranslations } from 'next-intl'; -import type { FC } from 'react'; import { useContext } from 'react'; import { redirect, usePathname } from '#site/navigation'; @@ -11,6 +10,8 @@ import { ReleasesContext, } from '#site/providers/releaseProvider'; +import type { FC } from 'react'; + const getDropDownStatus = (version: string, status: string) => { if (status.endsWith('LTS')) { return `${version} (LTS)`; diff --git a/apps/site/components/EOL/EOLModal.tsx b/apps/site/components/EOL/EOLModal.tsx index 16bf6e97d4fb2..1a8998025c9d3 100644 --- a/apps/site/components/EOL/EOLModal.tsx +++ b/apps/site/components/EOL/EOLModal.tsx @@ -1,13 +1,14 @@ import { Modal, Title, Content } from '@node-core/ui-components/Common/Modal'; import { useTranslations } from 'next-intl'; import { useMemo } from 'react'; -import type { FC, ComponentProps } from 'react'; import KnownSeveritySection from '#site/components/EOL/KnownSeveritySection'; import UnknownSeveritySection from '#site/components/EOL/UnknownSeveritySection'; import { SEVERITY_ORDER } from '#site/next.constants.mjs'; + import type { NodeRelease } from '#site/types/releases'; import type { Vulnerability } from '#site/types/vulnerabilities'; +import type { FC, ComponentProps } from 'react'; type EOLModalProps = ComponentProps & { release: NodeRelease; diff --git a/apps/site/components/EOL/EOLReleaseTable/TableBody.tsx b/apps/site/components/EOL/EOLReleaseTable/TableBody.tsx index 998e210559173..e7a1a83a740c2 100644 --- a/apps/site/components/EOL/EOLReleaseTable/TableBody.tsx +++ b/apps/site/components/EOL/EOLReleaseTable/TableBody.tsx @@ -1,15 +1,16 @@ 'use client'; import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import { Fragment, useState } from 'react'; import FormattedTime from '#site/components/Common/FormattedTime'; import LinkWithArrow from '#site/components/Common/LinkWithArrow'; import EOLModal from '#site/components/EOL/EOLModal'; import VulnerabilityChips from '#site/components/EOL/VulnerabilityChips'; + import type { NodeRelease } from '#site/types/releases.js'; import type { GroupedVulnerabilities } from '#site/types/vulnerabilities.js'; +import type { FC } from 'react'; type EOLReleaseTableBodyProps = { eolReleases: Array; diff --git a/apps/site/components/EOL/EOLReleaseTable/index.tsx b/apps/site/components/EOL/EOLReleaseTable/index.tsx index 76d46a32a2a48..9116bdf8dd5f3 100644 --- a/apps/site/components/EOL/EOLReleaseTable/index.tsx +++ b/apps/site/components/EOL/EOLReleaseTable/index.tsx @@ -1,11 +1,12 @@ import Switch from '@node-core/ui-components/Common/Switch'; import { getTranslations } from 'next-intl/server'; -import type { FC } from 'react'; import provideReleaseData from '#site/next-data/providers/releaseData'; import provideVulnerabilities from '#site/next-data/providers/vulnerabilities'; import { EOL_VERSION_IDENTIFIER } from '#site/next.constants.mjs'; +import type { FC } from 'react'; + import EOLReleaseTableBody from './TableBody'; import styles from './index.module.css'; diff --git a/apps/site/components/EOL/KnownSeveritySection.tsx b/apps/site/components/EOL/KnownSeveritySection.tsx index a5f259fe51ead..4a12a383e7400 100644 --- a/apps/site/components/EOL/KnownSeveritySection.tsx +++ b/apps/site/components/EOL/KnownSeveritySection.tsx @@ -1,7 +1,7 @@ -import type { FC } from 'react'; - import VulnerabilitiesTable from '#site/components/EOL/VulnerabilitiesTable'; + import type { Vulnerability } from '#site/types/vulnerabilities'; +import type { FC } from 'react'; type KnownSeveritySectionProps = { vulnerabilities: Array; diff --git a/apps/site/components/EOL/UnknownSeveritySection.tsx b/apps/site/components/EOL/UnknownSeveritySection.tsx index 6162e6418a3ce..dada3aaefe6b1 100644 --- a/apps/site/components/EOL/UnknownSeveritySection.tsx +++ b/apps/site/components/EOL/UnknownSeveritySection.tsx @@ -1,8 +1,9 @@ import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import VulnerabilitiesTable from '#site/components/EOL/VulnerabilitiesTable'; + import type { Vulnerability } from '#site/types/vulnerabilities'; +import type { FC } from 'react'; type UnknownSeveritySectionProps = { vulnerabilities: Array; diff --git a/apps/site/components/EOL/VulnerabilitiesTable.tsx b/apps/site/components/EOL/VulnerabilitiesTable.tsx index 8ea8efe857bc7..8c2524ba2e57c 100644 --- a/apps/site/components/EOL/VulnerabilitiesTable.tsx +++ b/apps/site/components/EOL/VulnerabilitiesTable.tsx @@ -1,9 +1,10 @@ import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import LinkWithArrow from '#site/components/Common/LinkWithArrow'; import VulnerabilityChip from '#site/components/EOL/VulnerabilityChips/VulnerabilityChip'; + import type { Vulnerability } from '#site/types/vulnerabilities'; +import type { FC } from 'react'; const VulnerabilitiesTable: FC<{ vulnerabilities: Array; diff --git a/apps/site/components/EOL/VulnerabilityChips/VulnerabilityChip/index.tsx b/apps/site/components/EOL/VulnerabilityChips/VulnerabilityChip/index.tsx index 6ed179e6cdcc9..b0673dfe508ca 100644 --- a/apps/site/components/EOL/VulnerabilityChips/VulnerabilityChip/index.tsx +++ b/apps/site/components/EOL/VulnerabilityChips/VulnerabilityChip/index.tsx @@ -1,10 +1,11 @@ -import type { BadgeKind } from '@node-core/ui-components/Common/Badge'; import Badge from '@node-core/ui-components/Common/Badge'; import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import { SEVERITY_KIND_MAP } from '#site/next.constants.mjs'; + import type { Severity } from '#site/types'; +import type { BadgeKind } from '@node-core/ui-components/Common/Badge'; +import type { FC } from 'react'; import styles from './index.module.css'; diff --git a/apps/site/components/EOL/VulnerabilityChips/index.tsx b/apps/site/components/EOL/VulnerabilityChips/index.tsx index a6a9cdf7b276b..4a6753e774924 100644 --- a/apps/site/components/EOL/VulnerabilityChips/index.tsx +++ b/apps/site/components/EOL/VulnerabilityChips/index.tsx @@ -1,7 +1,7 @@ -import type { FC } from 'react'; - import { SEVERITY_ORDER } from '#site/next.constants.mjs'; + import type { Severity, Vulnerability } from '#site/types'; +import type { FC } from 'react'; import VulnerabilityChip from './VulnerabilityChip'; diff --git a/apps/site/components/Link.tsx b/apps/site/components/Link.tsx index b0843ef357c79..d466df09e1962 100644 --- a/apps/site/components/Link.tsx +++ b/apps/site/components/Link.tsx @@ -1,7 +1,7 @@ -import type { FC, AnchorHTMLAttributes, ComponentProps } from 'react'; - import { Link as LocalizedLink } from '#site/navigation.mjs'; +import type { FC, AnchorHTMLAttributes, ComponentProps } from 'react'; + export type LinkProps = | AnchorHTMLAttributes | ComponentProps; diff --git a/apps/site/components/MDX/Calendar/Event/index.tsx b/apps/site/components/MDX/Calendar/Event/index.tsx index 542cb494b6bb7..63f63441e49ff 100644 --- a/apps/site/components/MDX/Calendar/Event/index.tsx +++ b/apps/site/components/MDX/Calendar/Event/index.tsx @@ -1,9 +1,9 @@ -import type { FC } from 'react'; - import FormattedTime from '#site/components/Common/FormattedTime'; import Link from '#site/components/Link'; import { getZoomLink, isZoned } from '#site/components/MDX/Calendar/utils'; + import type { CalendarEvent } from '#site/types'; +import type { FC } from 'react'; import styles from './index.module.css'; diff --git a/apps/site/components/MDX/Calendar/UpcomingMeetings.tsx b/apps/site/components/MDX/Calendar/UpcomingMeetings.tsx index 743db02817ab0..7a674286db712 100644 --- a/apps/site/components/MDX/Calendar/UpcomingMeetings.tsx +++ b/apps/site/components/MDX/Calendar/UpcomingMeetings.tsx @@ -1,11 +1,11 @@ -import type { FC } from 'react'; - import FormattedTime from '#site/components/Common/FormattedTime'; import Event from '#site/components/MDX/Calendar/Event'; import { getZoomLink, isZoned } from '#site/components/MDX/Calendar/utils'; import { CALENDAR_NODEJS_ID } from '#site/next.calendar.constants.mjs'; import { getCalendarEvents } from '#site/next.calendar.mjs'; + import type { CalendarEvent } from '#site/types'; +import type { FC } from 'react'; import styles from './calendar.module.css'; diff --git a/apps/site/components/MDX/CodeBox/index.tsx b/apps/site/components/MDX/CodeBox/index.tsx index ef0b977a1a995..f22933eeb3c26 100644 --- a/apps/site/components/MDX/CodeBox/index.tsx +++ b/apps/site/components/MDX/CodeBox/index.tsx @@ -1,8 +1,9 @@ import { getLanguageDisplayName } from '@node-core/rehype-shiki'; -import type { FC, PropsWithChildren } from 'react'; import CodeBox from '#site/components/Common/CodeBox'; +import type { FC, PropsWithChildren } from 'react'; + type CodeBoxProps = { className?: string; showCopyButton?: string }; const MDXCodeBox: FC> = ({ diff --git a/apps/site/components/MDX/Image/index.tsx b/apps/site/components/MDX/Image/index.tsx index e2e39f1727213..b0da9f581e232 100644 --- a/apps/site/components/MDX/Image/index.tsx +++ b/apps/site/components/MDX/Image/index.tsx @@ -1,5 +1,6 @@ -import type { ImageProps } from 'next/image'; import Image from 'next/image'; + +import type { ImageProps } from 'next/image'; import type { FC } from 'react'; const MDXImage: FC = ({ width, height, alt, src, ...props }) => { diff --git a/apps/site/components/Releases/MinorReleasesTable/index.tsx b/apps/site/components/Releases/MinorReleasesTable/index.tsx index 1c8662f492389..342d2720f200d 100644 --- a/apps/site/components/Releases/MinorReleasesTable/index.tsx +++ b/apps/site/components/Releases/MinorReleasesTable/index.tsx @@ -2,15 +2,16 @@ import { CodeBracketSquareIcon } from '@heroicons/react/24/outline'; import Separator from '@node-core/ui-components/Common/Separator'; import NpmIcon from '@node-core/ui-components/Icons/PackageManager/Npm'; import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import LinkWithArrow from '#site/components/Common/LinkWithArrow'; import Link from '#site/components/Link'; import ReleaseOverviewItem from '#site/components/Releases/ReleaseOverview/ReleaseOverviewItem'; import { BASE_CHANGELOG_URL } from '#site/next.constants.mjs'; -import type { MinorVersion } from '#site/types'; import { getNodeApiUrl } from '#site/util/url'; +import type { MinorVersion } from '#site/types'; +import type { FC } from 'react'; + import styles from './index.module.css'; type MinorReleasesTableProps = { diff --git a/apps/site/components/Releases/PreviousReleasesTable/TableBody.tsx b/apps/site/components/Releases/PreviousReleasesTable/TableBody.tsx index f5011cac7290d..69f388fbd54ac 100644 --- a/apps/site/components/Releases/PreviousReleasesTable/TableBody.tsx +++ b/apps/site/components/Releases/PreviousReleasesTable/TableBody.tsx @@ -2,13 +2,14 @@ import Badge from '@node-core/ui-components/Common/Badge'; import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import { Fragment, useState } from 'react'; import FormattedTime from '#site/components/Common/FormattedTime'; import LinkWithArrow from '#site/components/Common/LinkWithArrow'; import Link from '#site/components/Link'; + import type { NodeRelease } from '#site/types/releases.js'; +import type { FC } from 'react'; import ReleaseModal from '../ReleaseModal'; diff --git a/apps/site/components/Releases/PreviousReleasesTable/index.tsx b/apps/site/components/Releases/PreviousReleasesTable/index.tsx index 342528ec62e32..a018f0114732f 100644 --- a/apps/site/components/Releases/PreviousReleasesTable/index.tsx +++ b/apps/site/components/Releases/PreviousReleasesTable/index.tsx @@ -1,8 +1,9 @@ import { getTranslations } from 'next-intl/server'; -import type { FC } from 'react'; import provideReleaseData from '#site/next-data/providers/releaseData'; +import type { FC } from 'react'; + import PreviousReleasesTableBody from './TableBody'; const PreviousReleasesTable: FC = async () => { diff --git a/apps/site/components/Releases/ReleaseModal.tsx b/apps/site/components/Releases/ReleaseModal.tsx index c20ea30624158..25036a777c243 100644 --- a/apps/site/components/Releases/ReleaseModal.tsx +++ b/apps/site/components/Releases/ReleaseModal.tsx @@ -1,11 +1,12 @@ import { Modal, Title, Content } from '@node-core/ui-components/Common/Modal'; import { useTranslations } from 'next-intl'; -import type { ComponentProps, FC } from 'react'; import MinorReleasesTable from '#site/components/Releases/MinorReleasesTable'; import ReleaseOverview from '#site/components/Releases/ReleaseOverview'; import WithReleaseAlertBox from '#site/components/withReleaseAlertBox'; + import type { NodeRelease } from '#site/types'; +import type { ComponentProps, FC } from 'react'; type ReleaseModalProps = ComponentProps & { release: NodeRelease; diff --git a/apps/site/components/Releases/ReleaseOverview/ReleaseOverviewItem/index.tsx b/apps/site/components/Releases/ReleaseOverview/ReleaseOverviewItem/index.tsx index 935d04d660ce5..36e5d44e092aa 100644 --- a/apps/site/components/Releases/ReleaseOverview/ReleaseOverviewItem/index.tsx +++ b/apps/site/components/Releases/ReleaseOverview/ReleaseOverviewItem/index.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, ReactNode, SVGProps } from 'react'; import styles from './index.module.css'; diff --git a/apps/site/components/Releases/ReleaseOverview/index.tsx b/apps/site/components/Releases/ReleaseOverview/index.tsx index ca188f7b8e6ee..b3f5b3ed65b22 100644 --- a/apps/site/components/Releases/ReleaseOverview/index.tsx +++ b/apps/site/components/Releases/ReleaseOverview/index.tsx @@ -6,10 +6,11 @@ import { } from '@heroicons/react/24/outline'; import NpmIcon from '@node-core/ui-components/Icons/PackageManager/Npm'; import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import FormattedTime from '#site/components/Common/FormattedTime'; + import type { NodeRelease } from '#site/types'; +import type { FC } from 'react'; import ReleaseOverviewItem from './ReleaseOverviewItem'; diff --git a/apps/site/components/withAvatarGroup.tsx b/apps/site/components/withAvatarGroup.tsx index a18c597b86b3d..f9c3491dd8c92 100644 --- a/apps/site/components/withAvatarGroup.tsx +++ b/apps/site/components/withAvatarGroup.tsx @@ -1,12 +1,13 @@ 'use client'; import AvatarGroup from '@node-core/ui-components/Common/AvatarGroup'; -import type { ComponentProps, FC } from 'react'; import Link from '#site/components/Link'; -import type { AuthorProps } from '#site/types'; import { getAuthors } from '#site/util/author'; +import type { AuthorProps } from '#site/types'; +import type { ComponentProps, FC } from 'react'; + type WithAvatarGroupProps = Omit< ComponentProps, 'avatars' | 'as' diff --git a/apps/site/components/withBadgeGroup.tsx b/apps/site/components/withBadgeGroup.tsx index 678ab8404bd93..be4263437700c 100644 --- a/apps/site/components/withBadgeGroup.tsx +++ b/apps/site/components/withBadgeGroup.tsx @@ -1,10 +1,11 @@ import BadgeGroup from '@node-core/ui-components/Common/BadgeGroup'; -import type { FC } from 'react'; import Link from '#site/components/Link'; import { siteConfig } from '#site/next.json.mjs'; import { dateIsBetween } from '#site/util/date'; +import type { FC } from 'react'; + const WithBadgeGroup: FC<{ section: string }> = ({ section }) => { const badge = siteConfig.websiteBadges[section]; diff --git a/apps/site/components/withBanner.tsx b/apps/site/components/withBanner.tsx index 169ddd5598f4f..670307e729a8e 100644 --- a/apps/site/components/withBanner.tsx +++ b/apps/site/components/withBanner.tsx @@ -1,11 +1,12 @@ import { ArrowUpRightIcon } from '@heroicons/react/24/outline'; import Banner from '@node-core/ui-components/Common/Banner'; -import type { FC } from 'react'; import Link from '#site/components/Link'; import { siteConfig } from '#site/next.json.mjs'; import { dateIsBetween } from '#site/util/date'; +import type { FC } from 'react'; + const WithBanner: FC<{ section: string }> = ({ section }) => { const banner = siteConfig.websiteBanners[section]; diff --git a/apps/site/components/withBlogCategories.tsx b/apps/site/components/withBlogCategories.tsx index d007d1673893c..18be83b343e07 100644 --- a/apps/site/components/withBlogCategories.tsx +++ b/apps/site/components/withBlogCategories.tsx @@ -1,12 +1,13 @@ import { useTranslations } from 'next-intl'; -import type { ComponentProps, FC } from 'react'; import BlogPostCard from '#site/components/Blog/BlogPostCard'; import LinkTabs from '#site/components/Common/LinkTabs'; import Pagination from '#site/components/Common/Pagination'; -import type { BlogPostsRSC } from '#site/types'; import { mapAuthorToCardAuthors } from '#site/util/author'; +import type { BlogPostsRSC } from '#site/types'; +import type { ComponentProps, FC } from 'react'; + type WithBlogCategoriesProps = { categories: ComponentProps['tabs']; blogData: BlogPostsRSC & { category: string; page: number }; diff --git a/apps/site/components/withBlogCrossLinks.tsx b/apps/site/components/withBlogCrossLinks.tsx index 6c00a728ff6d6..5875ab7581649 100644 --- a/apps/site/components/withBlogCrossLinks.tsx +++ b/apps/site/components/withBlogCrossLinks.tsx @@ -1,10 +1,10 @@ -import type { FC } from 'react'; - import { getClientContext } from '#site/client-context'; import CrossLink from '#site/components/Common/CrossLink'; -import type { BlogCategory } from '#site/types'; import { getBlogData } from '#site/util/blog'; +import type { BlogCategory } from '#site/types'; +import type { FC } from 'react'; + const WithBlogCrossLinks: FC = () => { const { pathname } = getClientContext(); diff --git a/apps/site/components/withBreadcrumbs.tsx b/apps/site/components/withBreadcrumbs.tsx index 2d342a2b6803a..7611dc2058c0d 100644 --- a/apps/site/components/withBreadcrumbs.tsx +++ b/apps/site/components/withBreadcrumbs.tsx @@ -1,9 +1,7 @@ 'use client'; -import type { BreadcrumbLink } from '@node-core/ui-components/Common/Breadcrumbs'; import Breadcrumbs from '@node-core/ui-components/Common/Breadcrumbs'; import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import Link from '#site/components/Link'; import { @@ -11,9 +9,12 @@ import { useMediaQuery, useSiteNavigation, } from '#site/hooks'; -import type { NavigationKeys } from '#site/types'; import { dashToCamelCase } from '#site/util/string'; +import type { NavigationKeys } from '#site/types'; +import type { BreadcrumbLink } from '@node-core/ui-components/Common/Breadcrumbs'; +import type { FC } from 'react'; + type WithBreadcrumbsProps = { navKeys?: Array; }; diff --git a/apps/site/components/withDownloadArchive.tsx b/apps/site/components/withDownloadArchive.tsx index df8ecdb70aea0..ec9f47b37fa95 100644 --- a/apps/site/components/withDownloadArchive.tsx +++ b/apps/site/components/withDownloadArchive.tsx @@ -1,5 +1,4 @@ import { notFound } from 'next/navigation'; -import type { FC } from 'react'; import { getClientContext } from '#site/client-context'; import provideReleaseData from '#site/next-data/providers/releaseData'; @@ -8,6 +7,8 @@ import { extractVersionFromPath, } from '#site/util/download/archive'; +import type { FC } from 'react'; + type DownloadArchive = ReturnType; type WithDownloadArchiveProps = { diff --git a/apps/site/components/withDownloadSection.tsx b/apps/site/components/withDownloadSection.tsx index de99b85580cae..3dcb3a1f5cc19 100644 --- a/apps/site/components/withDownloadSection.tsx +++ b/apps/site/components/withDownloadSection.tsx @@ -1,5 +1,4 @@ import { getLocale } from 'next-intl/server'; -import type { FC, PropsWithChildren } from 'react'; import { getClientContext } from '#site/client-context'; import WithNodeRelease from '#site/components/withNodeRelease'; @@ -11,6 +10,7 @@ import { } from '#site/providers/releaseProvider'; import type { NodeRelease } from '../types'; +import type { FC, PropsWithChildren } from 'react'; type WithDownloadSectionProps = PropsWithChildren<{ releases: Array; diff --git a/apps/site/components/withFooter.tsx b/apps/site/components/withFooter.tsx index 72cbc8b13d9ee..b6fb622df253f 100644 --- a/apps/site/components/withFooter.tsx +++ b/apps/site/components/withFooter.tsx @@ -1,12 +1,13 @@ import BadgeGroup from '@node-core/ui-components/Common/BadgeGroup'; import Footer from '@node-core/ui-components/Containers/Footer'; import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import { getClientContext } from '#site/client-context'; import Link from '#site/components/Link'; import { siteNavigation } from '#site/next.json.mjs'; +import type { FC } from 'react'; + import WithNodeRelease from './withNodeRelease'; const WithFooter: FC = () => { diff --git a/apps/site/components/withLayout.tsx b/apps/site/components/withLayout.tsx index c7f948a5946dc..8e72c26249a3f 100644 --- a/apps/site/components/withLayout.tsx +++ b/apps/site/components/withLayout.tsx @@ -1,5 +1,3 @@ -import type { FC, PropsWithChildren } from 'react'; - import AboutLayout from '#site/layouts/About'; import ArticlePageLayout from '#site/layouts/ArticlePage'; import BlogLayout from '#site/layouts/Blog'; @@ -9,7 +7,9 @@ import DownloadArchiveLayout from '#site/layouts/DownloadArchive'; import GlowingBackdropLayout from '#site/layouts/GlowingBackdrop'; import LearnLayout from '#site/layouts/Learn'; import PostLayout from '#site/layouts/Post'; + import type { Layouts } from '#site/types'; +import type { FC, PropsWithChildren } from 'react'; const layouts = { about: AboutLayout, diff --git a/apps/site/components/withMetaBar.tsx b/apps/site/components/withMetaBar.tsx index b7c5348112beb..5cf8cfd38f7b3 100644 --- a/apps/site/components/withMetaBar.tsx +++ b/apps/site/components/withMetaBar.tsx @@ -3,7 +3,6 @@ import MetaBar from '@node-core/ui-components/Containers/MetaBar'; import GitHubIcon from '@node-core/ui-components/Icons/Social/GitHub'; import { useFormatter, useLocale, useTranslations } from 'next-intl'; -import type { FC } from 'react'; import Link from '#site/components/Link'; import WithAvatarGroup from '#site/components/withAvatarGroup'; @@ -14,6 +13,8 @@ import { TRANSLATION_URL } from '#site/next.constants.mjs'; import { defaultLocale } from '#site/next.locales.mjs'; import { getGitHubBlobUrl } from '#site/util/github'; +import type { FC } from 'react'; + const WithMetaBar: FC = () => { const { headings, readingTime, frontmatter, filename } = useClientContext(); const formatter = useFormatter(); diff --git a/apps/site/components/withNavBar.tsx b/apps/site/components/withNavBar.tsx index 65e8137ea38a9..bd300692e260f 100644 --- a/apps/site/components/withNavBar.tsx +++ b/apps/site/components/withNavBar.tsx @@ -6,11 +6,9 @@ import NavBar from '@node-core/ui-components/Containers/NavBar'; // TODO(@AvivKeller): I don't like that we are importing styles from another module import styles from '@node-core/ui-components/Containers/NavBar/index.module.css'; import GitHubIcon from '@node-core/ui-components/Icons/Social/GitHub'; -import type { SimpleLocaleConfig } from '@node-core/ui-components/types'; import dynamic from 'next/dynamic'; import { useLocale, useTranslations } from 'next-intl'; import { useTheme } from 'next-themes'; -import type { FC } from 'react'; import SearchButton from '#site/components/Common/Searchbox'; import Link from '#site/components/Link'; @@ -20,6 +18,9 @@ import { useSiteNavigation } from '#site/hooks'; import { useRouter, usePathname } from '#site/navigation.mjs'; import { availableLocales } from '#site/next.locales.mjs'; +import type { SimpleLocaleConfig } from '@node-core/ui-components/types'; +import type { FC } from 'react'; + const ThemeToggle = dynamic( () => import('@node-core/ui-components/Common/ThemeToggle'), { diff --git a/apps/site/components/withNodeRelease.tsx b/apps/site/components/withNodeRelease.tsx index 60c2d3589f134..3f9af6df1f002 100644 --- a/apps/site/components/withNodeRelease.tsx +++ b/apps/site/components/withNodeRelease.tsx @@ -1,9 +1,9 @@ 'use server'; -import type { FC } from 'react'; - import provideReleaseData from '#site/next-data/providers/releaseData'; + import type { NodeRelease, NodeReleaseStatus } from '#site/types'; +import type { FC } from 'react'; type WithNodeReleaseProps = { status: Array | NodeReleaseStatus; diff --git a/apps/site/components/withNodejsLogo.tsx b/apps/site/components/withNodejsLogo.tsx index 7c482a28c8136..e00597fc8997d 100644 --- a/apps/site/components/withNodejsLogo.tsx +++ b/apps/site/components/withNodejsLogo.tsx @@ -1,9 +1,10 @@ import NodejsLogo from '@node-core/ui-components/Common/NodejsLogo'; import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import { siteConfig } from '#site/next.json.mjs'; +import type { FC } from 'react'; + const WithNodejsLogo: FC = () => { const t = useTranslations(); return ( diff --git a/apps/site/components/withReleaseAlertBox.tsx b/apps/site/components/withReleaseAlertBox.tsx index 840f8bb3dd5d4..00a067ad75801 100644 --- a/apps/site/components/withReleaseAlertBox.tsx +++ b/apps/site/components/withReleaseAlertBox.tsx @@ -1,9 +1,10 @@ import AlertBox from '@node-core/ui-components/Common/AlertBox'; import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import Link from '#site/components/Link'; + import type { NodeReleaseStatus } from '#site/types'; +import type { FC } from 'react'; type WithReleaseAlertBoxProps = { status: NodeReleaseStatus; diff --git a/apps/site/components/withReleaseSelect.tsx b/apps/site/components/withReleaseSelect.tsx index 5dbd64c009d8c..64df156d05d88 100644 --- a/apps/site/components/withReleaseSelect.tsx +++ b/apps/site/components/withReleaseSelect.tsx @@ -1,13 +1,14 @@ 'use server'; import StatelessSelect from '@node-core/ui-components/Common/Select/StatelessSelect'; -import type { ComponentProps, FC } from 'react'; import Link from '#site/components/Link'; import provideReleaseData from '#site/next-data/providers/releaseData'; -import type { NodeRelease } from '#site/types'; import { STATUS_ORDER } from '#site/util/download'; +import type { NodeRelease } from '#site/types'; +import type { ComponentProps, FC } from 'react'; + type Navigations = Record>; /** diff --git a/apps/site/components/withSidebar.tsx b/apps/site/components/withSidebar.tsx index 5320e424a7b19..0ac5bcb60fe79 100644 --- a/apps/site/components/withSidebar.tsx +++ b/apps/site/components/withSidebar.tsx @@ -3,14 +3,15 @@ import Sidebar from '@node-core/ui-components/Containers/Sidebar'; import { usePathname } from 'next/navigation'; import { useLocale, useTranslations } from 'next-intl'; -import type { RichTranslationValues } from 'next-intl'; -import type { FC } from 'react'; import Link from '#site/components/Link'; import { useClientContext } from '#site/hooks'; import { useSiteNavigation } from '#site/hooks/server'; import { useRouter } from '#site/navigation.mjs'; + import type { NavigationKeys } from '#site/types'; +import type { RichTranslationValues } from 'next-intl'; +import type { FC } from 'react'; type WithSidebarProps = { navKeys: Array; diff --git a/apps/site/components/withSidebarCrossLinks.tsx b/apps/site/components/withSidebarCrossLinks.tsx index 53bac9215efe3..3385e12d39185 100644 --- a/apps/site/components/withSidebarCrossLinks.tsx +++ b/apps/site/components/withSidebarCrossLinks.tsx @@ -1,8 +1,8 @@ -import type { FC } from 'react'; - import CrossLink from '#site/components/Common/CrossLink'; import { useClientContext, useSiteNavigation } from '#site/hooks/server'; + import type { NavigationKeys } from '#site/types'; +import type { FC } from 'react'; type WithCrossLinksProps = { navKey: NavigationKeys }; diff --git a/apps/site/components/withSupporters.tsx b/apps/site/components/withSupporters.tsx index 6ce69110ab217..a75cac8f713fb 100644 --- a/apps/site/components/withSupporters.tsx +++ b/apps/site/components/withSupporters.tsx @@ -1,9 +1,9 @@ 'use server'; -import type { FC, PropsWithChildren } from 'react'; - import provideSupporters from '#site/next-data/providers/supportersData'; +import type { FC, PropsWithChildren } from 'react'; + import SupportersList from './Common/Supporters'; const WithSupporters: FC = async () => { diff --git a/apps/site/hooks/react-client/useClientContext.ts b/apps/site/hooks/react-client/useClientContext.ts index 2ecfae88cabc0..44d9c3d992e49 100644 --- a/apps/site/hooks/react-client/useClientContext.ts +++ b/apps/site/hooks/react-client/useClientContext.ts @@ -3,6 +3,7 @@ import { useContext } from 'react'; import { MatterContext } from '#site/providers/matterProvider'; + import type { ClientSharedServerContext } from '#site/types'; const useClientContext = (): ClientSharedServerContext => { diff --git a/apps/site/hooks/react-client/useDetectOS.ts b/apps/site/hooks/react-client/useDetectOS.ts index f7da9ebacfd2f..f1e4f797ecdce 100644 --- a/apps/site/hooks/react-client/useDetectOS.ts +++ b/apps/site/hooks/react-client/useDetectOS.ts @@ -2,12 +2,13 @@ import { useEffect, useState } from 'react'; +import { detectOS, getHighEntropyValues } from '#site/util/userAgent'; + import type { Architecture, Bitness, OperatingSystem, } from '#site/types/userAgent'; -import { detectOS, getHighEntropyValues } from '#site/util/userAgent'; type UserOSState = { os: OperatingSystem | 'LOADING'; diff --git a/apps/site/hooks/react-client/useNavigationState.ts b/apps/site/hooks/react-client/useNavigationState.ts index dbdb093ac6e25..961854280fe12 100644 --- a/apps/site/hooks/react-client/useNavigationState.ts +++ b/apps/site/hooks/react-client/useNavigationState.ts @@ -1,11 +1,12 @@ 'use client'; -import type { RefObject } from 'react'; import { useContext, useEffect } from 'react'; import { NavigationStateContext } from '#site/providers/navigationStateProvider'; import { debounce } from '#site/util/objects'; +import type { RefObject } from 'react'; + const useNavigationState = ( id: string, ref: RefObject, diff --git a/apps/site/hooks/react-client/usePartnersList.ts b/apps/site/hooks/react-client/usePartnersList.ts index 8897dcc42b954..f98301563080d 100644 --- a/apps/site/hooks/react-client/usePartnersList.ts +++ b/apps/site/hooks/react-client/usePartnersList.ts @@ -3,6 +3,7 @@ import { useEffect, useRef, useState } from 'react'; import { randomPartnerList } from '#site/components/Common/Partners/utils'; + import type { PartnerCategory, Partners } from '#site/types/partners'; const usePartnersList = ({ diff --git a/apps/site/hooks/react-generic/useSiteNavigation.ts b/apps/site/hooks/react-generic/useSiteNavigation.ts index 83f866e5bcb20..aa7a2be8efb78 100644 --- a/apps/site/hooks/react-generic/useSiteNavigation.ts +++ b/apps/site/hooks/react-generic/useSiteNavigation.ts @@ -1,14 +1,15 @@ -import type { RichTranslationValues } from 'next-intl'; import { useTranslations } from 'next-intl'; -import type { HTMLAttributeAnchorTarget } from 'react'; import { siteNavigation } from '#site/next.json.mjs'; + import type { FormattedMessage, IntlMessageKeys, NavigationEntry, NavigationKeys, } from '#site/types'; +import type { RichTranslationValues } from 'next-intl'; +import type { HTMLAttributeAnchorTarget } from 'react'; type Context = Record; type Navigation = Record; diff --git a/apps/site/layouts/About.tsx b/apps/site/layouts/About.tsx index cf616baf892aa..90ea86349a9d3 100644 --- a/apps/site/layouts/About.tsx +++ b/apps/site/layouts/About.tsx @@ -1,5 +1,4 @@ import Article from '@node-core/ui-components/Containers/Article'; -import type { FC, PropsWithChildren } from 'react'; import WithBreadcrumbs from '#site/components/withBreadcrumbs'; import WithFooter from '#site/components/withFooter'; @@ -7,6 +6,8 @@ import WithMetaBar from '#site/components/withMetaBar'; import WithNavBar from '#site/components/withNavBar'; import WithSidebar from '#site/components/withSidebar'; +import type { FC, PropsWithChildren } from 'react'; + const AboutLayout: FC = ({ children }) => ( <> diff --git a/apps/site/layouts/ArticlePage.tsx b/apps/site/layouts/ArticlePage.tsx index f4936da8a2487..b8369a7344ab2 100644 --- a/apps/site/layouts/ArticlePage.tsx +++ b/apps/site/layouts/ArticlePage.tsx @@ -1,11 +1,12 @@ import Article from '@node-core/ui-components/Containers/Article'; -import type { FC, PropsWithChildren } from 'react'; import WithFooter from '#site/components/withFooter'; import WithMetaBar from '#site/components/withMetaBar'; import WithNavBar from '#site/components/withNavBar'; import WithSidebar from '#site/components/withSidebar'; +import type { FC, PropsWithChildren } from 'react'; + const ArticlePageLayout: FC = ({ children }) => ( <> diff --git a/apps/site/layouts/Base.tsx b/apps/site/layouts/Base.tsx index 2f1d967be9ecc..19b2d23ef5abd 100644 --- a/apps/site/layouts/Base.tsx +++ b/apps/site/layouts/Base.tsx @@ -1,10 +1,11 @@ 'use client'; import { NotificationProvider } from '@node-core/ui-components/Providers/NotificationProvider'; -import type { FC, PropsWithChildren } from 'react'; import { NavigationStateProvider } from '#site/providers/navigationStateProvider'; +import type { FC, PropsWithChildren } from 'react'; + import styles from './layouts.module.css'; const BaseLayout: FC = ({ children }) => ( diff --git a/apps/site/layouts/Blog.tsx b/apps/site/layouts/Blog.tsx index 3ce9c3031a6ce..216e793bebb12 100644 --- a/apps/site/layouts/Blog.tsx +++ b/apps/site/layouts/Blog.tsx @@ -1,14 +1,15 @@ import { useTranslations } from 'next-intl'; -import type { FC } from 'react'; import { getClientContext } from '#site/client-context'; import BlogHeader from '#site/components/Blog/BlogHeader'; import WithBlogCategories from '#site/components/withBlogCategories'; import WithFooter from '#site/components/withFooter'; import WithNavBar from '#site/components/withNavBar'; -import type { BlogCategory } from '#site/types'; import { getBlogData } from '#site/util/blog'; +import type { BlogCategory } from '#site/types'; +import type { FC } from 'react'; + import styles from './layouts.module.css'; const getBlogCategory = (pathname: string) => { diff --git a/apps/site/layouts/Default.tsx b/apps/site/layouts/Default.tsx index 972b6d1fbfb48..9fae21760d7cd 100644 --- a/apps/site/layouts/Default.tsx +++ b/apps/site/layouts/Default.tsx @@ -1,10 +1,11 @@ import Article from '@node-core/ui-components/Containers/Article'; -import type { FC, PropsWithChildren } from 'react'; import WithFooter from '#site/components/withFooter'; import WithNavBar from '#site/components/withNavBar'; import WithSidebar from '#site/components/withSidebar'; +import type { FC, PropsWithChildren } from 'react'; + const DefaultLayout: FC = ({ children }) => ( <> diff --git a/apps/site/layouts/Download.tsx b/apps/site/layouts/Download.tsx index df5fc573474a9..cfd6501b10678 100644 --- a/apps/site/layouts/Download.tsx +++ b/apps/site/layouts/Download.tsx @@ -1,11 +1,11 @@ -import type { FC, PropsWithChildren } from 'react'; - import { getClientContext } from '#site/client-context'; import WithDownloadSection from '#site/components/withDownloadSection'; import WithFooter from '#site/components/withFooter'; import WithNavBar from '#site/components/withNavBar'; import provideReleaseData from '#site/next-data/providers/releaseData'; +import type { FC, PropsWithChildren } from 'react'; + import styles from './layouts.module.css'; const DownloadLayout: FC = async ({ children }) => { diff --git a/apps/site/layouts/DownloadArchive.tsx b/apps/site/layouts/DownloadArchive.tsx index 12381a6d30268..8096582ea79ef 100644 --- a/apps/site/layouts/DownloadArchive.tsx +++ b/apps/site/layouts/DownloadArchive.tsx @@ -1,8 +1,8 @@ -import type { FC, PropsWithChildren } from 'react'; - import WithFooter from '#site/components/withFooter'; import WithNavBar from '#site/components/withNavBar'; +import type { FC, PropsWithChildren } from 'react'; + import styles from './layouts.module.css'; const DownloadArchiveLayout: FC = ({ children }) => ( diff --git a/apps/site/layouts/GlowingBackdrop.tsx b/apps/site/layouts/GlowingBackdrop.tsx index f8cca61d158fa..efe869ead99d6 100644 --- a/apps/site/layouts/GlowingBackdrop.tsx +++ b/apps/site/layouts/GlowingBackdrop.tsx @@ -1,10 +1,11 @@ import GlowingBackdrop from '@node-core/ui-components/Common/GlowingBackdrop'; import classNames from 'classnames'; -import type { FC, PropsWithChildren } from 'react'; import WithFooter from '#site/components/withFooter'; import WithNavBar from '#site/components/withNavBar'; +import type { FC, PropsWithChildren } from 'react'; + import styles from './layouts.module.css'; type GlowingBackdropLayoutProps = PropsWithChildren<{ diff --git a/apps/site/layouts/Learn.tsx b/apps/site/layouts/Learn.tsx index 2cd92392d83b6..919fb04c0132c 100644 --- a/apps/site/layouts/Learn.tsx +++ b/apps/site/layouts/Learn.tsx @@ -1,5 +1,4 @@ import Article from '@node-core/ui-components/Containers/Article'; -import type { FC, PropsWithChildren } from 'react'; import WithBreadcrumbs from '#site/components/withBreadcrumbs'; import WithFooter from '#site/components/withFooter'; @@ -8,6 +7,8 @@ import WithNavBar from '#site/components/withNavBar'; import WithSideBar from '#site/components/withSidebar'; import WithSidebarCrossLinks from '#site/components/withSidebarCrossLinks'; +import type { FC, PropsWithChildren } from 'react'; + const LearnLayout: FC = ({ children }) => ( <> diff --git a/apps/site/layouts/Post.tsx b/apps/site/layouts/Post.tsx index 50d8b98963d48..b638b1ef8c5d5 100644 --- a/apps/site/layouts/Post.tsx +++ b/apps/site/layouts/Post.tsx @@ -1,5 +1,4 @@ import Preview from '@node-core/ui-components/Common/Preview'; -import type { FC, PropsWithChildren } from 'react'; import EOLAlert from '#site/components/EOL/EOLAlert'; import WithAvatarGroup from '#site/components/withAvatarGroup'; @@ -11,6 +10,8 @@ import { useClientContext } from '#site/hooks/react-server'; import { mapAuthorToCardAuthors } from '#site/util/author'; import { mapBlogCategoryToPreviewType } from '#site/util/blog'; +import type { FC, PropsWithChildren } from 'react'; + import styles from './layouts.module.css'; const PostLayout: FC = ({ children }) => { diff --git a/apps/site/next.partners.constants.tsx b/apps/site/next.partners.constants.tsx index fad1009acfcee..88979aad3485a 100644 --- a/apps/site/next.partners.constants.tsx +++ b/apps/site/next.partners.constants.tsx @@ -1,7 +1,8 @@ import partners from '#site/public/static/partners/constants.json' with { type: 'json' }; -import type { Partners } from '#site/types'; import { createPartnersList } from '#site/util/partners'; +import type { Partners } from '#site/types'; + const getPartnersByType = (type?: 'Logo' | 'Favicon') => createPartnersList(partners as Array>, type); diff --git a/apps/site/open-next.config.ts b/apps/site/open-next.config.ts index d7dbb2ff9ddda..19d77d01d747e 100644 --- a/apps/site/open-next.config.ts +++ b/apps/site/open-next.config.ts @@ -1,7 +1,8 @@ -import type { OpenNextConfig } from '@opennextjs/cloudflare'; import { defineCloudflareConfig } from '@opennextjs/cloudflare'; import incrementalCache from '@opennextjs/cloudflare/overrides/incremental-cache/kv-incremental-cache'; +import type { OpenNextConfig } from '@opennextjs/cloudflare'; + const cloudflareConfig = defineCloudflareConfig({ incrementalCache }); const openNextConfig: OpenNextConfig = { diff --git a/apps/site/providers/matterProvider.tsx b/apps/site/providers/matterProvider.tsx index 38b032c2ca3a1..6c0dcd8a510b3 100644 --- a/apps/site/providers/matterProvider.tsx +++ b/apps/site/providers/matterProvider.tsx @@ -1,12 +1,13 @@ 'use client'; import { createContext } from 'react'; -import type { FC, PropsWithChildren } from 'react'; import { useDetectOS } from '#site/hooks'; -import type { ClientSharedServerContext } from '#site/types'; import { assignClientContext } from '#site/util/context'; +import type { ClientSharedServerContext } from '#site/types'; +import type { FC, PropsWithChildren } from 'react'; + export const MatterContext = createContext( assignClientContext({}) ); diff --git a/apps/site/providers/navigationStateProvider.tsx b/apps/site/providers/navigationStateProvider.tsx index d37c26ecc18da..4691dc0e7e455 100644 --- a/apps/site/providers/navigationStateProvider.tsx +++ b/apps/site/providers/navigationStateProvider.tsx @@ -1,6 +1,7 @@ 'use client'; import { createContext, useRef } from 'react'; + import type { FC, PropsWithChildren } from 'react'; type NavigationStateContextType = Record; diff --git a/apps/site/providers/releaseProvider.tsx b/apps/site/providers/releaseProvider.tsx index 61ee7a5ee17c0..5de2a77aaf118 100644 --- a/apps/site/providers/releaseProvider.tsx +++ b/apps/site/providers/releaseProvider.tsx @@ -1,6 +1,5 @@ 'use client'; -import type { PropsWithChildren, FC } from 'react'; import { createContext, useContext, @@ -13,8 +12,10 @@ import reducer, { getActions, releaseState, } from '#site/reducers/releaseReducer'; + import type { NodeRelease } from '#site/types'; import type * as Types from '#site/types/release'; +import type { PropsWithChildren, FC } from 'react'; export const ReleasesContext = createContext({ releases: [], diff --git a/apps/site/providers/themeProvider.tsx b/apps/site/providers/themeProvider.tsx index 252d7efd68ec4..3681b840a630a 100644 --- a/apps/site/providers/themeProvider.tsx +++ b/apps/site/providers/themeProvider.tsx @@ -1,10 +1,11 @@ 'use client'; import { ThemeProvider as NextThemeProvider } from 'next-themes'; -import type { FC, PropsWithChildren } from 'react'; import { THEME_STORAGE_KEY } from '#site/next.constants.mjs'; +import type { FC, PropsWithChildren } from 'react'; + export const ThemeProvider: FC = ({ children }) => ( { // Clears text in parentheses const cleanedAuthor = author.replace(/\s*\(.*?\)\s*/g, '').trim(); diff --git a/apps/site/util/blog.ts b/apps/site/util/blog.ts index 4d1f4cc7e8d7e..3702697e01ac3 100644 --- a/apps/site/util/blog.ts +++ b/apps/site/util/blog.ts @@ -1,5 +1,6 @@ import { BLOG_POSTS_PER_PAGE } from '#site/next.constants.mjs'; import { blogData } from '#site/next.json.mjs'; + import type { BlogCategory, BlogPostsRSC, BlogPreviewType } from '#site/types'; export const mapBlogCategoryToPreviewType = (type: string): BlogPreviewType => { diff --git a/apps/site/util/download/archive.tsx b/apps/site/util/download/archive.tsx index 643f49ddadbba..6c74c30470a91 100644 --- a/apps/site/util/download/archive.tsx +++ b/apps/site/util/download/archive.tsx @@ -1,5 +1,8 @@ import semVer from 'semver'; +import { OS_NOT_SUPPORTING_INSTALLERS, PLATFORMS } from '#site/util/download'; +import { getNodeDownloadUrl } from '#site/util/url'; + import type { DownloadDropdownItem, DownloadKind, @@ -10,8 +13,6 @@ import type { CompatibleArtifactOptions, } from '#site/types'; import type { NodeRelease } from '#site/types/releases'; -import { OS_NOT_SUPPORTING_INSTALLERS, PLATFORMS } from '#site/util/download'; -import { getNodeDownloadUrl } from '#site/util/url'; import { DIST_URL } from '#site/next.constants'; diff --git a/apps/site/util/download/index.tsx b/apps/site/util/download/index.tsx index ad70b522a4474..78ad149d1fb15 100644 --- a/apps/site/util/download/index.tsx +++ b/apps/site/util/download/index.tsx @@ -1,7 +1,6 @@ import * as InstallMethodIcons from '@node-core/ui-components/Icons/InstallationMethod'; import * as OSIcons from '@node-core/ui-components/Icons/OperatingSystem'; import * as PackageManagerIcons from '@node-core/ui-components/Icons/PackageManager'; -import type { ElementType } from 'react'; import satisfies from 'semver/functions/satisfies'; import type { @@ -12,6 +11,7 @@ import type { Platform, } from '#site/types'; import type * as Types from '#site/types/release'; +import type { ElementType } from 'react'; import constants from './constants.json'; diff --git a/apps/site/util/feeds.ts b/apps/site/util/feeds.ts index e421d62af4971..f2e1bdf5940f4 100644 --- a/apps/site/util/feeds.ts +++ b/apps/site/util/feeds.ts @@ -1,11 +1,12 @@ 'use strict'; -import type { FeedOptions } from 'feed'; import { Feed } from 'feed'; import { BASE_URL, BASE_PATH } from '#site/next.constants.mjs'; import { siteConfig } from '#site/next.json.mjs'; + import type { BlogPostsRSC } from '#site/types'; +import type { FeedOptions } from 'feed'; import { getBlogPosts } from './blog'; diff --git a/apps/site/util/partners/index.tsx b/apps/site/util/partners/index.tsx index 714e8a5d5a997..e2f1fbc5cdd9f 100644 --- a/apps/site/util/partners/index.tsx +++ b/apps/site/util/partners/index.tsx @@ -1,7 +1,7 @@ import * as PartnersLogo from '@node-core/ui-components/Icons/PartnerLogos'; -import type { ElementType } from 'react'; import type { Partners } from '#site/types'; +import type { ElementType } from 'react'; /** * Creates an icon element for a component diff --git a/apps/site/util/table.ts b/apps/site/util/table.ts index d44646c4fb8a5..afc51fc5cb14b 100644 --- a/apps/site/util/table.ts +++ b/apps/site/util/table.ts @@ -1,7 +1,8 @@ -import type { Root } from 'mdast'; import { toString } from 'mdast-util-to-string'; import { visit } from 'unist-util-visit'; +import type { Root } from 'mdast'; + /** * Remark plugin that adds data-label attributes to table cells (td) * based on their corresponding table headers (th). diff --git a/apps/site/util/url.ts b/apps/site/util/url.ts index 7f6a03057824e..9353bf5240ae7 100644 --- a/apps/site/util/url.ts +++ b/apps/site/util/url.ts @@ -1,6 +1,7 @@ import { satisfies } from 'semver'; import { DOCS_URL, DIST_URL } from '#site/next.constants.mjs'; + import type { OperatingSystem, Platform, DownloadKind } from '#site/types'; export const getNodeApiUrl = (version: string) => { diff --git a/eslint.config.js b/eslint.config.js index 96dc9f7087cc3..14c3eb70fa15d 100644 --- a/eslint.config.js +++ b/eslint.config.js @@ -50,9 +50,10 @@ export default tseslint.config( 'builtin', 'external', 'internal', + 'object', + 'type', ['sibling', 'parent'], 'index', - 'unknown', ], pathGroups: [ { diff --git a/packages/ui-components/.storybook/preview.tsx b/packages/ui-components/.storybook/preview.tsx index b4cd3c40204c0..89c86637642fd 100644 --- a/packages/ui-components/.storybook/preview.tsx +++ b/packages/ui-components/.storybook/preview.tsx @@ -1,8 +1,9 @@ import { withThemeByDataAttribute } from '@storybook/addon-themes'; -import type { Preview, ReactRenderer } from '@storybook/react-webpack5'; import { NotificationProvider } from '#ui/Providers/NotificationProvider'; +import type { Preview, ReactRenderer } from '@storybook/react-webpack5'; + import { STORYBOOK_MODES, STORYBOOK_SIZES } from './constants'; import '#ui/styles/index.css'; diff --git a/packages/ui-components/__design__/node-logos.stories.tsx b/packages/ui-components/__design__/node-logos.stories.tsx index 34b79aac41bc1..aea99b0b15861 100644 --- a/packages/ui-components/__design__/node-logos.stories.tsx +++ b/packages/ui-components/__design__/node-logos.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import { JsWhite, Nodejs } from '#ui/Icons/Logos'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + export const NodejsLogos: StoryObj = { render: () => (
diff --git a/packages/ui-components/__design__/platform-logos.stories.tsx b/packages/ui-components/__design__/platform-logos.stories.tsx index f57927939646b..8aba0303a7eb5 100644 --- a/packages/ui-components/__design__/platform-logos.stories.tsx +++ b/packages/ui-components/__design__/platform-logos.stories.tsx @@ -1,5 +1,3 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import { Docker, Homebrew, @@ -11,6 +9,8 @@ import { } from '#ui/Icons/InstallationMethod'; import { Apple, Linux, Microsoft, AIX } from '#ui/Icons/OperatingSystem'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + const osIcons = [Apple, Linux, Microsoft, AIX]; const installMethodIcons = [Docker, Homebrew, NVM, Devbox, Choco, N, Volta]; diff --git a/packages/ui-components/__design__/social-logos.stories.tsx b/packages/ui-components/__design__/social-logos.stories.tsx index 30bb380b4eb53..e07f97cb83f53 100644 --- a/packages/ui-components/__design__/social-logos.stories.tsx +++ b/packages/ui-components/__design__/social-logos.stories.tsx @@ -1,5 +1,3 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import { Bluesky, Discord, @@ -10,6 +8,8 @@ import { X, } from '#ui/Icons/Social'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + const socialIcons = [ [GitHub, Mastodon, LinkedIn], [Slack, X, Bluesky], diff --git a/packages/ui-components/src/Common/AlertBox/index.stories.tsx b/packages/ui-components/src/Common/AlertBox/index.stories.tsx index 651010c121265..77a00dbe22e28 100644 --- a/packages/ui-components/src/Common/AlertBox/index.stories.tsx +++ b/packages/ui-components/src/Common/AlertBox/index.stories.tsx @@ -1,8 +1,9 @@ import { ExclamationCircleIcon } from '@heroicons/react/24/solid'; -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; import AlertBox from '#ui/Common/AlertBox'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/AlertBox/index.tsx b/packages/ui-components/src/Common/AlertBox/index.tsx index f4db57546dd8c..e5e2020c0d32d 100644 --- a/packages/ui-components/src/Common/AlertBox/index.tsx +++ b/packages/ui-components/src/Common/AlertBox/index.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, PropsWithChildren } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/AvatarGroup/Avatar/index.stories.tsx b/packages/ui-components/src/Common/AvatarGroup/Avatar/index.stories.tsx index 175e7b55e6ad7..7514ce4ed31e1 100644 --- a/packages/ui-components/src/Common/AvatarGroup/Avatar/index.stories.tsx +++ b/packages/ui-components/src/Common/AvatarGroup/Avatar/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import Avatar from '#ui/Common/AvatarGroup/Avatar'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/AvatarGroup/Avatar/index.tsx b/packages/ui-components/src/Common/AvatarGroup/Avatar/index.tsx index e0704405527e8..df19cfc4f0739 100644 --- a/packages/ui-components/src/Common/AvatarGroup/Avatar/index.tsx +++ b/packages/ui-components/src/Common/AvatarGroup/Avatar/index.tsx @@ -1,9 +1,9 @@ import * as RadixAvatar from '@radix-ui/react-avatar'; import classNames from 'classnames'; -import type { HTMLAttributes } from 'react'; import { forwardRef } from 'react'; import type { LinkLike } from '#ui/types'; +import type { HTMLAttributes } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/AvatarGroup/Overlay/index.stories.tsx b/packages/ui-components/src/Common/AvatarGroup/Overlay/index.stories.tsx index 2fec7cdcdfd3a..99eea046d5a6c 100644 --- a/packages/ui-components/src/Common/AvatarGroup/Overlay/index.stories.tsx +++ b/packages/ui-components/src/Common/AvatarGroup/Overlay/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import AvatarOverlay from '#ui/Common/AvatarGroup/Overlay'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/AvatarGroup/Overlay/index.tsx b/packages/ui-components/src/Common/AvatarGroup/Overlay/index.tsx index a281e1cdf18e1..8cb331435f9db 100644 --- a/packages/ui-components/src/Common/AvatarGroup/Overlay/index.tsx +++ b/packages/ui-components/src/Common/AvatarGroup/Overlay/index.tsx @@ -1,8 +1,9 @@ import { ArrowUpRightIcon } from '@heroicons/react/24/solid'; -import type { ComponentProps, FC } from 'react'; import Avatar from '#ui/Common/AvatarGroup/Avatar'; +import type { ComponentProps, FC } from 'react'; + import styles from './index.module.css'; export type AvatarOverlayProps = ComponentProps & { diff --git a/packages/ui-components/src/Common/AvatarGroup/index.stories.tsx b/packages/ui-components/src/Common/AvatarGroup/index.stories.tsx index 8e5c75ea6f623..3da3ed1146f68 100644 --- a/packages/ui-components/src/Common/AvatarGroup/index.stories.tsx +++ b/packages/ui-components/src/Common/AvatarGroup/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import AvatarGroup from '#ui/Common/AvatarGroup'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/AvatarGroup/index.tsx b/packages/ui-components/src/Common/AvatarGroup/index.tsx index 413a8c4d99c60..42168b20ad59b 100644 --- a/packages/ui-components/src/Common/AvatarGroup/index.tsx +++ b/packages/ui-components/src/Common/AvatarGroup/index.tsx @@ -1,15 +1,16 @@ 'use client'; import classNames from 'classnames'; -import type { FC } from 'react'; import { useState, useMemo } from 'react'; -import type { AvatarProps } from '#ui/Common/AvatarGroup/Avatar'; import Avatar from '#ui/Common/AvatarGroup/Avatar'; import avatarstyles from '#ui/Common/AvatarGroup/Avatar/index.module.css'; import AvatarOverlay from '#ui/Common/AvatarGroup/Overlay'; import Tooltip from '#ui/Common/Tooltip'; + +import type { AvatarProps } from '#ui/Common/AvatarGroup/Avatar'; import type { LinkLike } from '#ui/types'; +import type { FC } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/Badge/index.stories.tsx b/packages/ui-components/src/Common/Badge/index.stories.tsx index a229d603e6d75..4b8931d786a24 100644 --- a/packages/ui-components/src/Common/Badge/index.stories.tsx +++ b/packages/ui-components/src/Common/Badge/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import Badge from '#ui/Common/Badge'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/Badge/index.tsx b/packages/ui-components/src/Common/Badge/index.tsx index 15e12e2e8e058..86a5e8ea8ffdb 100644 --- a/packages/ui-components/src/Common/Badge/index.tsx +++ b/packages/ui-components/src/Common/Badge/index.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, HTMLAttributes, PropsWithChildren } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/BadgeGroup/index.stories.tsx b/packages/ui-components/src/Common/BadgeGroup/index.stories.tsx index ba9c5efb903bf..02779b71f25e6 100644 --- a/packages/ui-components/src/Common/BadgeGroup/index.stories.tsx +++ b/packages/ui-components/src/Common/BadgeGroup/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import BadgeGroup from '#ui/Common/BadgeGroup'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/BadgeGroup/index.tsx b/packages/ui-components/src/Common/BadgeGroup/index.tsx index f48cd4e3017ab..5d57bcf16e3f1 100644 --- a/packages/ui-components/src/Common/BadgeGroup/index.tsx +++ b/packages/ui-components/src/Common/BadgeGroup/index.tsx @@ -1,8 +1,9 @@ import ArrowUpRightIcon from '@heroicons/react/24/solid/ArrowUpRightIcon'; -import type { ComponentProps, FC, PropsWithChildren } from 'react'; import Badge from '#ui/Common/Badge'; + import type { LinkLike } from '#ui/types'; +import type { ComponentProps, FC, PropsWithChildren } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/Banner/index.stories.tsx b/packages/ui-components/src/Common/Banner/index.stories.tsx index c7b53830e5a14..60fc4c4d2e336 100644 --- a/packages/ui-components/src/Common/Banner/index.stories.tsx +++ b/packages/ui-components/src/Common/Banner/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import Banner from '#ui/Common/Banner'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/BaseActiveLink/index.tsx b/packages/ui-components/src/Common/BaseActiveLink/index.tsx index 05a00af11e5fb..d0c2051de16e2 100644 --- a/packages/ui-components/src/Common/BaseActiveLink/index.tsx +++ b/packages/ui-components/src/Common/BaseActiveLink/index.tsx @@ -1,7 +1,7 @@ import classNames from 'classnames'; -import type { ComponentProps, FC } from 'react'; import type { LinkLike } from '#ui/types'; +import type { ComponentProps, FC } from 'react'; export type ActiveLocalizedLinkProps = ComponentProps & { activeClassName?: string; diff --git a/packages/ui-components/src/Common/BaseButton/index.stories.tsx b/packages/ui-components/src/Common/BaseButton/index.stories.tsx index f20fc7556af36..b80bef017ef33 100644 --- a/packages/ui-components/src/Common/BaseButton/index.stories.tsx +++ b/packages/ui-components/src/Common/BaseButton/index.stories.tsx @@ -1,8 +1,9 @@ import { ArrowRightIcon } from '@heroicons/react/24/solid'; -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; import BaseButton from '#ui/Common/BaseButton'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/BaseButton/index.tsx b/packages/ui-components/src/Common/BaseButton/index.tsx index a20645c02bfdd..b405f4077a516 100644 --- a/packages/ui-components/src/Common/BaseButton/index.tsx +++ b/packages/ui-components/src/Common/BaseButton/index.tsx @@ -1,7 +1,7 @@ import classNames from 'classnames'; -import type { FC, AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react'; import type { LinkLike } from '#ui/types'; +import type { FC, AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/BaseCodeBox/index.stories.tsx b/packages/ui-components/src/Common/BaseCodeBox/index.stories.tsx index 5c633d646dd04..6743ba8d4d236 100644 --- a/packages/ui-components/src/Common/BaseCodeBox/index.stories.tsx +++ b/packages/ui-components/src/Common/BaseCodeBox/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import BaseCodeBox from '#ui/Common/BaseCodeBox'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/BaseCodeBox/index.tsx b/packages/ui-components/src/Common/BaseCodeBox/index.tsx index 18086b554dad7..5486908af2a2f 100644 --- a/packages/ui-components/src/Common/BaseCodeBox/index.tsx +++ b/packages/ui-components/src/Common/BaseCodeBox/index.tsx @@ -2,11 +2,12 @@ import { DocumentDuplicateIcon } from '@heroicons/react/24/outline'; import classNames from 'classnames'; -import type { FC, PropsWithChildren, ReactElement } from 'react'; import { Fragment, isValidElement, useRef } from 'react'; import BaseButton from '#ui/Common/BaseButton'; + import type { LinkLike } from '#ui/types'; +import type { FC, PropsWithChildren, ReactElement } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/BaseCrossLink/index.stories.tsx b/packages/ui-components/src/Common/BaseCrossLink/index.stories.tsx index 57b2ac8843a7d..f7c93ec27a730 100644 --- a/packages/ui-components/src/Common/BaseCrossLink/index.stories.tsx +++ b/packages/ui-components/src/Common/BaseCrossLink/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import BaseCrossLink from '#ui/Common/BaseCrossLink'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/BaseCrossLink/index.tsx b/packages/ui-components/src/Common/BaseCrossLink/index.tsx index c9d069be70c8f..05a2f74001387 100644 --- a/packages/ui-components/src/Common/BaseCrossLink/index.tsx +++ b/packages/ui-components/src/Common/BaseCrossLink/index.tsx @@ -1,8 +1,9 @@ import classNames from 'classnames'; -import type { FC } from 'react'; import PrevNextArrow from '#ui/Common/BasePagination/PrevNextArrow'; + import type { LinkLike, FormattedMessage } from '#ui/types'; +import type { FC } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/BaseLinkTabs/index.stories.tsx b/packages/ui-components/src/Common/BaseLinkTabs/index.stories.tsx index d8354fc491f54..42cd85cfa5a62 100644 --- a/packages/ui-components/src/Common/BaseLinkTabs/index.stories.tsx +++ b/packages/ui-components/src/Common/BaseLinkTabs/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import BaseLinkTabs from '#ui/Common/BaseLinkTabs'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/BaseLinkTabs/index.tsx b/packages/ui-components/src/Common/BaseLinkTabs/index.tsx index 6af3d67133136..e8b62c620f798 100644 --- a/packages/ui-components/src/Common/BaseLinkTabs/index.tsx +++ b/packages/ui-components/src/Common/BaseLinkTabs/index.tsx @@ -1,6 +1,5 @@ -import type { FC, PropsWithChildren } from 'react'; - import type { LinkLike } from '#ui/types'; +import type { FC, PropsWithChildren } from 'react'; import StatelessSelect from '../Select/StatelessSelect'; diff --git a/packages/ui-components/src/Common/BasePagination/Ellipsis/index.stories.tsx b/packages/ui-components/src/Common/BasePagination/Ellipsis/index.stories.tsx index f88cb942b7f8c..10a7a84e1fe10 100644 --- a/packages/ui-components/src/Common/BasePagination/Ellipsis/index.stories.tsx +++ b/packages/ui-components/src/Common/BasePagination/Ellipsis/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import Ellipsis from '#ui/Common/BasePagination/Ellipsis'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/BasePagination/PaginationListItem/index.stories.tsx b/packages/ui-components/src/Common/BasePagination/PaginationListItem/index.stories.tsx index 65a1ff1067229..4c6078a45b3cb 100644 --- a/packages/ui-components/src/Common/BasePagination/PaginationListItem/index.stories.tsx +++ b/packages/ui-components/src/Common/BasePagination/PaginationListItem/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import PaginationListItem from '#ui/Common/BasePagination/PaginationListItem'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/BasePagination/PaginationListItem/index.tsx b/packages/ui-components/src/Common/BasePagination/PaginationListItem/index.tsx index fe5006b96fa78..2157e4dc622d0 100644 --- a/packages/ui-components/src/Common/BasePagination/PaginationListItem/index.tsx +++ b/packages/ui-components/src/Common/BasePagination/PaginationListItem/index.tsx @@ -1,6 +1,5 @@ -import type { FC } from 'react'; - import type { LinkLike } from '#ui/types'; +import type { FC } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/BasePagination/PrevNextArrow.tsx b/packages/ui-components/src/Common/BasePagination/PrevNextArrow.tsx index eb2019dce5958..d527cbf6ab86d 100644 --- a/packages/ui-components/src/Common/BasePagination/PrevNextArrow.tsx +++ b/packages/ui-components/src/Common/BasePagination/PrevNextArrow.tsx @@ -1,4 +1,5 @@ import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/solid'; + import type { FC, SVGAttributes } from 'react'; type PrevNextArrowProps = { diff --git a/packages/ui-components/src/Common/BasePagination/index.stories.tsx b/packages/ui-components/src/Common/BasePagination/index.stories.tsx index 8f50b4cec0480..bb1d86894a140 100644 --- a/packages/ui-components/src/Common/BasePagination/index.stories.tsx +++ b/packages/ui-components/src/Common/BasePagination/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import BasePagination from '#ui/Common/BasePagination'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/BasePagination/index.tsx b/packages/ui-components/src/Common/BasePagination/index.tsx index e4b33a8ab16b9..21fb8e78988c1 100644 --- a/packages/ui-components/src/Common/BasePagination/index.tsx +++ b/packages/ui-components/src/Common/BasePagination/index.tsx @@ -1,9 +1,10 @@ import { ArrowRightIcon, ArrowLeftIcon } from '@heroicons/react/20/solid'; -import type { FC } from 'react'; import Button from '#ui/Common/BaseButton'; import { useGetPageElements } from '#ui/Common/BasePagination/useGetPageElements'; + import type { LinkLike } from '#ui/types'; +import type { FC } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/BasePagination/useGetPageElements.tsx b/packages/ui-components/src/Common/BasePagination/useGetPageElements.tsx index 2cb159c994531..23a54d300c14e 100644 --- a/packages/ui-components/src/Common/BasePagination/useGetPageElements.tsx +++ b/packages/ui-components/src/Common/BasePagination/useGetPageElements.tsx @@ -1,10 +1,10 @@ -import type { ComponentProps } from 'react'; +import Ellipsis from '#ui/Common/BasePagination/Ellipsis'; +import PaginationListItem from '#ui/Common/BasePagination/PaginationListItem'; import type BasePagination from '#ui/Common/BasePagination'; -import Ellipsis from '#ui/Common/BasePagination/Ellipsis'; import type { PaginationListItemProps } from '#ui/Common/BasePagination/PaginationListItem'; -import PaginationListItem from '#ui/Common/BasePagination/PaginationListItem'; import type { LinkLike } from '#ui/types'; +import type { ComponentProps } from 'react'; const parsePages = ( pages: ComponentProps['pages'], diff --git a/packages/ui-components/src/Common/Blockquote/index.stories.tsx b/packages/ui-components/src/Common/Blockquote/index.stories.tsx index f5c53f985f7c0..d6b1b6e409a8c 100644 --- a/packages/ui-components/src/Common/Blockquote/index.stories.tsx +++ b/packages/ui-components/src/Common/Blockquote/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import Blockquote from '#ui/Common/Blockquote'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/Breadcrumbs/BreadcrumbHomeLink/index.tsx b/packages/ui-components/src/Common/Breadcrumbs/BreadcrumbHomeLink/index.tsx index 8faed3e1fb116..a6e9e9ccce3dc 100644 --- a/packages/ui-components/src/Common/Breadcrumbs/BreadcrumbHomeLink/index.tsx +++ b/packages/ui-components/src/Common/Breadcrumbs/BreadcrumbHomeLink/index.tsx @@ -1,8 +1,9 @@ import HomeIcon from '@heroicons/react/24/outline/HomeIcon'; -import type { ComponentProps, FC } from 'react'; import BreadcrumbLink from '#ui/Common/Breadcrumbs/BreadcrumbLink'; +import type { ComponentProps, FC } from 'react'; + import styles from './index.module.css'; type BreadcrumbHomeLinkProps = Omit< diff --git a/packages/ui-components/src/Common/Breadcrumbs/BreadcrumbItem/index.tsx b/packages/ui-components/src/Common/Breadcrumbs/BreadcrumbItem/index.tsx index f78e3718af617..2f551a3de3be2 100644 --- a/packages/ui-components/src/Common/Breadcrumbs/BreadcrumbItem/index.tsx +++ b/packages/ui-components/src/Common/Breadcrumbs/BreadcrumbItem/index.tsx @@ -1,5 +1,6 @@ import ChevronRightIcon from '@heroicons/react/24/outline/ChevronRightIcon'; import classNames from 'classnames'; + import type { ComponentProps, FC, PropsWithChildren } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/Breadcrumbs/BreadcrumbLink/index.tsx b/packages/ui-components/src/Common/Breadcrumbs/BreadcrumbLink/index.tsx index ea52968dd9ce0..4e7216be25aa8 100644 --- a/packages/ui-components/src/Common/Breadcrumbs/BreadcrumbLink/index.tsx +++ b/packages/ui-components/src/Common/Breadcrumbs/BreadcrumbLink/index.tsx @@ -1,7 +1,7 @@ import classNames from 'classnames'; -import type { ComponentProps, FC } from 'react'; import type { LinkLike } from '#ui/types'; +import type { ComponentProps, FC } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/Breadcrumbs/index.stories.tsx b/packages/ui-components/src/Common/Breadcrumbs/index.stories.tsx index dd8400cf39e1c..b24bc8fc32d61 100644 --- a/packages/ui-components/src/Common/Breadcrumbs/index.stories.tsx +++ b/packages/ui-components/src/Common/Breadcrumbs/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import Breadcrumbs from '#ui/Common/Breadcrumbs'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/Breadcrumbs/index.tsx b/packages/ui-components/src/Common/Breadcrumbs/index.tsx index 9b86ef2bc8d14..a1eb55464eeac 100644 --- a/packages/ui-components/src/Common/Breadcrumbs/index.tsx +++ b/packages/ui-components/src/Common/Breadcrumbs/index.tsx @@ -1,4 +1,3 @@ -import type { FC } from 'react'; import { useMemo } from 'react'; import BreadcrumbHomeLink from '#ui/Common/Breadcrumbs/BreadcrumbHomeLink'; @@ -6,7 +5,9 @@ import BreadcrumbItem from '#ui/Common/Breadcrumbs/BreadcrumbItem'; import BreadcrumbLink from '#ui/Common/Breadcrumbs/BreadcrumbLink'; import BreadcrumbRoot from '#ui/Common/Breadcrumbs/BreadcrumbRoot'; import BreadcrumbTruncatedItem from '#ui/Common/Breadcrumbs/BreadcrumbTruncatedItem'; + import type { FormattedMessage, LinkLike } from '#ui/types'; +import type { FC } from 'react'; export type BreadcrumbLink = { label: FormattedMessage; diff --git a/packages/ui-components/src/Common/ChangeHistory/index.stories.tsx b/packages/ui-components/src/Common/ChangeHistory/index.stories.tsx index dcbdd5e0bb2d7..9845ff0f419d8 100644 --- a/packages/ui-components/src/Common/ChangeHistory/index.stories.tsx +++ b/packages/ui-components/src/Common/ChangeHistory/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import ChangeHistory from '#ui/Common/ChangeHistory'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/ChangeHistory/index.tsx b/packages/ui-components/src/Common/ChangeHistory/index.tsx index be03388f89b5e..15338bc1e130a 100644 --- a/packages/ui-components/src/Common/ChangeHistory/index.tsx +++ b/packages/ui-components/src/Common/ChangeHistory/index.tsx @@ -1,8 +1,8 @@ import { ChevronDownIcon, ClockIcon } from '@heroicons/react/24/outline'; import classNames from 'classnames'; -import type { FC, ComponentProps } from 'react'; import type { LinkLike } from '#ui/types'; +import type { FC, ComponentProps } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/CodeTabs/index.stories.tsx b/packages/ui-components/src/Common/CodeTabs/index.stories.tsx index 44d1855259b8c..9449a7fdf8e1b 100644 --- a/packages/ui-components/src/Common/CodeTabs/index.stories.tsx +++ b/packages/ui-components/src/Common/CodeTabs/index.stories.tsx @@ -1,10 +1,11 @@ import * as TabsPrimitive from '@radix-ui/react-tabs'; -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; -import type { FC } from 'react'; import BaseCodeBox from '#ui/Common/BaseCodeBox'; import CodeTabs from '#ui/Common/CodeTabs'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; +import type { FC } from 'react'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/CodeTabs/index.tsx b/packages/ui-components/src/Common/CodeTabs/index.tsx index 68c6cecc6925b..12ff05973037e 100644 --- a/packages/ui-components/src/Common/CodeTabs/index.tsx +++ b/packages/ui-components/src/Common/CodeTabs/index.tsx @@ -1,7 +1,7 @@ -import type { ComponentProps, FC } from 'react'; - import Tabs from '#ui/Common/Tabs'; +import type { ComponentProps, FC } from 'react'; + import styles from './index.module.css'; type CodeTabsProps = Pick< diff --git a/packages/ui-components/src/Common/DataTag/index.stories.tsx b/packages/ui-components/src/Common/DataTag/index.stories.tsx index e2cbe04434ee1..7d7931d86a092 100644 --- a/packages/ui-components/src/Common/DataTag/index.stories.tsx +++ b/packages/ui-components/src/Common/DataTag/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import DataTag, { type DataTagProps } from '#ui/Common/DataTag'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/DataTag/index.tsx b/packages/ui-components/src/Common/DataTag/index.tsx index be212e8378022..fedddecfd39f8 100644 --- a/packages/ui-components/src/Common/DataTag/index.tsx +++ b/packages/ui-components/src/Common/DataTag/index.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/GlowingBackdrop/index.stories.tsx b/packages/ui-components/src/Common/GlowingBackdrop/index.stories.tsx index 6f02c4def6300..899a197d07238 100644 --- a/packages/ui-components/src/Common/GlowingBackdrop/index.stories.tsx +++ b/packages/ui-components/src/Common/GlowingBackdrop/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import GlowingBackdrop from '#ui/Common/GlowingBackdrop'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/GlowingBackdrop/index.tsx b/packages/ui-components/src/Common/GlowingBackdrop/index.tsx index ea498c396ce9f..3f96bc0aa4ec6 100644 --- a/packages/ui-components/src/Common/GlowingBackdrop/index.tsx +++ b/packages/ui-components/src/Common/GlowingBackdrop/index.tsx @@ -1,7 +1,7 @@ -import type { FC } from 'react'; - import HexagonGrid from '#ui/Icons/HexagonGrid'; +import type { FC } from 'react'; + import styles from './index.module.css'; const GlowingBackdrop: FC = () => ( diff --git a/packages/ui-components/src/Common/LanguageDropDown/index.stories.tsx b/packages/ui-components/src/Common/LanguageDropDown/index.stories.tsx index e61ef807554fa..c9ceb9b82ae52 100644 --- a/packages/ui-components/src/Common/LanguageDropDown/index.stories.tsx +++ b/packages/ui-components/src/Common/LanguageDropDown/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import LanguageDropDown from '#ui/Common/LanguageDropDown'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/LanguageDropDown/index.tsx b/packages/ui-components/src/Common/LanguageDropDown/index.tsx index e55178333f431..7f3ced3f2f8d3 100644 --- a/packages/ui-components/src/Common/LanguageDropDown/index.tsx +++ b/packages/ui-components/src/Common/LanguageDropDown/index.tsx @@ -1,9 +1,9 @@ import { LanguageIcon } from '@heroicons/react/24/outline'; import * as DropdownMenu from '@radix-ui/react-dropdown-menu'; import classNames from 'classnames'; -import type { FC } from 'react'; import type { SimpleLocaleConfig } from '#ui/types'; +import type { FC } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/Modal/index.stories.tsx b/packages/ui-components/src/Common/Modal/index.stories.tsx index 5d2319074a16d..315bc934ac326 100644 --- a/packages/ui-components/src/Common/Modal/index.stories.tsx +++ b/packages/ui-components/src/Common/Modal/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import { Modal, Title, Description, Content } from '#ui/Common/Modal'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/Modal/index.tsx b/packages/ui-components/src/Common/Modal/index.tsx index d254ce40facd5..df9704db42371 100644 --- a/packages/ui-components/src/Common/Modal/index.tsx +++ b/packages/ui-components/src/Common/Modal/index.tsx @@ -2,6 +2,7 @@ import { XMarkIcon } from '@heroicons/react/24/outline'; import * as Dialog from '@radix-ui/react-dialog'; + import type { FC, PropsWithChildren } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/NodejsLogo/index.stories.tsx b/packages/ui-components/src/Common/NodejsLogo/index.stories.tsx index c18d19e9c8c2b..ec1b73cac01d6 100644 --- a/packages/ui-components/src/Common/NodejsLogo/index.stories.tsx +++ b/packages/ui-components/src/Common/NodejsLogo/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import NodejsLogo from '#ui/Common/NodejsLogo'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/NodejsLogo/index.tsx b/packages/ui-components/src/Common/NodejsLogo/index.tsx index daed6686dc145..4c0389779375c 100644 --- a/packages/ui-components/src/Common/NodejsLogo/index.tsx +++ b/packages/ui-components/src/Common/NodejsLogo/index.tsx @@ -1,7 +1,7 @@ -import type { FC } from 'react'; - import NodejsIcon, { type NodeJsLogoProps } from '#ui/Icons/Logos/Nodejs'; +import type { FC } from 'react'; + import style from './index.module.css'; const NodejsLogo: FC = props => { diff --git a/packages/ui-components/src/Common/Notification/index.stories.tsx b/packages/ui-components/src/Common/Notification/index.stories.tsx index 22f16e1da1090..a41f0dd8a7f09 100644 --- a/packages/ui-components/src/Common/Notification/index.stories.tsx +++ b/packages/ui-components/src/Common/Notification/index.stories.tsx @@ -1,8 +1,9 @@ import { CodeBracketIcon } from '@heroicons/react/24/solid'; -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; import Notification from '#ui/Common/Notification'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/Notification/index.tsx b/packages/ui-components/src/Common/Notification/index.tsx index f84eb00373e0d..5246c42fc3c20 100644 --- a/packages/ui-components/src/Common/Notification/index.tsx +++ b/packages/ui-components/src/Common/Notification/index.tsx @@ -1,5 +1,6 @@ import * as ToastPrimitive from '@radix-ui/react-toast'; import classNames from 'classnames'; + import type { FC } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/Preview/index.stories.tsx b/packages/ui-components/src/Common/Preview/index.stories.tsx index d9747d964f694..91071421095f0 100644 --- a/packages/ui-components/src/Common/Preview/index.stories.tsx +++ b/packages/ui-components/src/Common/Preview/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import Preview from '#ui/Common/Preview'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/Preview/index.tsx b/packages/ui-components/src/Common/Preview/index.tsx index 9ea59cfb486cb..88d5a91a86a0d 100644 --- a/packages/ui-components/src/Common/Preview/index.tsx +++ b/packages/ui-components/src/Common/Preview/index.tsx @@ -1,9 +1,10 @@ import classNames from 'classnames'; -import type { FC } from 'react'; import HexagonGrid from '#ui/Icons/HexagonGrid'; import JsWhiteIcon from '#ui/Icons/Logos/JsWhite'; + import type { BlogPreviewType } from '#ui/types'; +import type { FC } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/Search/Chat/Actions/index.tsx b/packages/ui-components/src/Common/Search/Chat/Actions/index.tsx index 572da9f734730..5421ddb2903bc 100644 --- a/packages/ui-components/src/Common/Search/Chat/Actions/index.tsx +++ b/packages/ui-components/src/Common/Search/Chat/Actions/index.tsx @@ -4,12 +4,13 @@ import { ArrowPathIcon, HandThumbDownIcon, } from '@heroicons/react/24/solid'; -import type { Interaction } from '@orama/core'; import { ChatInteractions } from '@orama/ui/components'; import classNames from 'classnames'; -import type { FC } from 'react'; import { useState } from 'react'; +import type { Interaction } from '@orama/core'; +import type { FC } from 'react'; + import styles from './index.module.css'; type ChatActionsProps = { diff --git a/packages/ui-components/src/Common/Search/Chat/Input/index.tsx b/packages/ui-components/src/Common/Search/Chat/Input/index.tsx index bc6e596b1a8aa..da983fa35ffd1 100644 --- a/packages/ui-components/src/Common/Search/Chat/Input/index.tsx +++ b/packages/ui-components/src/Common/Search/Chat/Input/index.tsx @@ -2,11 +2,12 @@ import { PaperAirplaneIcon } from '@heroicons/react/20/solid'; import { PauseCircleIcon } from '@heroicons/react/24/solid'; import { PromptTextArea } from '@orama/ui/components'; import { useChat } from '@orama/ui/hooks'; -import type { FC, PropsWithChildren } from 'react'; import { useEffect, useRef } from 'react'; import SearchSuggestions from '#ui/Common/Search/Suggestions'; +import type { FC, PropsWithChildren } from 'react'; + import styles from './index.module.css'; type ChatInputProps = { diff --git a/packages/ui-components/src/Common/Search/Chat/Trigger/index.tsx b/packages/ui-components/src/Common/Search/Chat/Trigger/index.tsx index d1d103a175694..5e7c89a538ebb 100644 --- a/packages/ui-components/src/Common/Search/Chat/Trigger/index.tsx +++ b/packages/ui-components/src/Common/Search/Chat/Trigger/index.tsx @@ -2,6 +2,7 @@ import { SparklesIcon } from '@heroicons/react/24/outline'; import { SlidingPanel } from '@orama/ui/components/SlidingPanel'; import { useSearch } from '@orama/ui/hooks/useSearch'; import classNames from 'classnames'; + import type { ComponentProps, FC } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/Search/Input/index.tsx b/packages/ui-components/src/Common/Search/Input/index.tsx index 46b838e95089a..b10100e460165 100644 --- a/packages/ui-components/src/Common/Search/Input/index.tsx +++ b/packages/ui-components/src/Common/Search/Input/index.tsx @@ -1,5 +1,6 @@ import { MagnifyingGlassIcon } from '@heroicons/react/24/solid'; import { SearchInput } from '@orama/ui/components'; + import type { ComponentProps, FC } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/Search/Modal/index.tsx b/packages/ui-components/src/Common/Search/Modal/index.tsx index 9b28325af2adc..fdf0adb34580d 100644 --- a/packages/ui-components/src/Common/Search/Modal/index.tsx +++ b/packages/ui-components/src/Common/Search/Modal/index.tsx @@ -1,10 +1,11 @@ import { MagnifyingGlassIcon } from '@heroicons/react/24/solid'; -import type { OramaCloud } from '@orama/core'; import { SearchRoot, ChatRoot, Modal } from '@orama/ui/components'; -import type { ComponentProps, FC, PropsWithChildren } from 'react'; import SearchInput from '#ui/Common/Search/Input'; +import type { OramaCloud } from '@orama/core'; +import type { ComponentProps, FC, PropsWithChildren } from 'react'; + import styles from './index.module.css'; type SearchModalProps = { diff --git a/packages/ui-components/src/Common/Search/Results/Empty/index.tsx b/packages/ui-components/src/Common/Search/Results/Empty/index.tsx index 0fb90251c35fc..214ebc007c580 100644 --- a/packages/ui-components/src/Common/Search/Results/Empty/index.tsx +++ b/packages/ui-components/src/Common/Search/Results/Empty/index.tsx @@ -1,4 +1,5 @@ import { SearchResults, Suggestions } from '@orama/ui/components'; + import type { ComponentProps, FC, PropsWithChildren } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/Search/Results/Skeleton/index.tsx b/packages/ui-components/src/Common/Search/Results/Skeleton/index.tsx index c0b0ee619b41f..a5b7b6d544052 100644 --- a/packages/ui-components/src/Common/Search/Results/Skeleton/index.tsx +++ b/packages/ui-components/src/Common/Search/Results/Skeleton/index.tsx @@ -1,5 +1,6 @@ import { SearchResults } from '@orama/ui/components'; import classNames from 'classnames'; + import type { FC } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/Search/Results/Tabs/index.tsx b/packages/ui-components/src/Common/Search/Results/Tabs/index.tsx index bd764911cbc9d..cd234b75f000f 100644 --- a/packages/ui-components/src/Common/Search/Results/Tabs/index.tsx +++ b/packages/ui-components/src/Common/Search/Results/Tabs/index.tsx @@ -1,5 +1,6 @@ import { FacetTabs } from '@orama/ui/components'; import classNames from 'classnames'; + import type { ComponentProps, FC } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/Search/Results/index.tsx b/packages/ui-components/src/Common/Search/Results/index.tsx index 2af135130d5e5..ddc4810697d66 100644 --- a/packages/ui-components/src/Common/Search/Results/index.tsx +++ b/packages/ui-components/src/Common/Search/Results/index.tsx @@ -1,11 +1,12 @@ import { SearchResults } from '@orama/ui/components'; import { useSearch } from '@orama/ui/hooks/useSearch'; -import type { ComponentProps, FC } from 'react'; import SearchResultsEmpty from '#ui/Common/Search/Results/Empty'; import SearchResultsSkeleton from '#ui/Common/Search/Results/Skeleton'; import Tabs from '#ui/Common/Search/Results/Tabs'; +import type { ComponentProps, FC } from 'react'; + import styles from './index.module.css'; type SearchResultsWrapperProps = { diff --git a/packages/ui-components/src/Common/Search/Suggestions/index.tsx b/packages/ui-components/src/Common/Search/Suggestions/index.tsx index f457695e98b1e..456bd052d9aa2 100644 --- a/packages/ui-components/src/Common/Search/Suggestions/index.tsx +++ b/packages/ui-components/src/Common/Search/Suggestions/index.tsx @@ -1,5 +1,6 @@ import { SparklesIcon } from '@heroicons/react/24/outline'; import { Suggestions } from '@orama/ui/components/Suggestions'; + import type { ComponentProps, FC } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/Select/NoScriptSelect/index.tsx b/packages/ui-components/src/Common/Select/NoScriptSelect/index.tsx index aac798c240991..1884c8c5e6f27 100644 --- a/packages/ui-components/src/Common/Select/NoScriptSelect/index.tsx +++ b/packages/ui-components/src/Common/Select/NoScriptSelect/index.tsx @@ -1,9 +1,10 @@ import { useId } from 'react'; import Select from '#ui/Common/Select'; -import type { StatelessSelectProps } from '#ui/Common/Select/StatelessSelect'; import StatelessSelect from '#ui/Common/Select/StatelessSelect'; +import type { StatelessSelectProps } from '#ui/Common/Select/StatelessSelect'; + const WithNoScriptSelect = ({ as, ...props diff --git a/packages/ui-components/src/Common/Select/StatelessSelect/index.tsx b/packages/ui-components/src/Common/Select/StatelessSelect/index.tsx index 000a7db55be6f..62a0e9388927a 100644 --- a/packages/ui-components/src/Common/Select/StatelessSelect/index.tsx +++ b/packages/ui-components/src/Common/Select/StatelessSelect/index.tsx @@ -2,9 +2,10 @@ import { ChevronDownIcon } from '@heroicons/react/24/solid'; import classNames from 'classnames'; import { useId, useMemo } from 'react'; +import { isStringArray, isValuesArray } from '#ui/util/array'; + import type { SelectGroup, SelectProps } from '#ui/Common/Select'; import type { LinkLike } from '#ui/types'; -import { isStringArray, isValuesArray } from '#ui/util/array'; import styles from '../index.module.css'; diff --git a/packages/ui-components/src/Common/Select/index.stories.tsx b/packages/ui-components/src/Common/Select/index.stories.tsx index 6713f6c5afa72..28585ceb4dcfc 100644 --- a/packages/ui-components/src/Common/Select/index.stories.tsx +++ b/packages/ui-components/src/Common/Select/index.stories.tsx @@ -1,9 +1,9 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import Select from '#ui/Common/Select'; import StatelessSelect from '#ui/Common/Select/StatelessSelect'; import * as OSIcons from '#ui/Icons/OperatingSystem'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/Select/index.tsx b/packages/ui-components/src/Common/Select/index.tsx index 43ca8062cb0ae..ea25eeeb65399 100644 --- a/packages/ui-components/src/Common/Select/index.tsx +++ b/packages/ui-components/src/Common/Select/index.tsx @@ -4,12 +4,13 @@ import { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/24/outline'; import * as SelectPrimitive from '@radix-ui/react-select'; import classNames from 'classnames'; import { useEffect, useId, useMemo, useState } from 'react'; -import type { ReactElement, ReactNode } from 'react'; import Skeleton from '#ui/Common/Skeleton'; -import type { FormattedMessage, LinkLike } from '#ui/types'; import { isStringArray, isValuesArray } from '#ui/util/array'; +import type { FormattedMessage, LinkLike } from '#ui/types'; +import type { ReactElement, ReactNode } from 'react'; + import styles from './index.module.css'; export type SelectValue = { diff --git a/packages/ui-components/src/Common/Separator/index.stories.tsx b/packages/ui-components/src/Common/Separator/index.stories.tsx index 1f3facdf16003..590e043bb9690 100644 --- a/packages/ui-components/src/Common/Separator/index.stories.tsx +++ b/packages/ui-components/src/Common/Separator/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import Separator from '#ui/Common/Separator'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/Separator/index.tsx b/packages/ui-components/src/Common/Separator/index.tsx index 1d8c193cccb8d..a68f86d58ce7e 100644 --- a/packages/ui-components/src/Common/Separator/index.tsx +++ b/packages/ui-components/src/Common/Separator/index.tsx @@ -1,5 +1,6 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator'; import classNames from 'classnames'; + import type { FC, ComponentProps } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/Skeleton/index.tsx b/packages/ui-components/src/Common/Skeleton/index.tsx index 8b8d43753d608..70041296f767c 100644 --- a/packages/ui-components/src/Common/Skeleton/index.tsx +++ b/packages/ui-components/src/Common/Skeleton/index.tsx @@ -1,7 +1,8 @@ import classNames from 'classnames'; -import type { FC, PropsWithChildren } from 'react'; import { isValidElement } from 'react'; +import type { FC, PropsWithChildren } from 'react'; + import styles from './index.module.css'; type SkeletonProps = { hide?: boolean; loading?: boolean; className?: string }; diff --git a/packages/ui-components/src/Common/Switch/index.stories.tsx b/packages/ui-components/src/Common/Switch/index.stories.tsx index 186beb4de2326..72589b611dbe0 100644 --- a/packages/ui-components/src/Common/Switch/index.stories.tsx +++ b/packages/ui-components/src/Common/Switch/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react'; - import Switch from '#ui/Common/Switch'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/Switch/index.tsx b/packages/ui-components/src/Common/Switch/index.tsx index c608e3b8d4f7f..d8039fdee691f 100644 --- a/packages/ui-components/src/Common/Switch/index.tsx +++ b/packages/ui-components/src/Common/Switch/index.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, PropsWithChildren, InputHTMLAttributes } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/Tabs/index.stories.tsx b/packages/ui-components/src/Common/Tabs/index.stories.tsx index 409a96556ed60..95e64e743fbf4 100644 --- a/packages/ui-components/src/Common/Tabs/index.stories.tsx +++ b/packages/ui-components/src/Common/Tabs/index.stories.tsx @@ -1,9 +1,10 @@ import * as TabsPrimitive from '@radix-ui/react-tabs'; -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; -import type { ComponentProps } from 'react'; import Tabs from '#ui/Common/Tabs'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; +import type { ComponentProps } from 'react'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/Tabs/index.tsx b/packages/ui-components/src/Common/Tabs/index.tsx index b02233a731af8..ed0d93bfb2722 100644 --- a/packages/ui-components/src/Common/Tabs/index.tsx +++ b/packages/ui-components/src/Common/Tabs/index.tsx @@ -1,5 +1,6 @@ import * as TabsPrimitive from '@radix-ui/react-tabs'; import classNames from 'classnames'; + import type { FC, PropsWithChildren, ReactNode } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/ThemeToggle/index.stories.tsx b/packages/ui-components/src/Common/ThemeToggle/index.stories.tsx index 59c0eaeded2be..617a4b31c7ece 100644 --- a/packages/ui-components/src/Common/ThemeToggle/index.stories.tsx +++ b/packages/ui-components/src/Common/ThemeToggle/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import ThemeToggle from '#ui/Common/ThemeToggle'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/ThemeToggle/index.tsx b/packages/ui-components/src/Common/ThemeToggle/index.tsx index 326338e75912b..a1ddeca5644c4 100644 --- a/packages/ui-components/src/Common/ThemeToggle/index.tsx +++ b/packages/ui-components/src/Common/ThemeToggle/index.tsx @@ -1,4 +1,5 @@ import { MoonIcon, SunIcon } from '@heroicons/react/24/outline'; + import type { FC, ButtonHTMLAttributes } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Common/Tooltip/index.stories.tsx b/packages/ui-components/src/Common/Tooltip/index.stories.tsx index c565616dbcbc6..ae7b72ecb9649 100644 --- a/packages/ui-components/src/Common/Tooltip/index.stories.tsx +++ b/packages/ui-components/src/Common/Tooltip/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import Tooltip from '#ui/Common/Tooltip'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Common/Tooltip/index.tsx b/packages/ui-components/src/Common/Tooltip/index.tsx index 38327dfee1fc5..fb40103112998 100644 --- a/packages/ui-components/src/Common/Tooltip/index.tsx +++ b/packages/ui-components/src/Common/Tooltip/index.tsx @@ -1,5 +1,6 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip'; import classNames from 'classnames'; + import type { FC, PropsWithChildren, ReactNode } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Containers/Footer/index.stories.tsx b/packages/ui-components/src/Containers/Footer/index.stories.tsx index 07c6e926a0af8..5c4101ee1cece 100644 --- a/packages/ui-components/src/Containers/Footer/index.stories.tsx +++ b/packages/ui-components/src/Containers/Footer/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import Footer from '#ui/Containers/Footer'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Containers/Footer/index.tsx b/packages/ui-components/src/Containers/Footer/index.tsx index 2fbeabe7ffb7d..cb006285d8410 100644 --- a/packages/ui-components/src/Containers/Footer/index.tsx +++ b/packages/ui-components/src/Containers/Footer/index.tsx @@ -1,5 +1,3 @@ -import type { FC, ReactNode, SVGProps } from 'react'; - import NavItem from '#ui/Containers/NavBar/NavItem'; import { Bluesky, @@ -10,7 +8,9 @@ import { Slack, X, } from '#ui/Icons/Social'; + import type { LinkLike } from '#ui/types'; +import type { FC, ReactNode, SVGProps } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Containers/MetaBar/index.stories.tsx b/packages/ui-components/src/Containers/MetaBar/index.stories.tsx index cf1a7444129a3..a52080cbba00a 100644 --- a/packages/ui-components/src/Containers/MetaBar/index.stories.tsx +++ b/packages/ui-components/src/Containers/MetaBar/index.stories.tsx @@ -1,9 +1,10 @@ import { CodeBracketIcon } from '@heroicons/react/24/outline'; -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; import MetaBar from '#ui/Containers/MetaBar'; import GitHubIcon from '#ui/Icons/Social/GitHub'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Containers/MetaBar/index.tsx b/packages/ui-components/src/Containers/MetaBar/index.tsx index 8b994d84a4138..2c314a61414ec 100644 --- a/packages/ui-components/src/Containers/MetaBar/index.tsx +++ b/packages/ui-components/src/Containers/MetaBar/index.tsx @@ -1,8 +1,8 @@ -import type { Heading } from '@vcarl/remark-headings'; import { Fragment, useMemo } from 'react'; -import type { FC } from 'react'; import type { LinkLike } from '#ui/types'; +import type { Heading } from '@vcarl/remark-headings'; +import type { FC } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Containers/NavBar/NavItem/index.stories.tsx b/packages/ui-components/src/Containers/NavBar/NavItem/index.stories.tsx index efc6084ffcb5a..7f6524c64041c 100644 --- a/packages/ui-components/src/Containers/NavBar/NavItem/index.stories.tsx +++ b/packages/ui-components/src/Containers/NavBar/NavItem/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import NavItem from '#ui/Containers/NavBar/NavItem'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Containers/NavBar/NavItem/index.tsx b/packages/ui-components/src/Containers/NavBar/NavItem/index.tsx index 74607ce18134d..69faa243a455c 100644 --- a/packages/ui-components/src/Containers/NavBar/NavItem/index.tsx +++ b/packages/ui-components/src/Containers/NavBar/NavItem/index.tsx @@ -1,9 +1,10 @@ import { ArrowUpRightIcon } from '@heroicons/react/24/solid'; import classNames from 'classnames'; -import type { FC, HTMLAttributeAnchorTarget, PropsWithChildren } from 'react'; import BaseActiveLink from '#ui/Common/BaseActiveLink'; + import type { LinkLike } from '#ui/types'; +import type { FC, HTMLAttributeAnchorTarget, PropsWithChildren } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Containers/NavBar/index.stories.tsx b/packages/ui-components/src/Containers/NavBar/index.stories.tsx index 2a0287a59aff0..005c8f40da103 100644 --- a/packages/ui-components/src/Containers/NavBar/index.stories.tsx +++ b/packages/ui-components/src/Containers/NavBar/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import NavBar from '#ui/Containers/NavBar'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Containers/NavBar/index.tsx b/packages/ui-components/src/Containers/NavBar/index.tsx index b8d1d041918de..5b5a6521fe3ba 100644 --- a/packages/ui-components/src/Containers/NavBar/index.tsx +++ b/packages/ui-components/src/Containers/NavBar/index.tsx @@ -3,6 +3,10 @@ import XMark from '@heroicons/react/24/solid/XMarkIcon'; import * as Label from '@radix-ui/react-label'; import classNames from 'classnames'; import { useState } from 'react'; + +import NavItem from '#ui/Containers/NavBar/NavItem'; + +import type { FormattedMessage, LinkLike } from '#ui/types'; import type { FC, HTMLAttributeAnchorTarget, @@ -10,9 +14,6 @@ import type { ElementType, } from 'react'; -import NavItem from '#ui/Containers/NavBar/NavItem'; -import type { FormattedMessage, LinkLike } from '#ui/types'; - import style from './index.module.css'; const navInteractionIcons = { diff --git a/packages/ui-components/src/Containers/Sidebar/SidebarGroup/index.stories.tsx b/packages/ui-components/src/Containers/Sidebar/SidebarGroup/index.stories.tsx index d717c91531136..898e61bec7fe2 100644 --- a/packages/ui-components/src/Containers/Sidebar/SidebarGroup/index.stories.tsx +++ b/packages/ui-components/src/Containers/Sidebar/SidebarGroup/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import SidebarGroup from '#ui/Containers/Sidebar/SidebarGroup'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Containers/Sidebar/SidebarGroup/index.tsx b/packages/ui-components/src/Containers/Sidebar/SidebarGroup/index.tsx index 3b15b3bb126b6..92c91bafe5dea 100644 --- a/packages/ui-components/src/Containers/Sidebar/SidebarGroup/index.tsx +++ b/packages/ui-components/src/Containers/Sidebar/SidebarGroup/index.tsx @@ -1,8 +1,9 @@ import classNames from 'classnames'; -import type { ComponentProps, FC } from 'react'; import SidebarItem from '#ui/Containers/Sidebar/SidebarItem'; + import type { FormattedMessage, LinkLike } from '#ui/types'; +import type { ComponentProps, FC } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Containers/Sidebar/SidebarItem/index.stories.tsx b/packages/ui-components/src/Containers/Sidebar/SidebarItem/index.stories.tsx index b3db4943fe47c..def0503381488 100644 --- a/packages/ui-components/src/Containers/Sidebar/SidebarItem/index.stories.tsx +++ b/packages/ui-components/src/Containers/Sidebar/SidebarItem/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import SidebarItem from '#ui/Containers/Sidebar/SidebarItem'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Containers/Sidebar/SidebarItem/index.tsx b/packages/ui-components/src/Containers/Sidebar/SidebarItem/index.tsx index b39c1b9b6ecfb..7e36a33f821a1 100644 --- a/packages/ui-components/src/Containers/Sidebar/SidebarItem/index.tsx +++ b/packages/ui-components/src/Containers/Sidebar/SidebarItem/index.tsx @@ -1,9 +1,10 @@ import { ArrowUpRightIcon } from '@heroicons/react/24/solid'; import classNames from 'classnames'; -import type { FC } from 'react'; import BaseActiveLink from '#ui/Common/BaseActiveLink'; + import type { FormattedMessage, LinkLike } from '#ui/types'; +import type { FC } from 'react'; import ProgressionIcon from '../ProgressionIcon'; diff --git a/packages/ui-components/src/Containers/Sidebar/index.stories.tsx b/packages/ui-components/src/Containers/Sidebar/index.stories.tsx index e9b659bc229d9..f6d37ce233271 100644 --- a/packages/ui-components/src/Containers/Sidebar/index.stories.tsx +++ b/packages/ui-components/src/Containers/Sidebar/index.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import Sidebar from '#ui/Containers/Sidebar'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Containers/Sidebar/index.tsx b/packages/ui-components/src/Containers/Sidebar/index.tsx index 3cebea8ec9105..26a8cb908b748 100644 --- a/packages/ui-components/src/Containers/Sidebar/index.tsx +++ b/packages/ui-components/src/Containers/Sidebar/index.tsx @@ -1,8 +1,8 @@ -import type { ComponentProps, FC, PropsWithChildren } from 'react'; - import WithNoScriptSelect from '#ui/Common/Select/NoScriptSelect'; import SidebarGroup from '#ui/Containers/Sidebar/SidebarGroup'; + import type { LinkLike } from '#ui/types'; +import type { ComponentProps, FC, PropsWithChildren } from 'react'; import styles from './index.module.css'; diff --git a/packages/ui-components/src/Icons/HexagonGrid.stories.tsx b/packages/ui-components/src/Icons/HexagonGrid.stories.tsx index 97674d144a121..80449ef7d3364 100644 --- a/packages/ui-components/src/Icons/HexagonGrid.stories.tsx +++ b/packages/ui-components/src/Icons/HexagonGrid.stories.tsx @@ -1,7 +1,7 @@ -import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; - import HexagonGrid from '#ui/Icons/HexagonGrid'; +import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; + type Story = StoryObj; type Meta = MetaObj; diff --git a/packages/ui-components/src/Icons/Logos/JsWhite.tsx b/packages/ui-components/src/Icons/Logos/JsWhite.tsx index 76e8894b2df88..6fdbccce0e1a4 100644 --- a/packages/ui-components/src/Icons/Logos/JsWhite.tsx +++ b/packages/ui-components/src/Icons/Logos/JsWhite.tsx @@ -1,6 +1,5 @@ -import type { FC } from 'react'; - import type { TailwindSVG } from '#ui/types'; +import type { FC } from 'react'; const JsWhiteIcon: FC = props => ( & { variant?: LogoVariant; diff --git a/packages/ui-components/src/Icons/PartnerLogos/ARM/Favicon.tsx b/packages/ui-components/src/Icons/PartnerLogos/ARM/Favicon.tsx index 6e98b150c36a2..34ffc32454859 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/ARM/Favicon.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/ARM/Favicon.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const ARM: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/ARM/Logo.tsx b/packages/ui-components/src/Icons/PartnerLogos/ARM/Logo.tsx index 6e98b150c36a2..34ffc32454859 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/ARM/Logo.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/ARM/Logo.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const ARM: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/Cloudflare/Logo.tsx b/packages/ui-components/src/Icons/PartnerLogos/Cloudflare/Logo.tsx index 88747bdf5ec76..2669bc5f0ffe3 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/Cloudflare/Logo.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/Cloudflare/Logo.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const Cloudflare: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/Crowdin/Logo.tsx b/packages/ui-components/src/Icons/PartnerLogos/Crowdin/Logo.tsx index c32e33484c635..285f9fe1f54b7 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/Crowdin/Logo.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/Crowdin/Logo.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const Crowdin: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/DataDog/Favicon.tsx b/packages/ui-components/src/Icons/PartnerLogos/DataDog/Favicon.tsx index 15d2a04c05391..66e4376fc5f4c 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/DataDog/Favicon.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/DataDog/Favicon.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const DataDog: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/DataDog/Logo.tsx b/packages/ui-components/src/Icons/PartnerLogos/DataDog/Logo.tsx index 0058d0d5d7bc5..cce2bb3409449 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/DataDog/Logo.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/DataDog/Logo.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const DataDog: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/DigitalOcean/Favicon.tsx b/packages/ui-components/src/Icons/PartnerLogos/DigitalOcean/Favicon.tsx index b28329dc5e97b..ff97fbbeb96d8 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/DigitalOcean/Favicon.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/DigitalOcean/Favicon.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const DigitalOcean: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/DigitalOcean/Logo.tsx b/packages/ui-components/src/Icons/PartnerLogos/DigitalOcean/Logo.tsx index cf709950684c3..46d09ac9ecbe1 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/DigitalOcean/Logo.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/DigitalOcean/Logo.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const DigitalOcean: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/EquinixMetal/Favicon.tsx b/packages/ui-components/src/Icons/PartnerLogos/EquinixMetal/Favicon.tsx index 187934ece7567..dc86bb4538b61 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/EquinixMetal/Favicon.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/EquinixMetal/Favicon.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const EquinixMetal: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/EquinixMetal/Logo.tsx b/packages/ui-components/src/Icons/PartnerLogos/EquinixMetal/Logo.tsx index 9f9c9d42f8dc3..32b924eb9f662 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/EquinixMetal/Logo.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/EquinixMetal/Logo.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const EquinixMetal: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/HeroDevs/Logo.tsx b/packages/ui-components/src/Icons/PartnerLogos/HeroDevs/Logo.tsx index 097d88191953d..418fb287a39e1 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/HeroDevs/Logo.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/HeroDevs/Logo.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const HeroDevs: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/IBM/Favicon.tsx b/packages/ui-components/src/Icons/PartnerLogos/IBM/Favicon.tsx index 51eec09e478c6..fdd123a1b9a7c 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/IBM/Favicon.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/IBM/Favicon.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const IBM: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/IBM/Logo.tsx b/packages/ui-components/src/Icons/PartnerLogos/IBM/Logo.tsx index 51eec09e478c6..fdd123a1b9a7c 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/IBM/Logo.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/IBM/Logo.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const IBM: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/NodeSource/Logo.tsx b/packages/ui-components/src/Icons/PartnerLogos/NodeSource/Logo.tsx index 5eb0391728b76..c4aa887aca82b 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/NodeSource/Logo.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/NodeSource/Logo.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const NodeSource: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/OpenSSF/Favicon.tsx b/packages/ui-components/src/Icons/PartnerLogos/OpenSSF/Favicon.tsx index de3a0f39679c6..ee8e0cc8c0441 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/OpenSSF/Favicon.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/OpenSSF/Favicon.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const OpenSSF: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/OpenSSF/Logo.tsx b/packages/ui-components/src/Icons/PartnerLogos/OpenSSF/Logo.tsx index c5e6b86657f33..8d27ce20f4a8e 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/OpenSSF/Logo.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/OpenSSF/Logo.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const OpenSSF: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/Rackspace/Favicon.tsx b/packages/ui-components/src/Icons/PartnerLogos/Rackspace/Favicon.tsx index 6dc940be60be8..7dc2dbd405cac 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/Rackspace/Favicon.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/Rackspace/Favicon.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const Rackspace: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/Rackspace/Logo.tsx b/packages/ui-components/src/Icons/PartnerLogos/Rackspace/Logo.tsx index ee827b3cedfbb..b3b152fc8d93f 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/Rackspace/Logo.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/Rackspace/Logo.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const Rackspace: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/Scaleway/Favicon.tsx b/packages/ui-components/src/Icons/PartnerLogos/Scaleway/Favicon.tsx index bb271fbd3ca8b..02f87956f654d 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/Scaleway/Favicon.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/Scaleway/Favicon.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const Scaleway: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/Scaleway/Logo.tsx b/packages/ui-components/src/Icons/PartnerLogos/Scaleway/Logo.tsx index 8de5e834449ff..8f3bbd455ea4e 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/Scaleway/Logo.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/Scaleway/Logo.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const Scaleway: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/Sentry/Favicon.tsx b/packages/ui-components/src/Icons/PartnerLogos/Sentry/Favicon.tsx index 7b3bd40072dea..c5141af0647dc 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/Sentry/Favicon.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/Sentry/Favicon.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const Sentry: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/Sentry/Logo.tsx b/packages/ui-components/src/Icons/PartnerLogos/Sentry/Logo.tsx index af0581fd65f95..27fa84693d003 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/Sentry/Logo.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/Sentry/Logo.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const Sentry: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/Vercel/Favicon.tsx b/packages/ui-components/src/Icons/PartnerLogos/Vercel/Favicon.tsx index 4739f4e83712f..822b1366c1ae6 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/Vercel/Favicon.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/Vercel/Favicon.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const Vercel: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/Vercel/Logo.tsx b/packages/ui-components/src/Icons/PartnerLogos/Vercel/Logo.tsx index df15c00d17ad1..717953d4e49f6 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/Vercel/Logo.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/Vercel/Logo.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const Vercel: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/Vlt/Favicon.tsx b/packages/ui-components/src/Icons/PartnerLogos/Vlt/Favicon.tsx index 29d3a4c026885..19cb2d6f08228 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/Vlt/Favicon.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/Vlt/Favicon.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const Vlt: FC> = props => ( diff --git a/packages/ui-components/src/Icons/PartnerLogos/Vlt/Logo.tsx b/packages/ui-components/src/Icons/PartnerLogos/Vlt/Logo.tsx index 29d3a4c026885..19cb2d6f08228 100644 --- a/packages/ui-components/src/Icons/PartnerLogos/Vlt/Logo.tsx +++ b/packages/ui-components/src/Icons/PartnerLogos/Vlt/Logo.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; + import type { FC, SVGProps } from 'react'; const Vlt: FC> = props => ( diff --git a/packages/ui-components/src/MDX/CodeTabs.tsx b/packages/ui-components/src/MDX/CodeTabs.tsx index 11935b42023cc..1861f7e7d5736 100644 --- a/packages/ui-components/src/MDX/CodeTabs.tsx +++ b/packages/ui-components/src/MDX/CodeTabs.tsx @@ -1,9 +1,10 @@ import * as TabsPrimitive from '@radix-ui/react-tabs'; -import type { FC, ReactElement } from 'react'; import { useMemo } from 'react'; import CodeTabs from '#ui/Common/CodeTabs'; +import type { FC, ReactElement } from 'react'; + type MDXCodeTabsProps = { children: Array>; languages: string; diff --git a/packages/ui-components/src/MDX/Tooltip.tsx b/packages/ui-components/src/MDX/Tooltip.tsx index 92b95820f2b41..f7fb8705dab66 100644 --- a/packages/ui-components/src/MDX/Tooltip.tsx +++ b/packages/ui-components/src/MDX/Tooltip.tsx @@ -1,9 +1,10 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip'; import classNames from 'classnames'; -import type { FC, HTMLAttributes, PropsWithChildren } from 'react'; import styles from '#ui/Common/Tooltip/index.module.css'; +import type { FC, HTMLAttributes, PropsWithChildren } from 'react'; + export const MDXTooltip: FC = ({ children, ...props }) => ( {children} diff --git a/packages/ui-components/src/Providers/NotificationProvider/index.tsx b/packages/ui-components/src/Providers/NotificationProvider/index.tsx index b086b09b17a7f..0ade37d734f48 100644 --- a/packages/ui-components/src/Providers/NotificationProvider/index.tsx +++ b/packages/ui-components/src/Providers/NotificationProvider/index.tsx @@ -1,5 +1,8 @@ import * as Toast from '@radix-ui/react-toast'; import { createContext, useContext, useEffect, useState } from 'react'; + +import Notification from '#ui/Common/Notification'; + import type { Dispatch, FC, @@ -8,8 +11,6 @@ import type { SetStateAction, } from 'react'; -import Notification from '#ui/Common/Notification'; - import styles from './index.module.css'; type NotificationContextType = {