From 49f005699131c7463b5695fcd29cd011430e3712 Mon Sep 17 00:00:00 2001 From: Serhiy Barhamon Date: Tue, 19 Apr 2022 13:49:10 +0200 Subject: [PATCH] fix: make typings compatible with @types/react@18 (#4356) * fixes #4352 * - remove @types/react from resolutions - add an assertion to "test/typings" Co-authored-by: Oleksandr Fediashov --- package.json | 2 +- src/addons/Radio/Radio.d.ts | 2 +- src/addons/Select/Select.d.ts | 2 +- .../Breadcrumb/BreadcrumbDivider.d.ts | 2 +- src/collections/Form/Form.d.ts | 2 +- src/collections/Form/FormButton.d.ts | 4 +-- src/collections/Form/FormCheckbox.d.ts | 2 +- src/collections/Form/FormDropdown.d.ts | 2 +- src/collections/Form/FormField.d.ts | 2 +- src/collections/Form/FormGroup.d.ts | 2 +- src/collections/Form/FormInput.d.ts | 6 ++-- src/collections/Form/FormRadio.d.ts | 2 +- src/collections/Form/FormSelect.d.ts | 2 +- src/collections/Form/FormTextArea.d.ts | 2 +- src/collections/Grid/Grid.d.ts | 2 +- src/collections/Grid/GridColumn.d.ts | 2 +- src/collections/Grid/GridRow.d.ts | 2 +- src/collections/Menu/MenuMenu.d.ts | 2 +- src/collections/Message/MessageContent.d.ts | 2 +- src/collections/Message/MessageHeader.d.ts | 2 +- src/collections/Message/MessageItem.d.ts | 2 +- src/collections/Message/MessageList.d.ts | 2 +- src/collections/Table/Table.d.ts | 2 +- src/collections/Table/TableBody.d.ts | 2 +- src/collections/Table/TableCell.d.ts | 2 +- src/collections/Table/TableFooter.d.ts | 2 +- src/collections/Table/TableHeader.d.ts | 2 +- src/collections/Table/TableHeaderCell.d.ts | 2 +- src/collections/Table/TableRow.d.ts | 2 +- src/elements/Button/ButtonContent.d.ts | 2 +- src/elements/Button/ButtonGroup.d.ts | 2 +- src/elements/Button/ButtonOr.d.ts | 2 +- src/elements/Container/Container.d.ts | 2 +- src/elements/Divider/Divider.d.ts | 2 +- src/elements/Header/Header.d.ts | 2 +- src/elements/Header/HeaderContent.d.ts | 2 +- src/elements/Header/HeaderSubheader.d.ts | 2 +- src/elements/Icon/IconGroup.d.ts | 2 +- src/elements/Image/Image.d.ts | 2 +- src/elements/Image/ImageGroup.d.ts | 2 +- src/elements/Label/LabelDetail.d.ts | 2 +- src/elements/Label/LabelGroup.d.ts | 2 +- src/elements/List/List.d.ts | 2 +- src/elements/List/ListContent.d.ts | 2 +- src/elements/List/ListDescription.d.ts | 2 +- src/elements/List/ListHeader.d.ts | 2 +- src/elements/List/ListIcon.d.ts | 2 +- src/elements/List/ListItem.d.ts | 2 +- src/elements/List/ListList.d.ts | 2 +- src/elements/Loader/Loader.d.ts | 2 +- src/elements/Placeholder/Placeholder.d.ts | 2 +- .../Placeholder/PlaceholderHeader.d.ts | 2 +- .../Placeholder/PlaceholderImage.d.ts | 2 +- src/elements/Placeholder/PlaceholderLine.d.ts | 2 +- .../Placeholder/PlaceholderParagraph.d.ts | 3 +- src/elements/Rail/Rail.d.ts | 2 +- src/elements/Reveal/Reveal.d.ts | 2 +- src/elements/Reveal/RevealContent.d.ts | 2 +- src/elements/Segment/Segment.d.ts | 2 +- src/elements/Segment/SegmentGroup.d.ts | 2 +- src/elements/Segment/SegmentInline.d.ts | 2 +- src/elements/Step/StepContent.d.ts | 2 +- src/elements/Step/StepDescription.d.ts | 2 +- src/elements/Step/StepGroup.d.ts | 2 +- src/elements/Step/StepTitle.d.ts | 2 +- src/modules/Accordion/AccordionContent.d.ts | 2 +- src/modules/Dropdown/DropdownMenu.d.ts | 2 +- src/modules/Modal/ModalContent.d.ts | 2 +- src/modules/Modal/ModalDescription.d.ts | 2 +- src/modules/Modal/ModalDimmer.d.ts | 2 +- src/modules/Modal/ModalHeader.d.ts | 2 +- src/modules/Popup/PopupContent.d.ts | 2 +- src/modules/Popup/PopupHeader.d.ts | 2 +- src/modules/Search/SearchCategory.d.ts | 6 ++-- src/modules/Search/SearchCategoryLayout.d.ts | 2 +- src/modules/Search/SearchResults.d.ts | 2 +- src/modules/Sidebar/SidebarPushable.d.ts | 2 +- src/modules/Sidebar/SidebarPusher.d.ts | 2 +- src/modules/Tab/TabPane.d.ts | 2 +- src/views/Advertisement/Advertisement.d.ts | 2 +- src/views/Card/CardContent.d.ts | 2 +- src/views/Card/CardDescription.d.ts | 2 +- src/views/Card/CardGroup.d.ts | 2 +- src/views/Card/CardHeader.d.ts | 2 +- src/views/Card/CardMeta.d.ts | 2 +- src/views/Comment/Comment.d.ts | 2 +- src/views/Comment/CommentActions.d.ts | 2 +- src/views/Comment/CommentAuthor.d.ts | 2 +- src/views/Comment/CommentAvatar.d.ts | 2 +- src/views/Comment/CommentContent.d.ts | 2 +- src/views/Comment/CommentGroup.d.ts | 2 +- src/views/Comment/CommentMetadata.d.ts | 2 +- src/views/Comment/CommentText.d.ts | 2 +- src/views/Feed/Feed.d.ts | 2 +- src/views/Feed/FeedContent.d.ts | 2 +- src/views/Feed/FeedDate.d.ts | 2 +- src/views/Feed/FeedEvent.d.ts | 2 +- src/views/Feed/FeedExtra.d.ts | 2 +- src/views/Feed/FeedLabel.d.ts | 2 +- src/views/Feed/FeedLike.d.ts | 2 +- src/views/Feed/FeedMeta.d.ts | 2 +- src/views/Feed/FeedSummary.d.ts | 2 +- src/views/Feed/FeedUser.d.ts | 2 +- src/views/Item/Item.d.ts | 2 +- src/views/Item/ItemDescription.d.ts | 2 +- src/views/Item/ItemExtra.d.ts | 2 +- src/views/Item/ItemGroup.d.ts | 2 +- src/views/Item/ItemHeader.d.ts | 2 +- src/views/Item/ItemImage.d.ts | 2 +- src/views/Item/ItemMeta.d.ts | 2 +- src/views/Statistic/Statistic.d.ts | 2 +- src/views/Statistic/StatisticGroup.d.ts | 2 +- src/views/Statistic/StatisticLabel.d.ts | 2 +- src/views/Statistic/StatisticValue.d.ts | 2 +- test/typings.tsx | 3 +- yarn.lock | 32 ++++++++++++++----- 116 files changed, 147 insertions(+), 127 deletions(-) diff --git a/package.json b/package.json index d7458e4875..ae12be8d26 100644 --- a/package.json +++ b/package.json @@ -98,7 +98,7 @@ "@percy/cli": "^1.0.0-beta.73", "@percy/cypress": "^3.1.1", "@size-limit/file": "^4.5.5", - "@types/react": "^16.9.43", + "@types/react": "18.0.5", "@typescript-eslint/eslint-plugin": "^3.7.1", "@typescript-eslint/parser": "^3.7.1", "@wojtekmaj/enzyme-adapter-react-17": "^0.1.1", diff --git a/src/addons/Radio/Radio.d.ts b/src/addons/Radio/Radio.d.ts index ee2f4d4a38..3170005729 100644 --- a/src/addons/Radio/Radio.d.ts +++ b/src/addons/Radio/Radio.d.ts @@ -16,6 +16,6 @@ export interface StrictRadioProps extends StrictCheckboxProps { type?: 'checkbox' | 'radio' } -declare const Radio: React.StatelessComponent +declare const Radio: React.FC export default Radio diff --git a/src/addons/Select/Select.d.ts b/src/addons/Select/Select.d.ts index 00a69719db..f5619c59fe 100644 --- a/src/addons/Select/Select.d.ts +++ b/src/addons/Select/Select.d.ts @@ -15,7 +15,7 @@ export interface StrictSelectProps extends StrictDropdownProps { options: DropdownItemProps[] } -interface SelectComponent extends React.StatelessComponent { +interface SelectComponent extends React.FC { Divider: typeof DropdownDivider Header: typeof DropdownHeader Item: typeof DropdownItem diff --git a/src/collections/Breadcrumb/BreadcrumbDivider.d.ts b/src/collections/Breadcrumb/BreadcrumbDivider.d.ts index 6c7569bfcb..0e4e267e45 100644 --- a/src/collections/Breadcrumb/BreadcrumbDivider.d.ts +++ b/src/collections/Breadcrumb/BreadcrumbDivider.d.ts @@ -24,6 +24,6 @@ export interface StrictBreadcrumbDividerProps { icon?: SemanticShorthandItem } -declare const BreadcrumbDivider: React.StatelessComponent +declare const BreadcrumbDivider: React.FC export default BreadcrumbDivider diff --git a/src/collections/Form/Form.d.ts b/src/collections/Form/Form.d.ts index 82cca3c3ef..8493574ecb 100644 --- a/src/collections/Form/Form.d.ts +++ b/src/collections/Form/Form.d.ts @@ -58,7 +58,7 @@ export interface StrictFormProps { widths?: 'equal' } -export interface FormComponent extends React.StatelessComponent { +export interface FormComponent extends React.FC { Field: typeof FormField Button: typeof FormButton Checkbox: typeof FormCheckbox diff --git a/src/collections/Form/FormButton.d.ts b/src/collections/Form/FormButton.d.ts index 27dd9290d6..47a37a4b1d 100644 --- a/src/collections/Form/FormButton.d.ts +++ b/src/collections/Form/FormButton.d.ts @@ -10,7 +10,7 @@ export interface FormButtonProps extends StrictFormButtonProps { } export interface StrictFormButtonProps - extends StrictFormFieldProps, + extends Omit, Omit { /** An element type to render as (string or function). */ as?: any @@ -22,6 +22,6 @@ export interface StrictFormButtonProps label?: SemanticShorthandItem } -declare const FormButton: React.StatelessComponent +declare const FormButton: React.FC export default FormButton diff --git a/src/collections/Form/FormCheckbox.d.ts b/src/collections/Form/FormCheckbox.d.ts index e720e47e6d..b23530a44a 100644 --- a/src/collections/Form/FormCheckbox.d.ts +++ b/src/collections/Form/FormCheckbox.d.ts @@ -18,6 +18,6 @@ export interface StrictFormCheckboxProps extends StrictFormFieldProps, StrictChe type?: 'checkbox' | 'radio' } -declare const FormCheckbox: React.StatelessComponent +declare const FormCheckbox: React.FC export default FormCheckbox diff --git a/src/collections/Form/FormDropdown.d.ts b/src/collections/Form/FormDropdown.d.ts index bfaf70bc83..79e538c426 100644 --- a/src/collections/Form/FormDropdown.d.ts +++ b/src/collections/Form/FormDropdown.d.ts @@ -18,6 +18,6 @@ export interface StrictFormDropdownProps extends StrictFormFieldProps, StrictDro error?: any } -declare const FormDropdown: React.StatelessComponent +declare const FormDropdown: React.FC export default FormDropdown diff --git a/src/collections/Form/FormField.d.ts b/src/collections/Form/FormField.d.ts index 1a9d6ed3fb..fc4c9d42fe 100644 --- a/src/collections/Form/FormField.d.ts +++ b/src/collections/Form/FormField.d.ts @@ -57,6 +57,6 @@ export interface StrictFormFieldProps { width?: SemanticWIDTHS } -declare const FormField: React.StatelessComponent +declare const FormField: React.FC export default FormField diff --git a/src/collections/Form/FormGroup.d.ts b/src/collections/Form/FormGroup.d.ts index 9da27f9f70..a864f74168 100644 --- a/src/collections/Form/FormGroup.d.ts +++ b/src/collections/Form/FormGroup.d.ts @@ -28,6 +28,6 @@ export interface StrictFormGroupProps { widths?: SemanticWIDTHS | 'equal' } -declare const FormGroup: React.StatelessComponent +declare const FormGroup: React.FC export default FormGroup diff --git a/src/collections/Form/FormInput.d.ts b/src/collections/Form/FormInput.d.ts index 0be7adac97..449caad2bd 100644 --- a/src/collections/Form/FormInput.d.ts +++ b/src/collections/Form/FormInput.d.ts @@ -9,7 +9,9 @@ export interface FormInputProps extends StrictFormInputProps { [key: string]: any } -export interface StrictFormInputProps extends StrictFormFieldProps, StrictInputProps { +export interface StrictFormInputProps + extends Omit, + StrictInputProps { /** An element type to render as (string or function). */ as?: any @@ -23,6 +25,6 @@ export interface StrictFormInputProps extends StrictFormFieldProps, StrictInputP label?: SemanticShorthandItem } -declare const FormInput: React.StatelessComponent +declare const FormInput: React.FC export default FormInput diff --git a/src/collections/Form/FormRadio.d.ts b/src/collections/Form/FormRadio.d.ts index 65aee36e91..bd9503dfef 100644 --- a/src/collections/Form/FormRadio.d.ts +++ b/src/collections/Form/FormRadio.d.ts @@ -18,6 +18,6 @@ export interface StrictFormRadioProps extends StrictFormFieldProps, StrictRadioP type?: 'checkbox' | 'radio' } -declare const FormRadio: React.StatelessComponent +declare const FormRadio: React.FC export default FormRadio diff --git a/src/collections/Form/FormSelect.d.ts b/src/collections/Form/FormSelect.d.ts index 25ff784316..a85df43f3f 100644 --- a/src/collections/Form/FormSelect.d.ts +++ b/src/collections/Form/FormSelect.d.ts @@ -24,6 +24,6 @@ export interface StrictFormSelectProps extends StrictFormFieldProps, StrictSelec options: DropdownItemProps[] } -declare const FormSelect: React.StatelessComponent +declare const FormSelect: React.FC export default FormSelect diff --git a/src/collections/Form/FormTextArea.d.ts b/src/collections/Form/FormTextArea.d.ts index 76b9499cce..309c1a3029 100644 --- a/src/collections/Form/FormTextArea.d.ts +++ b/src/collections/Form/FormTextArea.d.ts @@ -15,6 +15,6 @@ export interface StrictFormTextAreaProps extends StrictFormFieldProps, StrictTex control?: any } -declare const FormTextArea: React.StatelessComponent +declare const FormTextArea: React.FC export default FormTextArea diff --git a/src/collections/Grid/Grid.d.ts b/src/collections/Grid/Grid.d.ts index c73a0a76c0..4a76c40baf 100644 --- a/src/collections/Grid/Grid.d.ts +++ b/src/collections/Grid/Grid.d.ts @@ -70,7 +70,7 @@ export interface StrictGridProps { verticalAlign?: SemanticVERTICALALIGNMENTS } -interface GridComponent extends React.StatelessComponent { +interface GridComponent extends React.FC { Column: typeof GridColumn Row: typeof GridRow } diff --git a/src/collections/Grid/GridColumn.d.ts b/src/collections/Grid/GridColumn.d.ts index 6416936f06..e8033471ff 100644 --- a/src/collections/Grid/GridColumn.d.ts +++ b/src/collections/Grid/GridColumn.d.ts @@ -67,6 +67,6 @@ export interface StrictGridColumnProps { width?: SemanticWIDTHS } -declare const GridColumn: React.StatelessComponent +declare const GridColumn: React.FC export default GridColumn diff --git a/src/collections/Grid/GridRow.d.ts b/src/collections/Grid/GridRow.d.ts index 6cdc5b0824..3be9ab2ad2 100644 --- a/src/collections/Grid/GridRow.d.ts +++ b/src/collections/Grid/GridRow.d.ts @@ -51,6 +51,6 @@ export interface StrictGridRowProps { verticalAlign?: SemanticVERTICALALIGNMENTS } -declare const GridRow: React.StatelessComponent +declare const GridRow: React.FC export default GridRow diff --git a/src/collections/Menu/MenuMenu.d.ts b/src/collections/Menu/MenuMenu.d.ts index c53d76d40d..ea449d9fb0 100644 --- a/src/collections/Menu/MenuMenu.d.ts +++ b/src/collections/Menu/MenuMenu.d.ts @@ -22,6 +22,6 @@ export interface StrictMenuMenuProps { position?: 'left' | 'right' } -declare const MenuMenu: React.StatelessComponent +declare const MenuMenu: React.FC export default MenuMenu diff --git a/src/collections/Message/MessageContent.d.ts b/src/collections/Message/MessageContent.d.ts index 627e94e107..1b70a9f891 100644 --- a/src/collections/Message/MessageContent.d.ts +++ b/src/collections/Message/MessageContent.d.ts @@ -19,6 +19,6 @@ export interface StrictMessageContentProps { content?: SemanticShorthandContent } -declare const MessageContent: React.StatelessComponent +declare const MessageContent: React.FC export default MessageContent diff --git a/src/collections/Message/MessageHeader.d.ts b/src/collections/Message/MessageHeader.d.ts index c6af3b97f6..cfbf64c02a 100644 --- a/src/collections/Message/MessageHeader.d.ts +++ b/src/collections/Message/MessageHeader.d.ts @@ -19,6 +19,6 @@ export interface StrictMessageHeaderProps { content?: SemanticShorthandContent } -declare const MessageHeader: React.StatelessComponent +declare const MessageHeader: React.FC export default MessageHeader diff --git a/src/collections/Message/MessageItem.d.ts b/src/collections/Message/MessageItem.d.ts index c38a0a1e74..b1293df9a7 100644 --- a/src/collections/Message/MessageItem.d.ts +++ b/src/collections/Message/MessageItem.d.ts @@ -19,6 +19,6 @@ export interface StrictMessageItemProps { content?: SemanticShorthandContent } -declare const MessageItem: React.StatelessComponent +declare const MessageItem: React.FC export default MessageItem diff --git a/src/collections/Message/MessageList.d.ts b/src/collections/Message/MessageList.d.ts index c6b7edc2fd..9acf86b4f1 100644 --- a/src/collections/Message/MessageList.d.ts +++ b/src/collections/Message/MessageList.d.ts @@ -21,6 +21,6 @@ export interface StrictMessageListProps { items?: SemanticShorthandCollection } -declare const MessageList: React.StatelessComponent +declare const MessageList: React.FC export default MessageList diff --git a/src/collections/Table/Table.d.ts b/src/collections/Table/Table.d.ts index 296db71156..8334dd06ff 100644 --- a/src/collections/Table/Table.d.ts +++ b/src/collections/Table/Table.d.ts @@ -115,7 +115,7 @@ export interface StrictTableProps { verticalAlign?: SemanticVERTICALALIGNMENTS } -interface TableComponent extends React.StatelessComponent { +interface TableComponent extends React.FC { Body: typeof TableBody Cell: typeof TableCell Footer: typeof TableFooter diff --git a/src/collections/Table/TableBody.d.ts b/src/collections/Table/TableBody.d.ts index 8d167c8975..2b6b86407c 100644 --- a/src/collections/Table/TableBody.d.ts +++ b/src/collections/Table/TableBody.d.ts @@ -15,6 +15,6 @@ export interface StrictTableBodyProps { className?: string } -declare const TableBody: React.StatelessComponent +declare const TableBody: React.FC export default TableBody diff --git a/src/collections/Table/TableCell.d.ts b/src/collections/Table/TableCell.d.ts index ab085781ef..38bf96e12a 100644 --- a/src/collections/Table/TableCell.d.ts +++ b/src/collections/Table/TableCell.d.ts @@ -65,6 +65,6 @@ export interface StrictTableCellProps { width?: SemanticWIDTHS } -declare const TableCell: React.StatelessComponent +declare const TableCell: React.FC export default TableCell diff --git a/src/collections/Table/TableFooter.d.ts b/src/collections/Table/TableFooter.d.ts index 1d99544e65..d1b58565d2 100644 --- a/src/collections/Table/TableFooter.d.ts +++ b/src/collections/Table/TableFooter.d.ts @@ -10,6 +10,6 @@ export interface StrictTableFooterProps extends StrictTableHeaderProps { as?: any } -declare const TableFooter: React.StatelessComponent +declare const TableFooter: React.FC export default TableFooter diff --git a/src/collections/Table/TableHeader.d.ts b/src/collections/Table/TableHeader.d.ts index 66c314a680..3d1fbf9bf9 100644 --- a/src/collections/Table/TableHeader.d.ts +++ b/src/collections/Table/TableHeader.d.ts @@ -22,6 +22,6 @@ export interface StrictTableHeaderProps { fullWidth?: boolean } -declare const TableHeader: React.StatelessComponent +declare const TableHeader: React.FC export default TableHeader diff --git a/src/collections/Table/TableHeaderCell.d.ts b/src/collections/Table/TableHeaderCell.d.ts index a5170e35e4..c6ee887f4a 100644 --- a/src/collections/Table/TableHeaderCell.d.ts +++ b/src/collections/Table/TableHeaderCell.d.ts @@ -16,6 +16,6 @@ export interface StrictTableHeaderCellProps extends StrictTableCellProps { sorted?: 'ascending' | 'descending' } -declare const TableHeaderCell: React.StatelessComponent +declare const TableHeaderCell: React.FC export default TableHeaderCell diff --git a/src/collections/Table/TableRow.d.ts b/src/collections/Table/TableRow.d.ts index 19f4b8f4cb..220204ff38 100644 --- a/src/collections/Table/TableRow.d.ts +++ b/src/collections/Table/TableRow.d.ts @@ -48,6 +48,6 @@ export interface StrictTableRowProps { warning?: boolean } -declare const TableRow: React.StatelessComponent +declare const TableRow: React.FC export default TableRow diff --git a/src/elements/Button/ButtonContent.d.ts b/src/elements/Button/ButtonContent.d.ts index e9999c9c4e..a4e3b5ec13 100644 --- a/src/elements/Button/ButtonContent.d.ts +++ b/src/elements/Button/ButtonContent.d.ts @@ -25,6 +25,6 @@ export interface StrictButtonContentProps { visible?: boolean } -declare const ButtonContent: React.StatelessComponent +declare const ButtonContent: React.FC export default ButtonContent diff --git a/src/elements/Button/ButtonGroup.d.ts b/src/elements/Button/ButtonGroup.d.ts index f8950cabca..1fcfa1eced 100644 --- a/src/elements/Button/ButtonGroup.d.ts +++ b/src/elements/Button/ButtonGroup.d.ts @@ -82,6 +82,6 @@ export interface StrictButtonGroupProps { widths?: SemanticWIDTHS } -declare const ButtonGroup: React.StatelessComponent +declare const ButtonGroup: React.FC export default ButtonGroup diff --git a/src/elements/Button/ButtonOr.d.ts b/src/elements/Button/ButtonOr.d.ts index 3b3a28b140..4d5d8e2b3b 100644 --- a/src/elements/Button/ButtonOr.d.ts +++ b/src/elements/Button/ButtonOr.d.ts @@ -15,6 +15,6 @@ export interface StrictButtonOrProps { text?: number | string } -declare const ButtonOr: React.StatelessComponent +declare const ButtonOr: React.FC export default ButtonOr diff --git a/src/elements/Container/Container.d.ts b/src/elements/Container/Container.d.ts index 676918cab3..3c4bff37a5 100644 --- a/src/elements/Container/Container.d.ts +++ b/src/elements/Container/Container.d.ts @@ -28,6 +28,6 @@ export interface StrictContainerProps { textAlign?: SemanticTEXTALIGNMENTS } -declare const Container: React.StatelessComponent +declare const Container: React.FC export default Container diff --git a/src/elements/Divider/Divider.d.ts b/src/elements/Divider/Divider.d.ts index 01995a2e58..0d233e8f97 100644 --- a/src/elements/Divider/Divider.d.ts +++ b/src/elements/Divider/Divider.d.ts @@ -40,6 +40,6 @@ export interface StrictDividerProps { vertical?: boolean } -declare const Divider: React.StatelessComponent +declare const Divider: React.FC export default Divider diff --git a/src/elements/Header/Header.d.ts b/src/elements/Header/Header.d.ts index 917a4a6de9..d705716342 100644 --- a/src/elements/Header/Header.d.ts +++ b/src/elements/Header/Header.d.ts @@ -61,7 +61,7 @@ export interface StrictHeaderProps { textAlign?: SemanticTEXTALIGNMENTS } -interface HeaderComponent extends React.StatelessComponent { +interface HeaderComponent extends React.FC { Content: typeof HeaderContent Subheader: typeof HeaderSubHeader } diff --git a/src/elements/Header/HeaderContent.d.ts b/src/elements/Header/HeaderContent.d.ts index b101213d85..213b30f946 100644 --- a/src/elements/Header/HeaderContent.d.ts +++ b/src/elements/Header/HeaderContent.d.ts @@ -19,6 +19,6 @@ export interface StrictHeaderContentProps { content?: SemanticShorthandContent } -declare const HeaderContent: React.StatelessComponent +declare const HeaderContent: React.FC export default HeaderContent diff --git a/src/elements/Header/HeaderSubheader.d.ts b/src/elements/Header/HeaderSubheader.d.ts index d9cb9c283c..a7bb570ea4 100644 --- a/src/elements/Header/HeaderSubheader.d.ts +++ b/src/elements/Header/HeaderSubheader.d.ts @@ -19,6 +19,6 @@ export interface StrictHeaderSubheaderProps { content?: SemanticShorthandContent } -declare const HeaderSubHeader: React.StatelessComponent +declare const HeaderSubHeader: React.FC export default HeaderSubHeader diff --git a/src/elements/Icon/IconGroup.d.ts b/src/elements/Icon/IconGroup.d.ts index 7b0c66e01f..50c585143e 100644 --- a/src/elements/Icon/IconGroup.d.ts +++ b/src/elements/Icon/IconGroup.d.ts @@ -24,6 +24,6 @@ export interface StrictIconGroupProps { size?: IconSizeProp } -declare const IconGroup: React.StatelessComponent +declare const IconGroup: React.FC export default IconGroup diff --git a/src/elements/Image/Image.d.ts b/src/elements/Image/Image.d.ts index a22b90afe3..b6f51399a5 100644 --- a/src/elements/Image/Image.d.ts +++ b/src/elements/Image/Image.d.ts @@ -84,7 +84,7 @@ export interface StrictImageProps { wrapped?: boolean } -interface ImageComponent extends React.StatelessComponent { +interface ImageComponent extends React.FC { Group: typeof ImageGroup } diff --git a/src/elements/Image/ImageGroup.d.ts b/src/elements/Image/ImageGroup.d.ts index eeb058141d..b04ed52461 100644 --- a/src/elements/Image/ImageGroup.d.ts +++ b/src/elements/Image/ImageGroup.d.ts @@ -22,6 +22,6 @@ export interface StrictImageGroupProps { size?: SemanticSIZES } -declare const ImageGroup: React.StatelessComponent +declare const ImageGroup: React.FC export default ImageGroup diff --git a/src/elements/Label/LabelDetail.d.ts b/src/elements/Label/LabelDetail.d.ts index f290108ef0..7bcf8d2fe6 100644 --- a/src/elements/Label/LabelDetail.d.ts +++ b/src/elements/Label/LabelDetail.d.ts @@ -19,6 +19,6 @@ export interface StrictLabelDetailProps { content?: SemanticShorthandContent } -declare const LabelDetail: React.StatelessComponent +declare const LabelDetail: React.FC export default LabelDetail diff --git a/src/elements/Label/LabelGroup.d.ts b/src/elements/Label/LabelGroup.d.ts index 4f31acf456..b5cbc2e2a9 100644 --- a/src/elements/Label/LabelGroup.d.ts +++ b/src/elements/Label/LabelGroup.d.ts @@ -31,6 +31,6 @@ export interface StrictLabelGroupProps { tag?: boolean } -declare const LabelGroup: React.StatelessComponent +declare const LabelGroup: React.FC export default LabelGroup diff --git a/src/elements/List/List.d.ts b/src/elements/List/List.d.ts index e4c1fc847f..56c0ff6cc9 100644 --- a/src/elements/List/List.d.ts +++ b/src/elements/List/List.d.ts @@ -82,7 +82,7 @@ export interface StrictListProps { verticalAlign?: SemanticVERTICALALIGNMENTS } -interface ListComponent extends React.StatelessComponent { +interface ListComponent extends React.FC { Content: typeof ListContent Description: typeof ListDescription Header: typeof ListHeader diff --git a/src/elements/List/ListContent.d.ts b/src/elements/List/ListContent.d.ts index db69e63109..a6c7cb72c6 100644 --- a/src/elements/List/ListContent.d.ts +++ b/src/elements/List/ListContent.d.ts @@ -39,6 +39,6 @@ export interface StrictListContentProps { verticalAlign?: SemanticVERTICALALIGNMENTS } -declare const ListContent: React.StatelessComponent +declare const ListContent: React.FC export default ListContent diff --git a/src/elements/List/ListDescription.d.ts b/src/elements/List/ListDescription.d.ts index d3c8b91d5e..30d1609c33 100644 --- a/src/elements/List/ListDescription.d.ts +++ b/src/elements/List/ListDescription.d.ts @@ -19,6 +19,6 @@ export interface StrictListDescriptionProps { content?: SemanticShorthandContent } -declare const ListDescription: React.StatelessComponent +declare const ListDescription: React.FC export default ListDescription diff --git a/src/elements/List/ListHeader.d.ts b/src/elements/List/ListHeader.d.ts index aa9b98b94d..44de79cecc 100644 --- a/src/elements/List/ListHeader.d.ts +++ b/src/elements/List/ListHeader.d.ts @@ -19,6 +19,6 @@ export interface StrictListHeaderProps { content?: SemanticShorthandContent } -declare const ListHeader: React.StatelessComponent +declare const ListHeader: React.FC export default ListHeader diff --git a/src/elements/List/ListIcon.d.ts b/src/elements/List/ListIcon.d.ts index 88c127fe1e..32a9569dd0 100644 --- a/src/elements/List/ListIcon.d.ts +++ b/src/elements/List/ListIcon.d.ts @@ -15,6 +15,6 @@ export interface StrictListIconProps extends StrictIconProps { verticalAlign?: SemanticVERTICALALIGNMENTS } -declare const ListIcon: React.StatelessComponent +declare const ListIcon: React.FC export default ListIcon diff --git a/src/elements/List/ListItem.d.ts b/src/elements/List/ListItem.d.ts index f408f3783a..1c92f95e85 100644 --- a/src/elements/List/ListItem.d.ts +++ b/src/elements/List/ListItem.d.ts @@ -54,6 +54,6 @@ export interface StrictListItemProps { value?: string } -declare const ListItem: React.StatelessComponent +declare const ListItem: React.FC export default ListItem diff --git a/src/elements/List/ListList.d.ts b/src/elements/List/ListList.d.ts index 6bfae39a17..ea652c54b2 100644 --- a/src/elements/List/ListList.d.ts +++ b/src/elements/List/ListList.d.ts @@ -19,6 +19,6 @@ export interface StrictListListProps { content?: SemanticShorthandContent } -declare const ListList: React.StatelessComponent +declare const ListList: React.FC export default ListList diff --git a/src/elements/Loader/Loader.d.ts b/src/elements/Loader/Loader.d.ts index 221632ef19..154b76cb38 100644 --- a/src/elements/Loader/Loader.d.ts +++ b/src/elements/Loader/Loader.d.ts @@ -37,6 +37,6 @@ export interface StrictLoaderProps { size?: SemanticSIZES } -declare const Loader: React.StatelessComponent +declare const Loader: React.FC export default Loader diff --git a/src/elements/Placeholder/Placeholder.d.ts b/src/elements/Placeholder/Placeholder.d.ts index 051d26d85f..687852e96b 100644 --- a/src/elements/Placeholder/Placeholder.d.ts +++ b/src/elements/Placeholder/Placeholder.d.ts @@ -30,7 +30,7 @@ export interface StrictPlaceholderProps { inverted?: boolean } -interface PlaceholderComponent extends React.StatelessComponent { +interface PlaceholderComponent extends React.FC { Header: typeof PlaceholderHeader Line: typeof PlaceholderLine Image: typeof PlaceholderImage diff --git a/src/elements/Placeholder/PlaceholderHeader.d.ts b/src/elements/Placeholder/PlaceholderHeader.d.ts index 9e669a0e01..5a85958835 100644 --- a/src/elements/Placeholder/PlaceholderHeader.d.ts +++ b/src/elements/Placeholder/PlaceholderHeader.d.ts @@ -22,7 +22,7 @@ export interface StrictPlaceholderHeaderProps { image?: boolean } -interface PlaceholderHeaderComponent extends React.StatelessComponent {} +interface PlaceholderHeaderComponent extends React.FC {} declare const PlaceholderHeader: PlaceholderHeaderComponent diff --git a/src/elements/Placeholder/PlaceholderImage.d.ts b/src/elements/Placeholder/PlaceholderImage.d.ts index 48b4eacbd9..2002b635de 100644 --- a/src/elements/Placeholder/PlaceholderImage.d.ts +++ b/src/elements/Placeholder/PlaceholderImage.d.ts @@ -18,7 +18,7 @@ export interface StrictPlaceholderImageProps { rectangular?: boolean } -interface PlaceholderImageComponent extends React.StatelessComponent {} +interface PlaceholderImageComponent extends React.FC {} declare const PlaceholderImage: PlaceholderImageComponent diff --git a/src/elements/Placeholder/PlaceholderLine.d.ts b/src/elements/Placeholder/PlaceholderLine.d.ts index d4fac4b2c4..f5b1e08ad2 100644 --- a/src/elements/Placeholder/PlaceholderLine.d.ts +++ b/src/elements/Placeholder/PlaceholderLine.d.ts @@ -15,7 +15,7 @@ export interface StrictPlaceholderLineProps { length?: 'full' | 'very long' | 'long' | 'medium' | 'short' | 'very short' } -interface PlaceholderLineComponent extends React.StatelessComponent {} +interface PlaceholderLineComponent extends React.FC {} declare const PlaceholderLine: PlaceholderLineComponent diff --git a/src/elements/Placeholder/PlaceholderParagraph.d.ts b/src/elements/Placeholder/PlaceholderParagraph.d.ts index 130cca1e67..ca4b37779c 100644 --- a/src/elements/Placeholder/PlaceholderParagraph.d.ts +++ b/src/elements/Placeholder/PlaceholderParagraph.d.ts @@ -19,8 +19,7 @@ export interface StrictPlaceholderParagraphProps { content?: SemanticShorthandContent } -interface PlaceholderParagraphComponent - extends React.StatelessComponent {} +interface PlaceholderParagraphComponent extends React.FC {} declare const PlaceholderParagraph: PlaceholderParagraphComponent diff --git a/src/elements/Rail/Rail.d.ts b/src/elements/Rail/Rail.d.ts index d8f1e04063..4164b08da3 100644 --- a/src/elements/Rail/Rail.d.ts +++ b/src/elements/Rail/Rail.d.ts @@ -37,6 +37,6 @@ export interface StrictRailProps { size?: 'mini' | 'tiny' | 'small' | 'large' | 'big' | 'huge' | 'massive' } -declare const Rail: React.StatelessComponent +declare const Rail: React.FC export default Rail diff --git a/src/elements/Reveal/Reveal.d.ts b/src/elements/Reveal/Reveal.d.ts index 9933a98c92..d3cb9980b2 100644 --- a/src/elements/Reveal/Reveal.d.ts +++ b/src/elements/Reveal/Reveal.d.ts @@ -41,7 +41,7 @@ export interface StrictRevealProps { instant?: boolean } -interface RevealComponent extends React.StatelessComponent { +interface RevealComponent extends React.FC { Content: typeof RevealContent } diff --git a/src/elements/Reveal/RevealContent.d.ts b/src/elements/Reveal/RevealContent.d.ts index fae5b6234a..285e8c6e78 100644 --- a/src/elements/Reveal/RevealContent.d.ts +++ b/src/elements/Reveal/RevealContent.d.ts @@ -25,6 +25,6 @@ export interface StrictRevealContentProps { visible?: boolean } -declare const RevealContent: React.StatelessComponent +declare const RevealContent: React.FC export default RevealContent diff --git a/src/elements/Segment/Segment.d.ts b/src/elements/Segment/Segment.d.ts index 698abc448e..0e6ae6cf9e 100644 --- a/src/elements/Segment/Segment.d.ts +++ b/src/elements/Segment/Segment.d.ts @@ -89,7 +89,7 @@ export interface StrictSegmentProps { vertical?: boolean } -interface SegmentComponent extends React.StatelessComponent { +interface SegmentComponent extends React.FC { Group: typeof SegmentGroup Inline: typeof SegmentInline } diff --git a/src/elements/Segment/SegmentGroup.d.ts b/src/elements/Segment/SegmentGroup.d.ts index 718cf1c933..e11315c095 100644 --- a/src/elements/Segment/SegmentGroup.d.ts +++ b/src/elements/Segment/SegmentGroup.d.ts @@ -39,6 +39,6 @@ export interface StrictSegmentGroupProps { stacked?: boolean } -declare const SegmentGroup: React.StatelessComponent +declare const SegmentGroup: React.FC export default SegmentGroup diff --git a/src/elements/Segment/SegmentInline.d.ts b/src/elements/Segment/SegmentInline.d.ts index 52142f8512..199f549102 100644 --- a/src/elements/Segment/SegmentInline.d.ts +++ b/src/elements/Segment/SegmentInline.d.ts @@ -19,7 +19,7 @@ export interface StrictSegmentInlineProps { content?: SemanticShorthandContent } -interface SegmentInlineComponent extends React.StatelessComponent {} +interface SegmentInlineComponent extends React.FC {} declare const SegmentInline: SegmentInlineComponent diff --git a/src/elements/Step/StepContent.d.ts b/src/elements/Step/StepContent.d.ts index a275468ed4..f59cec8198 100644 --- a/src/elements/Step/StepContent.d.ts +++ b/src/elements/Step/StepContent.d.ts @@ -28,6 +28,6 @@ export interface StrictStepContentProps { title?: SemanticShorthandItem } -declare const StepContent: React.StatelessComponent +declare const StepContent: React.FC export default StepContent diff --git a/src/elements/Step/StepDescription.d.ts b/src/elements/Step/StepDescription.d.ts index 5b60ca1624..d3dfe35179 100644 --- a/src/elements/Step/StepDescription.d.ts +++ b/src/elements/Step/StepDescription.d.ts @@ -19,6 +19,6 @@ export interface StrictStepDescriptionProps { content?: SemanticShorthandContent } -declare const StepDescription: React.StatelessComponent +declare const StepDescription: React.FC export default StepDescription diff --git a/src/elements/Step/StepGroup.d.ts b/src/elements/Step/StepGroup.d.ts index 9984be7005..54958f38f4 100644 --- a/src/elements/Step/StepGroup.d.ts +++ b/src/elements/Step/StepGroup.d.ts @@ -72,6 +72,6 @@ export interface StrictStepGroupProps { | 'eight' } -declare const StepGroup: React.StatelessComponent +declare const StepGroup: React.FC export default StepGroup diff --git a/src/elements/Step/StepTitle.d.ts b/src/elements/Step/StepTitle.d.ts index 81a7911573..e169816357 100644 --- a/src/elements/Step/StepTitle.d.ts +++ b/src/elements/Step/StepTitle.d.ts @@ -19,6 +19,6 @@ export interface StrictStepTitleProps { content?: SemanticShorthandContent } -declare const StepTitle: React.StatelessComponent +declare const StepTitle: React.FC export default StepTitle diff --git a/src/modules/Accordion/AccordionContent.d.ts b/src/modules/Accordion/AccordionContent.d.ts index 04de6c9c1f..385c0821b8 100644 --- a/src/modules/Accordion/AccordionContent.d.ts +++ b/src/modules/Accordion/AccordionContent.d.ts @@ -22,6 +22,6 @@ export interface StrictAccordionContentProps { content?: SemanticShorthandContent } -declare const AccordionContent: React.StatelessComponent +declare const AccordionContent: React.FC export default AccordionContent diff --git a/src/modules/Dropdown/DropdownMenu.d.ts b/src/modules/Dropdown/DropdownMenu.d.ts index e4f68001b0..11166dd55a 100644 --- a/src/modules/Dropdown/DropdownMenu.d.ts +++ b/src/modules/Dropdown/DropdownMenu.d.ts @@ -28,6 +28,6 @@ export interface StrictDropdownMenuProps { scrolling?: boolean } -declare const DropdownMenu: React.StatelessComponent +declare const DropdownMenu: React.FC export default DropdownMenu diff --git a/src/modules/Modal/ModalContent.d.ts b/src/modules/Modal/ModalContent.d.ts index 4028680564..bef4465377 100644 --- a/src/modules/Modal/ModalContent.d.ts +++ b/src/modules/Modal/ModalContent.d.ts @@ -25,6 +25,6 @@ export interface StrictModalContentProps { scrolling?: boolean } -declare const ModalContent: React.StatelessComponent +declare const ModalContent: React.FC export default ModalContent diff --git a/src/modules/Modal/ModalDescription.d.ts b/src/modules/Modal/ModalDescription.d.ts index e4c0e1b938..3d22745838 100644 --- a/src/modules/Modal/ModalDescription.d.ts +++ b/src/modules/Modal/ModalDescription.d.ts @@ -19,6 +19,6 @@ export interface StrictModalDescriptionProps { content?: SemanticShorthandContent } -declare const ModalDescription: React.StatelessComponent +declare const ModalDescription: React.FC export default ModalDescription diff --git a/src/modules/Modal/ModalDimmer.d.ts b/src/modules/Modal/ModalDimmer.d.ts index 94f857b3a1..cf75f730b9 100644 --- a/src/modules/Modal/ModalDimmer.d.ts +++ b/src/modules/Modal/ModalDimmer.d.ts @@ -34,6 +34,6 @@ export interface StrictModalDimmerProps { scrolling?: boolean } -declare const ModalDimmer: React.StatelessComponent +declare const ModalDimmer: React.FC export default ModalDimmer diff --git a/src/modules/Modal/ModalHeader.d.ts b/src/modules/Modal/ModalHeader.d.ts index 89c3d5ef61..e2489dfd50 100644 --- a/src/modules/Modal/ModalHeader.d.ts +++ b/src/modules/Modal/ModalHeader.d.ts @@ -19,6 +19,6 @@ export interface StrictModalHeaderProps { content?: SemanticShorthandContent } -declare const ModalHeader: React.StatelessComponent +declare const ModalHeader: React.FC export default ModalHeader diff --git a/src/modules/Popup/PopupContent.d.ts b/src/modules/Popup/PopupContent.d.ts index 4298111f7e..07b22ab1a7 100644 --- a/src/modules/Popup/PopupContent.d.ts +++ b/src/modules/Popup/PopupContent.d.ts @@ -19,6 +19,6 @@ export interface StrictPopupContentProps { content?: SemanticShorthandContent } -declare const PopupContent: React.StatelessComponent +declare const PopupContent: React.FC export default PopupContent diff --git a/src/modules/Popup/PopupHeader.d.ts b/src/modules/Popup/PopupHeader.d.ts index 1d7d91ffe1..4a2b7543a3 100644 --- a/src/modules/Popup/PopupHeader.d.ts +++ b/src/modules/Popup/PopupHeader.d.ts @@ -19,6 +19,6 @@ export interface StrictPopupHeaderProps { content?: SemanticShorthandContent } -declare const PopupHeader: React.StatelessComponent +declare const PopupHeader: React.FC export default PopupHeader diff --git a/src/modules/Search/SearchCategory.d.ts b/src/modules/Search/SearchCategory.d.ts index ff44028540..3baf235451 100644 --- a/src/modules/Search/SearchCategory.d.ts +++ b/src/modules/Search/SearchCategory.d.ts @@ -33,7 +33,9 @@ export interface StrictSearchCategoryProps { * @param {object} props - The SearchCategoryLayout props object. * @returns {*} - Renderable SearchCategory layout. */ - layoutRenderer?: (props: Pick) => React.ReactElement + layoutRenderer?: ( + props: Pick, + ) => React.ReactElement /** * Renders the category contents. @@ -47,6 +49,6 @@ export interface StrictSearchCategoryProps { results?: typeof SearchResult[] } -declare const SearchCategory: React.StatelessComponent +declare const SearchCategory: React.FC export default SearchCategory diff --git a/src/modules/Search/SearchCategoryLayout.d.ts b/src/modules/Search/SearchCategoryLayout.d.ts index 1f39a001a6..b23a35f158 100644 --- a/src/modules/Search/SearchCategoryLayout.d.ts +++ b/src/modules/Search/SearchCategoryLayout.d.ts @@ -15,6 +15,6 @@ export interface StrictSearchCategoryLayoutProps { resultsContent: React.ReactElement } -declare const SearchCategoryLayout: React.StatelessComponent +declare const SearchCategoryLayout: React.FC export default SearchCategoryLayout diff --git a/src/modules/Search/SearchResults.d.ts b/src/modules/Search/SearchResults.d.ts index 33b6cd7564..139da005c5 100644 --- a/src/modules/Search/SearchResults.d.ts +++ b/src/modules/Search/SearchResults.d.ts @@ -19,6 +19,6 @@ export interface StrictSearchResultsProps { content?: SemanticShorthandContent } -declare const SearchResults: React.StatelessComponent +declare const SearchResults: React.FC export default SearchResults diff --git a/src/modules/Sidebar/SidebarPushable.d.ts b/src/modules/Sidebar/SidebarPushable.d.ts index bd7fedfa99..707af13109 100644 --- a/src/modules/Sidebar/SidebarPushable.d.ts +++ b/src/modules/Sidebar/SidebarPushable.d.ts @@ -19,6 +19,6 @@ export interface StrictSidebarPushableProps { content?: SemanticShorthandContent } -declare const SidebarPushable: React.StatelessComponent +declare const SidebarPushable: React.FC export default SidebarPushable diff --git a/src/modules/Sidebar/SidebarPusher.d.ts b/src/modules/Sidebar/SidebarPusher.d.ts index 306be4bde6..67f453345f 100644 --- a/src/modules/Sidebar/SidebarPusher.d.ts +++ b/src/modules/Sidebar/SidebarPusher.d.ts @@ -22,6 +22,6 @@ export interface StrictSidebarPusherProps { dimmed?: boolean } -declare const SidebarPusher: React.StatelessComponent +declare const SidebarPusher: React.FC export default SidebarPusher diff --git a/src/modules/Tab/TabPane.d.ts b/src/modules/Tab/TabPane.d.ts index 7115c8e165..ba8930e752 100644 --- a/src/modules/Tab/TabPane.d.ts +++ b/src/modules/Tab/TabPane.d.ts @@ -25,6 +25,6 @@ export interface StrictTabPaneProps { loading?: boolean } -declare const TabPane: React.StatelessComponent +declare const TabPane: React.FC export default TabPane diff --git a/src/views/Advertisement/Advertisement.d.ts b/src/views/Advertisement/Advertisement.d.ts index cb7c315200..ef37445b18 100644 --- a/src/views/Advertisement/Advertisement.d.ts +++ b/src/views/Advertisement/Advertisement.d.ts @@ -51,6 +51,6 @@ export interface StrictAdvertisementProps { | 'small square' } -declare const Advertisement: React.StatelessComponent +declare const Advertisement: React.FC export default Advertisement diff --git a/src/views/Card/CardContent.d.ts b/src/views/Card/CardContent.d.ts index fe62e09cd6..fcdd79e064 100644 --- a/src/views/Card/CardContent.d.ts +++ b/src/views/Card/CardContent.d.ts @@ -38,6 +38,6 @@ export interface StrictCardContentProps { textAlign?: 'center' | 'left' | 'right' } -declare const CardContent: React.StatelessComponent +declare const CardContent: React.FC export default CardContent diff --git a/src/views/Card/CardDescription.d.ts b/src/views/Card/CardDescription.d.ts index af9cb19f24..b1d7d46f78 100644 --- a/src/views/Card/CardDescription.d.ts +++ b/src/views/Card/CardDescription.d.ts @@ -22,6 +22,6 @@ export interface StrictCardDescriptionProps { textAlign?: 'center' | 'left' | 'right' } -declare const CardDescription: React.StatelessComponent +declare const CardDescription: React.FC export default CardDescription diff --git a/src/views/Card/CardGroup.d.ts b/src/views/Card/CardGroup.d.ts index 723959a364..a2bbce91fc 100644 --- a/src/views/Card/CardGroup.d.ts +++ b/src/views/Card/CardGroup.d.ts @@ -43,6 +43,6 @@ export interface StrictCardGroupProps { textAlign?: 'center' | 'left' | 'right' } -declare const CardGroup: React.StatelessComponent +declare const CardGroup: React.FC export default CardGroup diff --git a/src/views/Card/CardHeader.d.ts b/src/views/Card/CardHeader.d.ts index 03b27c22c7..ae84eb5953 100644 --- a/src/views/Card/CardHeader.d.ts +++ b/src/views/Card/CardHeader.d.ts @@ -22,6 +22,6 @@ export interface StrictCardHeaderProps { textAlign?: 'center' | 'left' | 'right' } -declare const CardHeader: React.StatelessComponent +declare const CardHeader: React.FC export default CardHeader diff --git a/src/views/Card/CardMeta.d.ts b/src/views/Card/CardMeta.d.ts index 48105abbdc..c8bb94e252 100644 --- a/src/views/Card/CardMeta.d.ts +++ b/src/views/Card/CardMeta.d.ts @@ -22,6 +22,6 @@ export interface StrictCardMetaProps { textAlign?: 'center' | 'left' | 'right' } -declare const CardMeta: React.StatelessComponent +declare const CardMeta: React.FC export default CardMeta diff --git a/src/views/Comment/Comment.d.ts b/src/views/Comment/Comment.d.ts index 2b0485c98d..54cd13b734 100644 --- a/src/views/Comment/Comment.d.ts +++ b/src/views/Comment/Comment.d.ts @@ -31,7 +31,7 @@ export interface StrictCommentProps { content?: SemanticShorthandContent } -interface CommentComponent extends React.StatelessComponent { +interface CommentComponent extends React.FC { Action: typeof CommentAction Actions: typeof CommentActions Author: typeof CommentAuthor diff --git a/src/views/Comment/CommentActions.d.ts b/src/views/Comment/CommentActions.d.ts index 04ec3c1eba..b293bb3112 100644 --- a/src/views/Comment/CommentActions.d.ts +++ b/src/views/Comment/CommentActions.d.ts @@ -19,6 +19,6 @@ export interface StrictCommentActionsProps { content?: SemanticShorthandContent } -declare const CommentActions: React.StatelessComponent +declare const CommentActions: React.FC export default CommentActions diff --git a/src/views/Comment/CommentAuthor.d.ts b/src/views/Comment/CommentAuthor.d.ts index 0e923eee23..5fe80167ec 100644 --- a/src/views/Comment/CommentAuthor.d.ts +++ b/src/views/Comment/CommentAuthor.d.ts @@ -19,6 +19,6 @@ export interface StrictCommentAuthorProps { content?: SemanticShorthandContent } -declare const CommentAuthor: React.StatelessComponent +declare const CommentAuthor: React.FC export default CommentAuthor diff --git a/src/views/Comment/CommentAvatar.d.ts b/src/views/Comment/CommentAvatar.d.ts index c3c9a533cf..cf5fdb09c1 100644 --- a/src/views/Comment/CommentAvatar.d.ts +++ b/src/views/Comment/CommentAvatar.d.ts @@ -15,6 +15,6 @@ export interface StrictCommentAvatarProps { src?: string } -declare const CommentAvatar: React.StatelessComponent +declare const CommentAvatar: React.FC export default CommentAvatar diff --git a/src/views/Comment/CommentContent.d.ts b/src/views/Comment/CommentContent.d.ts index 294210eea8..91dc324b82 100644 --- a/src/views/Comment/CommentContent.d.ts +++ b/src/views/Comment/CommentContent.d.ts @@ -19,6 +19,6 @@ export interface StrictCommentContentProps { content?: SemanticShorthandContent } -declare const CommentContent: React.StatelessComponent +declare const CommentContent: React.FC export default CommentContent diff --git a/src/views/Comment/CommentGroup.d.ts b/src/views/Comment/CommentGroup.d.ts index e2a37691ae..244d83ebc0 100644 --- a/src/views/Comment/CommentGroup.d.ts +++ b/src/views/Comment/CommentGroup.d.ts @@ -31,6 +31,6 @@ export interface StrictCommentGroupProps { threaded?: boolean } -declare const CommentGroup: React.StatelessComponent +declare const CommentGroup: React.FC export default CommentGroup diff --git a/src/views/Comment/CommentMetadata.d.ts b/src/views/Comment/CommentMetadata.d.ts index 1078818ecb..afd2e8eaaa 100644 --- a/src/views/Comment/CommentMetadata.d.ts +++ b/src/views/Comment/CommentMetadata.d.ts @@ -19,6 +19,6 @@ export interface StrictCommentMetadataProps { content?: SemanticShorthandContent } -declare const CommentMetadata: React.StatelessComponent +declare const CommentMetadata: React.FC export default CommentMetadata diff --git a/src/views/Comment/CommentText.d.ts b/src/views/Comment/CommentText.d.ts index 752775d87e..c24f972eb4 100644 --- a/src/views/Comment/CommentText.d.ts +++ b/src/views/Comment/CommentText.d.ts @@ -19,6 +19,6 @@ export interface StrictCommentTextProps { content?: SemanticShorthandContent } -declare const CommentText: React.StatelessComponent +declare const CommentText: React.FC export default CommentText diff --git a/src/views/Feed/Feed.d.ts b/src/views/Feed/Feed.d.ts index 210cafb42d..57ec9827d8 100644 --- a/src/views/Feed/Feed.d.ts +++ b/src/views/Feed/Feed.d.ts @@ -32,7 +32,7 @@ export interface StrictFeedProps { size?: 'small' | 'large' } -interface FeedComponent extends React.StatelessComponent { +interface FeedComponent extends React.FC { Content: typeof FeedContent Date: typeof FeedDate Event: typeof FeedEvent diff --git a/src/views/Feed/FeedContent.d.ts b/src/views/Feed/FeedContent.d.ts index e8234f5d87..165c4d15db 100644 --- a/src/views/Feed/FeedContent.d.ts +++ b/src/views/Feed/FeedContent.d.ts @@ -39,6 +39,6 @@ export interface StrictFeedContentProps { summary?: SemanticShorthandItem } -declare const FeedContent: React.StatelessComponent +declare const FeedContent: React.FC export default FeedContent diff --git a/src/views/Feed/FeedDate.d.ts b/src/views/Feed/FeedDate.d.ts index c02c4e79ae..7b8f85db4f 100644 --- a/src/views/Feed/FeedDate.d.ts +++ b/src/views/Feed/FeedDate.d.ts @@ -19,6 +19,6 @@ export interface StrictFeedDateProps { content?: SemanticShorthandContent } -declare const FeedDate: React.StatelessComponent +declare const FeedDate: React.FC export default FeedDate diff --git a/src/views/Feed/FeedEvent.d.ts b/src/views/Feed/FeedEvent.d.ts index 3beca2f0c5..b4ad2e8891 100644 --- a/src/views/Feed/FeedEvent.d.ts +++ b/src/views/Feed/FeedEvent.d.ts @@ -47,6 +47,6 @@ export interface StrictFeedEventProps { summary?: SemanticShorthandItem } -declare const FeedEvent: React.StatelessComponent +declare const FeedEvent: React.FC export default FeedEvent diff --git a/src/views/Feed/FeedExtra.d.ts b/src/views/Feed/FeedExtra.d.ts index d364371ad9..917cd57f12 100644 --- a/src/views/Feed/FeedExtra.d.ts +++ b/src/views/Feed/FeedExtra.d.ts @@ -29,6 +29,6 @@ export interface StrictFeedExtraProps { text?: boolean } -declare const FeedExtra: React.StatelessComponent +declare const FeedExtra: React.FC export default FeedExtra diff --git a/src/views/Feed/FeedLabel.d.ts b/src/views/Feed/FeedLabel.d.ts index a7ffe695a0..e1e233c89c 100644 --- a/src/views/Feed/FeedLabel.d.ts +++ b/src/views/Feed/FeedLabel.d.ts @@ -27,6 +27,6 @@ export interface StrictFeedLabelProps { image?: SemanticShorthandItem } -declare const FeedLabel: React.StatelessComponent +declare const FeedLabel: React.FC export default FeedLabel diff --git a/src/views/Feed/FeedLike.d.ts b/src/views/Feed/FeedLike.d.ts index f18a43184c..e8abf37e3f 100644 --- a/src/views/Feed/FeedLike.d.ts +++ b/src/views/Feed/FeedLike.d.ts @@ -24,6 +24,6 @@ export interface StrictFeedLikeProps { icon?: SemanticShorthandItem } -declare const FeedLike: React.StatelessComponent +declare const FeedLike: React.FC export default FeedLike diff --git a/src/views/Feed/FeedMeta.d.ts b/src/views/Feed/FeedMeta.d.ts index a6f5bbbbeb..6f6eac8fc0 100644 --- a/src/views/Feed/FeedMeta.d.ts +++ b/src/views/Feed/FeedMeta.d.ts @@ -24,6 +24,6 @@ export interface StrictFeedMetaProps { like?: SemanticShorthandItem } -declare const FeedMeta: React.StatelessComponent +declare const FeedMeta: React.FC export default FeedMeta diff --git a/src/views/Feed/FeedSummary.d.ts b/src/views/Feed/FeedSummary.d.ts index b6bd32ad6b..0a32c931f5 100644 --- a/src/views/Feed/FeedSummary.d.ts +++ b/src/views/Feed/FeedSummary.d.ts @@ -28,6 +28,6 @@ export interface StrictFeedSummaryProps { user?: SemanticShorthandItem } -declare const FeedSummary: React.StatelessComponent +declare const FeedSummary: React.FC export default FeedSummary diff --git a/src/views/Feed/FeedUser.d.ts b/src/views/Feed/FeedUser.d.ts index 882b1840e1..8ed31b8d4c 100644 --- a/src/views/Feed/FeedUser.d.ts +++ b/src/views/Feed/FeedUser.d.ts @@ -19,6 +19,6 @@ export interface StrictFeedUserProps { content?: SemanticShorthandContent } -declare const FeedUser: React.StatelessComponent +declare const FeedUser: React.FC export default FeedUser diff --git a/src/views/Item/Item.d.ts b/src/views/Item/Item.d.ts index 4c1485b0be..033e3a08d9 100644 --- a/src/views/Item/Item.d.ts +++ b/src/views/Item/Item.d.ts @@ -42,7 +42,7 @@ export interface StrictItemProps { meta?: SemanticShorthandItem } -interface ItemComponent extends React.StatelessComponent { +interface ItemComponent extends React.FC { Content: typeof ItemContent Description: typeof ItemDescription Extra: typeof ItemExtra diff --git a/src/views/Item/ItemDescription.d.ts b/src/views/Item/ItemDescription.d.ts index 4c2cda5dce..f3e5a51012 100644 --- a/src/views/Item/ItemDescription.d.ts +++ b/src/views/Item/ItemDescription.d.ts @@ -19,6 +19,6 @@ export interface StrictItemDescriptionProps { content?: SemanticShorthandContent } -declare const ItemDescription: React.StatelessComponent +declare const ItemDescription: React.FC export default ItemDescription diff --git a/src/views/Item/ItemExtra.d.ts b/src/views/Item/ItemExtra.d.ts index a24379b30a..daa980c05c 100644 --- a/src/views/Item/ItemExtra.d.ts +++ b/src/views/Item/ItemExtra.d.ts @@ -19,6 +19,6 @@ export interface StrictItemExtraProps { content?: SemanticShorthandContent } -declare const ItemExtra: React.StatelessComponent +declare const ItemExtra: React.FC export default ItemExtra diff --git a/src/views/Item/ItemGroup.d.ts b/src/views/Item/ItemGroup.d.ts index 9ccd28767b..7e180c1f99 100644 --- a/src/views/Item/ItemGroup.d.ts +++ b/src/views/Item/ItemGroup.d.ts @@ -36,6 +36,6 @@ export interface StrictItemGroupProps { unstackable?: boolean } -declare const ItemGroup: React.StatelessComponent +declare const ItemGroup: React.FC export default ItemGroup diff --git a/src/views/Item/ItemHeader.d.ts b/src/views/Item/ItemHeader.d.ts index 7e0ba4fa3e..aa80207703 100644 --- a/src/views/Item/ItemHeader.d.ts +++ b/src/views/Item/ItemHeader.d.ts @@ -19,6 +19,6 @@ export interface StrictItemHeaderProps { content?: SemanticShorthandContent } -declare const ItemHeader: React.StatelessComponent +declare const ItemHeader: React.FC export default ItemHeader diff --git a/src/views/Item/ItemImage.d.ts b/src/views/Item/ItemImage.d.ts index 1a2f4d06ce..3a94165d47 100644 --- a/src/views/Item/ItemImage.d.ts +++ b/src/views/Item/ItemImage.d.ts @@ -5,6 +5,6 @@ export interface ItemImageProps extends ImageProps {} export interface StrictItemImageProps extends StrictImageProps {} -declare const ItemImage: React.StatelessComponent +declare const ItemImage: React.FC export default ItemImage diff --git a/src/views/Item/ItemMeta.d.ts b/src/views/Item/ItemMeta.d.ts index 6b47fb20ae..3eba3df2bf 100644 --- a/src/views/Item/ItemMeta.d.ts +++ b/src/views/Item/ItemMeta.d.ts @@ -19,6 +19,6 @@ export interface StrictItemMetaProps { content?: SemanticShorthandContent } -declare const ItemMeta: React.StatelessComponent +declare const ItemMeta: React.FC export default ItemMeta diff --git a/src/views/Statistic/Statistic.d.ts b/src/views/Statistic/Statistic.d.ts index dae6e2fecf..833509e5c9 100644 --- a/src/views/Statistic/Statistic.d.ts +++ b/src/views/Statistic/Statistic.d.ts @@ -49,7 +49,7 @@ export interface StrictStatisticProps { value?: SemanticShorthandContent } -interface StatisticComponent extends React.StatelessComponent { +interface StatisticComponent extends React.FC { Group: typeof StatisticGroup Label: typeof StatisticLabel Value: typeof StatisticValue diff --git a/src/views/Statistic/StatisticGroup.d.ts b/src/views/Statistic/StatisticGroup.d.ts index b84ce0bbd4..3177db357c 100644 --- a/src/views/Statistic/StatisticGroup.d.ts +++ b/src/views/Statistic/StatisticGroup.d.ts @@ -44,6 +44,6 @@ export interface StrictStatisticGroupProps { widths?: SemanticWIDTHS } -declare const StatisticGroup: React.StatelessComponent +declare const StatisticGroup: React.FC export default StatisticGroup diff --git a/src/views/Statistic/StatisticLabel.d.ts b/src/views/Statistic/StatisticLabel.d.ts index 30128fdbc0..024e64c3cf 100644 --- a/src/views/Statistic/StatisticLabel.d.ts +++ b/src/views/Statistic/StatisticLabel.d.ts @@ -19,6 +19,6 @@ export interface StrictStatisticLabelProps { content?: SemanticShorthandContent } -declare const StatisticLabel: React.StatelessComponent +declare const StatisticLabel: React.FC export default StatisticLabel diff --git a/src/views/Statistic/StatisticValue.d.ts b/src/views/Statistic/StatisticValue.d.ts index 238eb61006..5ab99becea 100644 --- a/src/views/Statistic/StatisticValue.d.ts +++ b/src/views/Statistic/StatisticValue.d.ts @@ -22,6 +22,6 @@ export interface StrictStatisticValueProps { text?: boolean } -declare const StatisticValue: React.StatelessComponent +declare const StatisticValue: React.FC export default StatisticValue diff --git a/test/typings.tsx b/test/typings.tsx index 05f229b2e9..26072c95f9 100644 --- a/test/typings.tsx +++ b/test/typings.tsx @@ -5,6 +5,7 @@ export const BasicAssert = () => ( <> ) @@ -32,7 +33,7 @@ export const ShorthandItemFuncAssert = () => ( ), }} /> -