fix(customPropTypes|typings): allow to pass a function to itemShortha…

…nd, update typings (#3183)

fix(customPropTypes): allow to pass a function to itemShorthand, update typings

index.d.ts

@@ -369,7 +369,7 @@ export {
 } from './dist/commonjs/elements/Step/StepTitle'
 
 // Generics
-export * from './dist/commonjs'
+export * from './src/generic'
 
 // Modules
 export {

src/addons/Confirm/Confirm.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticShorthandItem } from '../..'
+import { SemanticShorthandItem } from '../../generic'
 import { ButtonProps } from '../../elements/Button'
 import { StrictModalProps } from '../../modules/Modal'
 import { ModalContentProps } from '../../modules/Modal/ModalContent'

src/addons/Pagination/Pagination.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticShorthandItem } from '../..'
+import { SemanticShorthandItem } from '../../generic'
 import { default as PaginationItem, PaginationItemProps } from './PaginationItem'
 
 export interface PaginationProps extends StrictPaginationProps {

src/collections/Breadcrumb/Breadcrumb.d.ts

@@ -4,7 +4,7 @@ import {
   SemanticShorthandCollection,
   SemanticShorthandContent,
   SemanticShorthandItem,
-} from '../..'
+} from '../../generic'
 import { IconProps } from '../../elements/Icon'
 import BreadcrumbDivider from './BreadcrumbDivider'
 import { default as BreadcrumbSection, BreadcrumbSectionProps } from './BreadcrumbSection'

src/collections/Breadcrumb/BreadcrumbDivider.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticShorthandContent, SemanticShorthandItem } from '../..'
+import { SemanticShorthandContent, SemanticShorthandItem } from '../../generic'
 import { IconProps } from '../../elements/Icon'
 
 export interface BreadcrumbDividerProps extends StrictBreadcrumbDividerProps {

src/collections/Breadcrumb/BreadcrumbSection.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticShorthandContent } from '../..'
+import { SemanticShorthandContent } from '../../generic'
 
 export interface BreadcrumbSectionProps extends StrictBreadcrumbSectionProps {
   [key: string]: any

src/collections/Form/FormButton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticShorthandItem } from '../..'
+import { SemanticShorthandItem } from '../../generic'
 import { StrictButtonProps } from '../../elements/Button'
 import { LabelProps } from '../../elements/Label'
 import { StrictFormFieldProps } from './FormField'

src/collections/Form/FormField.d.ts

@@ -4,7 +4,7 @@ import {
   SemanticShorthandContent,
   SemanticShorthandItem,
   SemanticWIDTHS,
-} from '../..'
+} from '../../generic'
 
 export interface FormFieldProps extends StrictFormFieldProps {
   [key: string]: any

src/collections/Form/FormGroup.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticWIDTHS } from '../..'
+import { SemanticWIDTHS } from '../../generic'
 
 export interface FormGroupProps extends StrictFormGroupProps {
   [key: string]: any

src/collections/Form/FormInput.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticShorthandItem } from '../..'
+import { SemanticShorthandItem } from '../../generic'
 import { LabelProps } from '../../elements/Label'
 import { StrictInputProps } from '../../elements/Input'
 import { StrictFormFieldProps } from './FormField'

src/collections/Grid/Grid.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticTEXTALIGNMENTS, SemanticVERTICALALIGNMENTS, SemanticWIDTHS } from '../..'
+import { SemanticTEXTALIGNMENTS, SemanticVERTICALALIGNMENTS, SemanticWIDTHS } from '../../generic'
 import GridColumn from './GridColumn'
 import GridRow from './GridRow'
 

src/collections/Grid/GridColumn.d.ts

@@ -5,7 +5,7 @@ import {
   SemanticTEXTALIGNMENTS,
   SemanticVERTICALALIGNMENTS,
   SemanticWIDTHS,
-} from '../..'
+} from '../../generic'
 
 export type GridOnlyProp =
   | string

src/collections/Grid/GridRow.d.ts

@@ -5,7 +5,7 @@ import {
   SemanticTEXTALIGNMENTS,
   SemanticVERTICALALIGNMENTS,
   SemanticWIDTHS,
-} from '../..'
+} from '../../generic'
 import { GridReversedProp } from './Grid'
 import { GridOnlyProp } from './GridColumn'
 

src/collections/Menu/Menu.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticCOLORS, SemanticShorthandCollection, SemanticWIDTHS } from '../..'
+import { SemanticCOLORS, SemanticShorthandCollection, SemanticWIDTHS } from '../../generic'
 import MenuHeader from './MenuHeader'
 import { default as MenuItem, MenuItemProps } from './MenuItem'
 import MenuMenu from './MenuMenu'

src/collections/Menu/MenuHeader.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticShorthandContent } from '../..'
+import { SemanticShorthandContent } from '../../generic'
 
 export interface MenuHeaderProps extends StrictMenuHeaderProps {
   [key: string]: any

src/collections/Menu/MenuItem.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticCOLORS, SemanticShorthandContent, SemanticShorthandItem } from '../..'
+import { SemanticCOLORS, SemanticShorthandContent, SemanticShorthandItem } from '../../generic'
 import { IconProps } from '../../elements/Icon'
 
 export interface MenuItemProps extends StrictMenuItemProps {

src/collections/Menu/MenuMenu.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticShorthandContent } from '../..'
+import { SemanticShorthandContent } from '../../generic'
 
 export interface MenuMenuProps extends StrictMenuMenuProps {
   [key: string]: any

src/collections/Message/Message.d.ts

@@ -5,7 +5,7 @@ import {
   SemanticShorthandCollection,
   SemanticShorthandContent,
   SemanticShorthandItem,
-} from '../..'
+} from '../../generic'
 import MessageContent from './MessageContent'
 import { default as MessageHeader, MessageHeaderProps } from './MessageHeader'
 import { default as MessageItem, MessageItemProps } from './MessageItem'

src/collections/Message/MessageContent.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticShorthandContent } from '../..'
+import { SemanticShorthandContent } from '../../generic'
 
 export interface MessageContentProps extends StrictMessageContentProps {
   [key: string]: any

src/collections/Message/MessageHeader.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticShorthandContent } from '../..'
+import { SemanticShorthandContent } from '../../generic'
 
 export interface MessageHeaderProps extends StrictMessageHeaderProps {
   [key: string]: any

src/collections/Message/MessageItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticShorthandContent } from '../..'
+import { SemanticShorthandContent } from '../../generic'
 
 export interface MessageItemProps extends StrictMessageItemProps {
   [key: string]: any

src/collections/Message/MessageList.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticShorthandCollection } from '../..'
+import { SemanticShorthandCollection } from '../../generic'
 import { MessageItemProps } from './MessageItem'
 
 export interface MessageListProps extends StrictMessageListProps {

src/collections/Table/Table.d.ts

@@ -5,7 +5,7 @@ import {
   SemanticShorthandItem,
   SemanticVERTICALALIGNMENTS,
   SemanticWIDTHS,
-} from '../..'
+} from '../../generic'
 import TableBody from './TableBody'
 import TableCell from './TableCell'
 import TableFooter from './TableFooter'

src/collections/Table/TableCell.d.ts

@@ -5,7 +5,7 @@ import {
   SemanticShorthandItem,
   SemanticVERTICALALIGNMENTS,
   SemanticWIDTHS,
-} from '../..'
+} from '../../generic'
 import { IconProps } from '../../elements/Icon'
 
 export interface TableCellProps extends StrictTableCellProps {

src/collections/Table/TableHeader.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticShorthandContent } from '../..'
+import { SemanticShorthandContent } from '../../generic'
 
 export interface TableHeaderProps extends StrictTableHeaderProps {
   [key: string]: any

src/collections/Table/TableRow.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticShorthandCollection, SemanticVERTICALALIGNMENTS } from '../..'
+import { SemanticShorthandCollection, SemanticVERTICALALIGNMENTS } from '../../generic'
 import { TableCellProps } from './TableCell'
 
 export interface TableRowProps extends StrictTableRowProps {

src/elements/Button/Button.d.ts

@@ -6,7 +6,8 @@ import {
   SemanticShorthandContent,
   SemanticShorthandItem,
   SemanticSIZES,
-} from '../..'
+} from '../../generic'
+import { IconProps } from '../Icon'
 import { LabelProps } from '../Label'
 import ButtonContent from './ButtonContent'
 import ButtonGroup from './ButtonGroup'
@@ -68,7 +69,7 @@ export interface StrictButtonProps {
   fluid?: boolean
 
   /** Add an Icon by name, props object, or pass an <Icon />. */
-  icon?: any
+  icon?: boolean | SemanticShorthandItem<IconProps>
 
   /** A button can be formatted to appear on dark backgrounds. */
   inverted?: boolean

src/elements/Button/ButtonContent.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticShorthandContent } from '../..'
+import { SemanticShorthandContent } from '../../generic'
 
 export interface ButtonContentProps extends StrictButtonContentProps {
   [key: string]: any

src/elements/Button/ButtonGroup.d.ts

@@ -7,7 +7,7 @@ import {
   SemanticShorthandCollection,
   SemanticSIZES,
   SemanticWIDTHS,
-} from '../..'
+} from '../../generic'
 import { ButtonProps } from './Button'
 
 export interface ButtonGroupProps extends StrictButtonGroupProps {

src/elements/Container/Container.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticShorthandContent, SemanticTEXTALIGNMENTS } from '../..'
+import { SemanticShorthandContent, SemanticTEXTALIGNMENTS } from '../../generic'
 
 export interface ContainerProps extends StrictContainerProps {
   [key: string]: any

src/elements/Divider/Divider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticShorthandContent } from '../..'
+import { SemanticShorthandContent } from '../../generic'
 
 export interface DividerProps extends StrictDividerProps {
   [key: string]: any

src/elements/Header/Header.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticCOLORS, SemanticFLOATS, SemanticTEXTALIGNMENTS } from '../..'
+import { SemanticCOLORS, SemanticFLOATS, SemanticTEXTALIGNMENTS } from '../../generic'
 import HeaderContent from './HeaderContent'
 import HeaderSubHeader from './HeaderSubheader'
 

src/elements/Header/HeaderContent.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticShorthandContent } from '../..'
+import { SemanticShorthandContent } from '../../generic'
 
 export interface HeaderContentProps extends StrictHeaderContentProps {
   [key: string]: any

src/elements/Header/HeaderSubheader.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticShorthandContent } from '../..'
+import { SemanticShorthandContent } from '../../generic'
 
 export interface HeaderSubheaderProps extends StrictHeaderSubheaderProps {
   [key: string]: any

src/elements/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticCOLORS, SemanticICONS } from '../..'
+import { SemanticCOLORS, SemanticICONS } from '../../generic'
 import IconGroup from './IconGroup'
 
 export type IconSizeProp = 'mini' | 'tiny' | 'small' | 'large' | 'big' | 'huge' | 'massive'

src/elements/Icon/IconGroup.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticShorthandContent } from '../..'
+import { SemanticShorthandContent } from '../../generic'
 import { IconSizeProp } from './Icon'
 
 export interface IconGroupProps extends StrictIconGroupProps {

src/elements/Image/Image.d.ts

@@ -7,7 +7,7 @@ import {
   SemanticSIZES,
   SemanticVERTICALALIGNMENTS,
   SemanticWIDTHS,
-} from '../..'
+} from '../../generic'
 import { DimmerProps } from '../../modules/Dimmer'
 import { LabelProps } from '../Label'
 import ImageGroup from './ImageGroup'

src/elements/Image/ImageGroup.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticSIZES, SemanticShorthandContent } from '../..'
+import { SemanticSIZES, SemanticShorthandContent } from '../../generic'
 
 export interface ImageGroupProps extends StrictImageGroupProps {
   [key: string]: any

src/elements/Input/Input.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { HtmlInputrops, SemanticShorthandItem, SemanticSIZES } from '../..'
+import { HtmlInputrops, SemanticShorthandItem, SemanticSIZES } from '../../generic'
 import { LabelProps } from '../Label'
 
 export interface InputProps extends StrictInputProps {

src/elements/Label/Label.d.ts

@@ -5,7 +5,7 @@ import {
   SemanticShorthandContent,
   SemanticShorthandItem,
   SemanticSIZES,
-} from '../..'
+} from '../../generic'
 import { IconProps } from '../Icon'
 import { default as LabelDetail, LabelDetailProps } from './LabelDetail'
 import LabelGroup from './LabelGroup'

src/elements/Label/LabelDetail.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticShorthandContent } from '../..'
+import { SemanticShorthandContent } from '../../generic'
 
 export interface LabelDetailProps extends StrictLabelDetailProps {
   [key: string]: any

src/elements/Label/LabelGroup.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticCOLORS, SemanticShorthandContent, SemanticSIZES } from '../..'
+import { SemanticCOLORS, SemanticShorthandContent, SemanticSIZES } from '../../generic'
 
 export interface LabelGroupProps extends StrictLabelGroupProps {
   [key: string]: any

src/elements/List/List.d.ts

@@ -6,7 +6,7 @@ import {
   SemanticShorthandContent,
   SemanticSIZES,
   SemanticVERTICALALIGNMENTS,
-} from '../..'
+} from '../../generic'
 import ListContent from './ListContent'
 import ListDescription from './ListDescription'
 import ListHeader from './ListHeader'

src/elements/List/ListContent.d.ts

@@ -5,7 +5,7 @@ import {
   SemanticShorthandContent,
   SemanticShorthandItem,
   SemanticVERTICALALIGNMENTS,
-} from '../..'
+} from '../../generic'
 import { ListDescriptionProps } from './ListDescription'
 import { ListHeaderProps } from './ListHeader'
 

src/elements/List/ListDescription.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticShorthandContent } from '../..'
+import { SemanticShorthandContent } from '../../generic'
 
 export interface ListDescriptionProps extends StrictListDescriptionProps {
   [key: string]: any

src/elements/List/ListHeader.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticShorthandContent } from '../..'
+import { SemanticShorthandContent } from '../../generic'
 
 export interface ListHeaderProps extends StrictListHeaderProps {
   [key: string]: any

src/elements/List/ListIcon.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticVERTICALALIGNMENTS } from '../..'
+import { SemanticVERTICALALIGNMENTS } from '../../generic'
 import { StrictIconProps } from '../Icon'
 
 export interface ListIconProps extends StrictListIconProps {

src/elements/List/ListItem.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { SemanticShorthandItem } from '../..'
+import { SemanticShorthandItem } from '../../generic'
 import { ImageProps } from '../Image'
 import { ListContentProps } from './ListContent'
 import { ListDescriptionProps } from './ListDescription'

src/elements/List/ListList.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { SemanticShorthandContent } from '../..'
+import { SemanticShorthandContent } from '../../generic'
 
 export interface ListListProps extends StrictListListProps {
   [key: string]: any