style(typings): add new types (#1782)

* style(typings): add new types * style(typings): add new types * style(typings): add new types
Semantic-Org · Jul 16, 2017 · 164f750 · 164f750
1 parent 2b906ed
commit 164f750
Show file tree

Hide file tree

Showing 89 changed files with 484 additions and 202 deletions.
diff --git a/src/addons/Confirm/Confirm.d.ts b/src/addons/Confirm/Confirm.d.ts
@@ -1,20 +1,25 @@
 import * as React from 'react';
+
+import { SemanticShorthandItem } from '../..';
+import { ButtonProps } from '../../elements/Button';
 import { ModalProps } from '../../modules/Modal';
+import { ModalContentProps } from '../../modules/Modal/ModalContent';
+import { ModalHeaderProps } from '../../modules/Modal/ModalHeader';
 
 export interface ConfirmProps extends ModalProps {
   [key: string]: any;
 
   /** The cancel button text. */
-  cancelButton?: any;
+  cancelButton?: SemanticShorthandItem<ButtonProps>;
 
   /** The OK button text. */
-  confirmButton?: any;
+  confirmButton?: SemanticShorthandItem<ButtonProps>;
 
   /** The ModalContent text. */
-  content?: any;
+  content?: SemanticShorthandItem<ModalContentProps>;
 
   /** The ModalHeader text. */
-  header?: any;
+  header?: SemanticShorthandItem<ModalHeaderProps>;
 
   /**
    * Called when the Modal is closed without clicking confirm.

diff --git a/src/collections/Breadcrumb/Breadcrumb.d.ts b/src/collections/Breadcrumb/Breadcrumb.d.ts
@@ -1,7 +1,13 @@
 import * as React from 'react';
 
+import {
+  SemanticShorthandCollection,
+  SemanticShorthandContent,
+  SemanticShorthandItem
+} from '../..';
+import { IconProps } from '../../elements/Icon';
 import { default as BreadcrumbDivider } from './BreadcrumbDivider';
-import { default as BreadcrumbSection } from './BreadcrumbSection';
+import { default as BreadcrumbSection, BreadcrumbSectionProps } from './BreadcrumbSection';
 
 export interface BreadcrumbProps {
   [key: string]: any;
@@ -16,15 +22,15 @@ export interface BreadcrumbProps {
   className?: string;
 
   /** Shorthand for primary content of the Breadcrumb.Divider. */
-  divider?: React.ReactNode;
+  divider?: SemanticShorthandContent;
 
   /** For use with the sections prop. Render as an `Icon` component with `divider` class instead of a `div` in
    *  Breadcrumb.Divider.
    */
-  icon?: any;
+  icon?: SemanticShorthandItem<IconProps>;
 
   /** Shorthand array of props for Breadcrumb.Section. */
-  sections?: Array<any>;
+  sections?: SemanticShorthandCollection<BreadcrumbSectionProps>;
 
   /** Size of Breadcrumb */
   size?:  'mini' | 'tiny' | 'small' | 'large' | 'big' | 'huge' | 'massive';

diff --git a/src/collections/Breadcrumb/BreadcrumbDivider.d.ts b/src/collections/Breadcrumb/BreadcrumbDivider.d.ts
@@ -1,5 +1,8 @@
 import * as React from 'react';
 
+import { SemanticShorthandContent, SemanticShorthandItem } from '../..';
+import { IconProps } from '../../elements/Icon';
+
 export interface BreadcrumbDividerProps {
   [key: string]: any;
 
@@ -13,10 +16,10 @@ export interface BreadcrumbDividerProps {
   className?: string;
 
   /** Shorthand for primary content. */
-  content?: React.ReactNode;
+  content?: SemanticShorthandContent;
 
   /** Render as an `Icon` component with `divider` class instead of a `div`. */
-  icon?: any;
+  icon?: SemanticShorthandItem<IconProps>;
 }
 
 declare const BreadcrumbDivider: React.StatelessComponent<BreadcrumbDividerProps>;

diff --git a/src/collections/Breadcrumb/BreadcrumbSection.d.ts b/src/collections/Breadcrumb/BreadcrumbSection.d.ts
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { SemanticShorthandContent } from '../..';
 
 export interface BreadcrumbSectionProps {
   [key: string]: any;
@@ -16,7 +17,7 @@ export interface BreadcrumbSectionProps {
   className?: string;
 
   /** Shorthand for primary content. */
-  content?: any;
+  content?: SemanticShorthandContent;
 
   /** Render as an `a` tag instead of a `div` and adds the href attribute. */
   href?: string;

diff --git a/src/collections/Form/FormButton.d.ts b/src/collections/Form/FormButton.d.ts
@@ -1,6 +1,8 @@
 import * as React from 'react';
 
+import { SemanticShorthandItem } from '../..';
 import { ButtonProps } from '../../elements/Button';
+import { LabelProps } from '../../elements/Label';
 import { FormFieldProps } from './FormField';
 
 export interface FormButtonProps extends FormFieldProps, ButtonProps {
@@ -11,6 +13,9 @@ export interface FormButtonProps extends FormFieldProps, ButtonProps {
 
   /** A FormField control prop. */
   control?: any;
+
+  /** Shorthand for a Label. */
+  label?: SemanticShorthandItem<LabelProps>;
 }
 
 declare const FormButton: React.StatelessComponent<FormButtonProps>;

diff --git a/src/collections/Form/FormField.d.ts b/src/collections/Form/FormField.d.ts
@@ -1,5 +1,9 @@
 import * as React from 'react';
-import { SemanticWIDTHS } from '../..';
+import {
+  HtmlLabelProps,
+  SemanticShorthandItem,
+  SemanticWIDTHS
+} from '../..';
 
 export interface FormFieldProps {
   [key: string]: any;
@@ -30,7 +34,7 @@ export interface FormFieldProps {
   inline?: boolean;
 
   /** Mutually exclusive with children. */
-  label?: any;
+  label?: SemanticShorthandItem<HtmlLabelProps>;
 
   /** A field can show that input is mandatory.  Requires a label. */
   required?: any;

diff --git a/src/collections/Form/FormInput.d.ts b/src/collections/Form/FormInput.d.ts
@@ -1,5 +1,7 @@
 import * as React from 'react';
 
+import { SemanticShorthandItem } from '../..';
+import { LabelProps } from '../../elements/Label';
 import { InputProps } from '../../elements/Input';
 import { FormFieldProps } from './FormField';
 
@@ -11,6 +13,9 @@ export interface FormInputProps extends FormFieldProps, InputProps {
 
   /** A FormField control prop. */
   control?: any;
+
+  /** Shorthand for a Label. */
+  label?: SemanticShorthandItem<LabelProps>;
 }
 
 declare const FormInput: React.StatelessComponent<FormInputProps>;

diff --git a/src/collections/Menu/Menu.d.ts b/src/collections/Menu/Menu.d.ts
@@ -1,6 +1,10 @@
 import * as React from 'react';
 
-import { SemanticCOLORS, SemanticWIDTHS } from '../..';
+import {
+  SemanticCOLORS,
+  SemanticShorthandCollection,
+  SemanticWIDTHS
+} from '../..';
 import { default as MenuHeader } from './MenuHeader';
 import { default as MenuItem, MenuItemProps } from './MenuItem';
 import { default as MenuMenu } from './MenuMenu';
@@ -51,7 +55,7 @@ export interface MenuProps {
   inverted?: boolean;
 
   /** Shorthand array of props for Menu. */
-  items?: Array<any>;
+  items?: SemanticShorthandCollection<MenuItemProps>;
 
   /**
    * onClick handler for MenuItem. Mutually exclusive with children.

diff --git a/src/collections/Menu/MenuHeader.d.ts b/src/collections/Menu/MenuHeader.d.ts
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { SemanticShorthandContent } from '../..';
 
 export interface MenuHeaderProps {
   [key: string]: any;
@@ -13,7 +14,7 @@ export interface MenuHeaderProps {
   className?: string;
 
   /** Shorthand for primary content. */
-  content?: React.ReactNode;
+  content?: SemanticShorthandContent;
 }
 
 declare const MenuHeader: React.ComponentClass<MenuHeaderProps>;

diff --git a/src/collections/Menu/MenuItem.d.ts b/src/collections/Menu/MenuItem.d.ts
@@ -1,5 +1,11 @@
 import * as React from 'react';
-import { SemanticCOLORS } from '../..';
+
+import {
+  SemanticCOLORS,
+  SemanticShorthandContent,
+  SemanticShorthandItem
+} from '../..';
+import { IconProps } from '../../elements/Icon';
 
 export interface MenuItemProps {
   [key: string]: any;
@@ -20,7 +26,7 @@ export interface MenuItemProps {
   color?: SemanticCOLORS;
 
   /** Shorthand for primary content. */
-  content?: React.ReactNode;
+  content?: SemanticShorthandContent;
 
   /** A menu item can be disabled. */
   disabled?: boolean;
@@ -32,7 +38,7 @@ export interface MenuItemProps {
   header?: boolean;
 
   /** MenuItem can be only icon. */
-  icon?: any | boolean;
+  icon?: boolean | SemanticShorthandItem<IconProps>;
 
   /** MenuItem index inside Menu. */
   index?: number;

diff --git a/src/collections/Message/Message.d.ts b/src/collections/Message/Message.d.ts
@@ -1,9 +1,14 @@
 import * as React from 'react';
 
-import { SemanticCOLORS } from '../..';
+import {
+  SemanticCOLORS,
+  SemanticShorthandCollection,
+  SemanticShorthandContent,
+  SemanticShorthandItem
+} from '../..';
 import { default as MessageContent } from './MessageContent';
-import { default as MessageHeader } from './MessageHeader';
-import { default as MessageItem } from './MessageItem';
+import { default as MessageHeader, MessageHeaderProps } from './MessageHeader';
+import { default as MessageItem, MessageItemProps } from './MessageItem';
 import { default as MessageList } from './MessageList';
 
 export interface MessageProps {
@@ -28,7 +33,7 @@ export interface MessageProps {
   compact?: boolean;
 
   /** Shorthand for primary content. */
-  content?: React.ReactNode;
+  content?: SemanticShorthandContent;
 
   /** A message may be formatted to display a negative message. Same as `negative`. */
   error?: boolean;
@@ -37,7 +42,7 @@ export interface MessageProps {
   floating?: boolean;
 
   /** Shorthand for MessageHeader. */
-  header?: any;
+  header?: SemanticShorthandItem<MessageHeaderProps>;
 
   /** A message can be hidden. */
   hidden?: boolean;
@@ -49,7 +54,7 @@ export interface MessageProps {
   info?: boolean;
 
   /** Array shorthand items for the MessageList. Mutually exclusive with children. */
-  list?: any;
+  list?: SemanticShorthandCollection<MessageItemProps>;
 
   /** A message may be formatted to display a negative message. Same as `error`. */
   negative?: boolean;

diff --git a/src/collections/Message/MessageHeader.d.ts b/src/collections/Message/MessageHeader.d.ts
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { SemanticShorthandContent } from '../..';
 
 export interface MessageHeaderProps {
   [key: string]: any;
@@ -13,7 +14,7 @@ export interface MessageHeaderProps {
   className?: string;
 
   /** Shorthand for primary content. */
-  content?: React.ReactNode;
+  content?: SemanticShorthandContent;
 }
 
 declare const MessageHeader: React.StatelessComponent<MessageHeaderProps>;

diff --git a/src/collections/Message/MessageHeader.js b/src/collections/Message/MessageHeader.js
@@ -44,7 +44,7 @@ MessageHeader.propTypes = {
   className: PropTypes.string,
 
   /** Shorthand for primary content. */
-  content: customPropTypes.itemShorthand,
+  content: customPropTypes.contentShorthand,
 }
 
 MessageHeader.create = createShorthandFactory(MessageHeader, val => ({ content: val }))

diff --git a/src/collections/Message/MessageItem.d.ts b/src/collections/Message/MessageItem.d.ts
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { SemanticShorthandContent } from '../..';
 
 export interface MessageItemProps {
   [key: string]: any;
@@ -13,7 +14,7 @@ export interface MessageItemProps {
   className?: string;
 
   /** Shorthand for primary content. */
-  content?: React.ReactNode;
+  content?: SemanticShorthandContent;
 }
 
 declare const MessageItem: React.StatelessComponent<MessageItemProps>;

diff --git a/src/collections/Message/MessageItem.js b/src/collections/Message/MessageItem.js
@@ -44,7 +44,7 @@ MessageItem.propTypes = {
   className: PropTypes.string,
 
   /** Shorthand for primary content. */
-  content: customPropTypes.itemShorthand,
+  content: customPropTypes.contentShorthand,
 }
 
 MessageItem.defaultProps = {

diff --git a/src/collections/Message/MessageList.d.ts b/src/collections/Message/MessageList.d.ts
@@ -1,5 +1,8 @@
 import * as React from 'react';
 
+import { SemanticShorthandCollection } from '../..';
+import { MessageItemProps } from './MessageItem';
+
 export interface MessageListProps {
   [key: string]: any;
 
@@ -13,7 +16,7 @@ export interface MessageListProps {
   className?: string;
 
   /** Shorthand Message.Items. */
-  items?: Array<any>;
+  items?: SemanticShorthandCollection<MessageItemProps>;
 }
 
 declare const MessageList: React.StatelessComponent<MessageListProps>;

diff --git a/src/collections/Table/Table.d.ts b/src/collections/Table/Table.d.ts
@@ -2,6 +2,7 @@ import * as React from 'react';
 
 import {
   SemanticCOLORS,
+  SemanticShorthandItem,
   SemanticVERTICALALIGNMENTS,
   SemanticWIDTHS
 } from '../..';
@@ -10,7 +11,7 @@ import { default as TableCell } from './TableCell';
 import { default as TableFooter } from './TableFooter';
 import { default as TableHeader } from './TableHeader';
 import { default as TableHeaderCell } from './TableHeaderCell';
-import { default as TableRow } from './TableRow';
+import { default as TableRow, TableRowProps } from './TableRow';
 
 export interface TableProps {
   [key: string]: any;
@@ -54,10 +55,10 @@ export interface TableProps {
   fixed?: boolean;
 
   /** Shorthand for a TableRow to be placed within Table.Footer. */
-  footerRow?: any;
+  footerRow?: SemanticShorthandItem<TableRowProps>;
 
   /** Shorthand for a TableRow to be placed within Table.Header. */
-  headerRow?: any;
+  headerRow?: SemanticShorthandItem<TableRowProps>;
 
   /** A table's colors can be inverted. */
   inverted?: boolean;

diff --git a/src/collections/Table/TableCell.d.ts b/src/collections/Table/TableCell.d.ts
@@ -1,8 +1,12 @@
 import * as React from 'react';
+
 import {
+  SemanticShorthandContent,
+  SemanticShorthandItem,
   SemanticVERTICALALIGNMENTS,
   SemanticWIDTHS
 } from '../..';
+import { IconProps } from '../../elements/Icon';
 
 export interface TableCellProps {
   [key: string]: any;
@@ -23,7 +27,7 @@ export interface TableCellProps {
   collapsing?: boolean;
 
   /** Shorthand for primary content. */
-  content?: React.ReactNode;
+  content?: SemanticShorthandContent;
 
   /** A cell can be disabled. */
   disabled?: boolean;
@@ -32,7 +36,7 @@ export interface TableCellProps {
   error?: boolean;
 
   /** Add an Icon by name, props object, or pass an <Icon /> */
-  icon?: any;
+  icon?: SemanticShorthandItem<IconProps>;
 
   /** A cell may let a user know whether a value is bad. */
   negative?: boolean;