From bde120f25450dd75adb42c526c88caf20cc245fc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Dudak?= Date: Thu, 10 Oct 2024 09:46:50 +0200 Subject: [PATCH] [core] Add explicit type annotations to components (#705) --- packages/mui-base/src/AlertDialog/Root/AlertDialogRoot.tsx | 4 ++-- packages/mui-base/src/Field/Validity/FieldValidity.tsx | 4 ++-- packages/mui-base/src/Menu/Root/MenuRoot.tsx | 4 ++-- packages/mui-base/src/Popover/Root/PopoverRoot.tsx | 4 ++-- packages/mui-base/src/PreviewCard/Root/PreviewCardRoot.tsx | 4 ++-- packages/mui-base/src/Slider/Root/SliderProvider.tsx | 4 ++-- packages/mui-base/src/Tabs/Root/TabsProvider.tsx | 4 ++-- packages/mui-base/src/Tabs/TabsList/TabsListProvider.tsx | 4 ++-- packages/mui-base/src/Tooltip/Provider/TooltipProvider.tsx | 4 ++-- packages/mui-base/src/Tooltip/Root/TooltipRoot.tsx | 4 ++-- 10 files changed, 20 insertions(+), 20 deletions(-) diff --git a/packages/mui-base/src/AlertDialog/Root/AlertDialogRoot.tsx b/packages/mui-base/src/AlertDialog/Root/AlertDialogRoot.tsx index d72f51f4c..9ae119f0d 100644 --- a/packages/mui-base/src/AlertDialog/Root/AlertDialogRoot.tsx +++ b/packages/mui-base/src/AlertDialog/Root/AlertDialogRoot.tsx @@ -15,7 +15,7 @@ import { useDialogRoot } from '../../Dialog/Root/useDialogRoot'; * * - [AlertDialogRoot API](https://base-ui.netlify.app/components/react-alert-dialog/#api-reference-AlertDialogRoot) */ -function AlertDialogRoot(props: AlertDialogRoot.Props) { +const AlertDialogRoot: React.FC = function AlertDialogRoot(props) { const { children, defaultOpen, onOpenChange, open: openProp, animated = true } = props; const dialogRootContext = React.useContext(AlertDialogRootContext); @@ -41,7 +41,7 @@ function AlertDialogRoot(props: AlertDialogRoot.Props) { {children} ); -} +}; namespace AlertDialogRoot { export type Props = Omit; diff --git a/packages/mui-base/src/Field/Validity/FieldValidity.tsx b/packages/mui-base/src/Field/Validity/FieldValidity.tsx index ebe70f797..f97ebac3d 100644 --- a/packages/mui-base/src/Field/Validity/FieldValidity.tsx +++ b/packages/mui-base/src/Field/Validity/FieldValidity.tsx @@ -16,7 +16,7 @@ import { FieldValidityData } from '../Root/FieldRoot'; * * - [FieldValidity API](https://base-ui.netlify.app/components/react-field/#api-reference-FieldValidity) */ -function FieldValidity(props: FieldValidity.Props) { +const FieldValidity: React.FC = function FieldValidity(props) { const { validityData, invalid } = useFieldRootContext(false); const fieldValidityState: FieldValidityState = React.useMemo(() => { @@ -28,7 +28,7 @@ function FieldValidity(props: FieldValidity.Props) { }, [validityData, invalid]); return {props.children(fieldValidityState)}; -} +}; export interface FieldValidityState extends Omit { validity: FieldValidityData['state']; diff --git a/packages/mui-base/src/Menu/Root/MenuRoot.tsx b/packages/mui-base/src/Menu/Root/MenuRoot.tsx index 108e3cef7..68802b020 100644 --- a/packages/mui-base/src/Menu/Root/MenuRoot.tsx +++ b/packages/mui-base/src/Menu/Root/MenuRoot.tsx @@ -15,7 +15,7 @@ import { MenuDirection, MenuOrientation, useMenuRoot } from './useMenuRoot'; * * - [MenuRoot API](https://base-ui.netlify.app/components/react-menu/#api-reference-MenuRoot) */ -function MenuRoot(props: MenuRoot.Props) { +const MenuRoot: React.FC = function MenuRoot(props) { const { animated = true, children, @@ -89,7 +89,7 @@ function MenuRoot(props: MenuRoot.Props) { } return {children}; -} +}; namespace MenuRoot { export interface Props { diff --git a/packages/mui-base/src/Popover/Root/PopoverRoot.tsx b/packages/mui-base/src/Popover/Root/PopoverRoot.tsx index bbed8202d..cfc4c2d24 100644 --- a/packages/mui-base/src/Popover/Root/PopoverRoot.tsx +++ b/packages/mui-base/src/Popover/Root/PopoverRoot.tsx @@ -16,7 +16,7 @@ import { OPEN_DELAY } from '../utils/constants'; * * - [PopoverRoot API](https://base-ui.netlify.app/components/react-popover/#api-reference-PopoverRoot) */ -function PopoverRoot(props: PopoverRoot.Props) { +const PopoverRoot: React.FC = function PopoverRoot(props) { const { openOnHover = false, delayType = 'rest', delay, closeDelay = 0, animated = true } = props; const delayWithDefault = delay ?? OPEN_DELAY; @@ -105,7 +105,7 @@ function PopoverRoot(props: PopoverRoot.Props) { return ( {props.children} ); -} +}; namespace PopoverRoot { export interface OwnerState {} diff --git a/packages/mui-base/src/PreviewCard/Root/PreviewCardRoot.tsx b/packages/mui-base/src/PreviewCard/Root/PreviewCardRoot.tsx index 1c166768e..39922404c 100644 --- a/packages/mui-base/src/PreviewCard/Root/PreviewCardRoot.tsx +++ b/packages/mui-base/src/PreviewCard/Root/PreviewCardRoot.tsx @@ -15,7 +15,7 @@ import { CLOSE_DELAY, OPEN_DELAY } from '../utils/constants'; * * - [PreviewCardRoot API](https://base-ui.netlify.app/components/react-preview-card/#api-reference-PreviewCardRoot) */ -function PreviewCardRoot(props: PreviewCardRoot.Props) { +const PreviewCardRoot: React.FC = function PreviewCardRoot(props) { const { delayType = 'rest', delay, closeDelay, animated = true } = props; const delayWithDefault = delay ?? OPEN_DELAY; @@ -92,7 +92,7 @@ function PreviewCardRoot(props: PreviewCardRoot.Props) { {props.children} ); -} +}; namespace PreviewCardRoot { export interface OwnerState {} diff --git a/packages/mui-base/src/Slider/Root/SliderProvider.tsx b/packages/mui-base/src/Slider/Root/SliderProvider.tsx index 7e3e158a3..12444b470 100644 --- a/packages/mui-base/src/Slider/Root/SliderProvider.tsx +++ b/packages/mui-base/src/Slider/Root/SliderProvider.tsx @@ -28,7 +28,7 @@ export function useSliderContext() { * * @ignore - do not document. */ -function SliderProvider(props: SliderProviderProps) { +const SliderProvider: React.FC = function SliderProvider(props) { const { value: valueProp, children } = props; const { compoundComponentContextValue, ...contextValue } = valueProp; @@ -38,7 +38,7 @@ function SliderProvider(props: SliderProviderProps) { {children} ); -} +}; SliderProvider.propTypes /* remove-proptypes */ = { // ┌────────────────────────────── Warning ──────────────────────────────┐ diff --git a/packages/mui-base/src/Tabs/Root/TabsProvider.tsx b/packages/mui-base/src/Tabs/Root/TabsProvider.tsx index 2a6670b7a..d8d2e5515 100644 --- a/packages/mui-base/src/Tabs/Root/TabsProvider.tsx +++ b/packages/mui-base/src/Tabs/Root/TabsProvider.tsx @@ -22,7 +22,7 @@ export interface TabsProviderProps { * * @ignore - do not document. */ -function TabsProvider(props: TabsProviderProps) { +const TabsProvider: React.FC = function TabsProvider(props) { const { value: valueProp, children } = props; const { direction, @@ -76,7 +76,7 @@ function TabsProvider(props: TabsProviderProps) { {children} ); -} +}; TabsProvider.propTypes /* remove-proptypes */ = { // ┌────────────────────────────── Warning ──────────────────────────────┐ diff --git a/packages/mui-base/src/Tabs/TabsList/TabsListProvider.tsx b/packages/mui-base/src/Tabs/TabsList/TabsListProvider.tsx index 1e2a319e9..3567bc520 100644 --- a/packages/mui-base/src/Tabs/TabsList/TabsListProvider.tsx +++ b/packages/mui-base/src/Tabs/TabsList/TabsListProvider.tsx @@ -21,7 +21,7 @@ export interface TabsListProviderProps { * * @ignore - do not document. */ -function TabsListProvider(props: TabsListProviderProps) { +const TabsListProvider: React.FC = function TabsListProvider(props) { const { value, children } = props; const { dispatch, @@ -65,7 +65,7 @@ function TabsListProvider(props: TabsListProviderProps) { ); -} +}; TabsListProvider.propTypes /* remove-proptypes */ = { // ┌────────────────────────────── Warning ──────────────────────────────┐ diff --git a/packages/mui-base/src/Tooltip/Provider/TooltipProvider.tsx b/packages/mui-base/src/Tooltip/Provider/TooltipProvider.tsx index 6fc2580bb..948bd141f 100644 --- a/packages/mui-base/src/Tooltip/Provider/TooltipProvider.tsx +++ b/packages/mui-base/src/Tooltip/Provider/TooltipProvider.tsx @@ -15,14 +15,14 @@ import { FloatingDelayGroup } from '@floating-ui/react'; * * - [TooltipProvider API](https://base-ui.netlify.app/components/react-tooltip/#api-reference-TooltipProvider) */ -function TooltipProvider(props: TooltipProvider.Props) { +const TooltipProvider: React.FC = function TooltipProvider(props) { const { delay, closeDelay, timeout = 400 } = props; return ( {props.children} ); -} +}; namespace TooltipProvider { export interface Props { diff --git a/packages/mui-base/src/Tooltip/Root/TooltipRoot.tsx b/packages/mui-base/src/Tooltip/Root/TooltipRoot.tsx index b6851c253..71cf3d7b3 100644 --- a/packages/mui-base/src/Tooltip/Root/TooltipRoot.tsx +++ b/packages/mui-base/src/Tooltip/Root/TooltipRoot.tsx @@ -16,7 +16,7 @@ import { OPEN_DELAY } from '../utils/constants'; * * - [TooltipRoot API](https://base-ui.netlify.app/components/react-tooltip/#api-reference-TooltipRoot) */ -function TooltipRoot(props: TooltipRoot.Props) { +const TooltipRoot: React.FC = function TooltipRoot(props) { const { delayType = 'rest', delay, @@ -102,7 +102,7 @@ function TooltipRoot(props: TooltipRoot.Props) { return ( {props.children} ); -} +}; namespace TooltipRoot { export interface OwnerState {}