fix(typings): update types to support ref (#4447)

Author: layershifter

index.d.ts

@@ -52,12 +52,7 @@ export {
   StrictBreadcrumbSectionProps,
 } from './dist/commonjs/collections/Breadcrumb/BreadcrumbSection'
 
-export {
-  default as Form,
-  FormComponent,
-  FormProps,
-  StrictFormProps,
-} from './dist/commonjs/collections/Form'
+export { default as Form, FormProps, StrictFormProps } from './dist/commonjs/collections/Form'
 export {
   default as FormButton,
   FormButtonProps,

src/addons/Confirm/Confirm.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticShorthandItem } from '../../generic'
+import { ForwardRefComponent, SemanticShorthandItem } from '../../generic'
 import { ButtonProps } from '../../elements/Button'
 import { StrictModalProps } from '../../modules/Modal'
 import { ModalContentProps } from '../../modules/Modal/ModalContent'
@@ -42,10 +42,10 @@ export interface StrictConfirmProps extends StrictModalProps {
   /** Whether or not the modal is visible. */
   open?: boolean
 
-  /** A confirm can vary in size. */
+  /** A Confirm can vary in size. */
   size?: 'mini' | 'tiny' | 'small' | 'large' | 'fullscreen'
 }
 
-declare const Confirm: React.ComponentClass<ConfirmProps>
+declare const Confirm: ForwardRefComponent<ConfirmProps, HTMLDivElement>
 
 export default Confirm

src/addons/Pagination/Pagination.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticShorthandItem } from '../../generic'
+import { ForwardRefComponent, SemanticShorthandItem } from '../../generic'
 import PaginationItem, { PaginationItemProps } from './PaginationItem'
 
 export interface PaginationProps extends StrictPaginationProps {
@@ -56,8 +56,8 @@ export interface StrictPaginationProps {
   totalPages: number | string
 }
 
-declare class Pagination extends React.Component<PaginationProps> {
-  static Item: typeof PaginationItem
+declare const Pagination: ForwardRefComponent<PaginationProps, HTMLDivElement> & {
+  Item: typeof PaginationItem
 }
 
 export default Pagination

src/addons/Pagination/PaginationItem.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react'
+import { ForwardRefComponent } from '../../generic'
 
 export interface PaginationItemProps extends StrictPaginationItemProps {
   [key: string]: any
@@ -31,6 +32,6 @@ export interface StrictPaginationItemProps {
   type?: 'ellipsisItem' | 'firstItem' | 'prevItem' | 'pageItem' | 'nextItem' | 'lastItem'
 }
 
-declare class PaginationItem extends React.Component<PaginationItemProps> {}
+declare const PaginationItem: ForwardRefComponent<PaginationItemProps, HTMLDivElement>
 
 export default PaginationItem

src/addons/Portal/Portal.d.ts

@@ -97,8 +97,8 @@ export interface StrictPortalProps {
   triggerRef?: React.Ref<any>
 }
 
-declare class Portal extends React.Component<PortalProps> {
-  static Inner: typeof PortalInner
+declare const Portal: React.FC<PortalProps> & {
+  Inner: typeof PortalInner
 }
 
 export default Portal

src/addons/Portal/PortalInner.d.ts

@@ -28,6 +28,6 @@ export interface StrictPortalInnerProps {
   onUnmount?: (nothing: null, data: PortalInnerProps) => void
 }
 
-declare class PortalInner extends React.Component<PortalInnerProps> {}
+declare const PortalInner: React.FC<PortalInnerProps>
 
 export default PortalInner

src/addons/Radio/Radio.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react'
+import { ForwardRefComponent } from '../../generic'
 import { StrictCheckboxProps } from '../../modules/Checkbox'
 
 export interface RadioProps extends StrictRadioProps {
@@ -16,6 +16,6 @@ export interface StrictRadioProps extends StrictCheckboxProps {
   type?: 'checkbox' | 'radio'
 }
 
-declare const Radio: React.FC<RadioProps>
+declare const Radio: ForwardRefComponent<RadioProps, HTMLInputElement>
 
 export default Radio

src/addons/Select/Select.d.ts

@@ -1,10 +1,9 @@
-import * as React from 'react'
-
 import { StrictDropdownProps } from '../../modules/Dropdown'
 import DropdownDivider from '../../modules/Dropdown/DropdownDivider'
 import DropdownHeader from '../../modules/Dropdown/DropdownHeader'
 import DropdownItem, { DropdownItemProps } from '../../modules/Dropdown/DropdownItem'
 import DropdownMenu from '../../modules/Dropdown/DropdownMenu'
+import { ForwardRefComponent } from '../../generic'
 
 export interface SelectProps extends StrictSelectProps {
   [key: string]: any
@@ -15,13 +14,11 @@ export interface StrictSelectProps extends StrictDropdownProps {
   options: DropdownItemProps[]
 }
 
-interface SelectComponent extends React.FC<SelectProps> {
+declare const Select: ForwardRefComponent<SelectProps, HTMLDivElement> & {
   Divider: typeof DropdownDivider
   Header: typeof DropdownHeader
   Item: typeof DropdownItem
   Menu: typeof DropdownMenu
 }
 
-declare const Select: SelectComponent
-
 export default Select

src/addons/TextArea/TextArea.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react'
+import { ForwardRefComponent } from '../../generic'
 
 export interface TextAreaProps extends StrictTextAreaProps {
   [key: string]: any
@@ -31,8 +32,6 @@ export interface StrictTextAreaProps {
   value?: number | string
 }
 
-declare class TextArea extends React.Component<TextAreaProps> {
-  focus: () => void
-}
+declare const TextArea: ForwardRefComponent<TextAreaProps, HTMLTextAreaElement>
 
 export default TextArea

src/collections/Breadcrumb/Breadcrumb.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react'
 
 import {
+  ForwardRefComponent,
   SemanticShorthandCollection,
   SemanticShorthandContent,
   SemanticShorthandItem,
@@ -38,11 +39,9 @@ export interface StrictBreadcrumbProps {
   size?: 'mini' | 'tiny' | 'small' | 'large' | 'big' | 'huge' | 'massive'
 }
 
-interface BreadcrumbComponent extends React.ComponentClass<BreadcrumbProps> {
+declare const Breadcrumb: ForwardRefComponent<BreadcrumbProps, HTMLDivElement> & {
   Divider: typeof BreadcrumbDivider
   Section: typeof BreadcrumbSection
 }
 
-declare const Breadcrumb: BreadcrumbComponent
-
 export default Breadcrumb