Update Typescript

examples/app.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { PureComponent } from 'react';
+
 import {
   AppRoot,
   Button,

examples/index.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
+
 import App from './app';
 
 const app = document.createElement('div');

examples/nav-items.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import { Nav, NavItem } from '../src/ts/';
 
 const NavItems = ({ className }: { className?: string }) => (

package.json

@@ -89,7 +89,7 @@
     "postcss": "^5.2.18",
     "postcss-loader": "^2.0.7",
     "prettier": "^1.19.1",
-    "react-docgen-typescript": "^1.2.2",
+    "react-docgen-typescript": "^1.16.3",
     "react-scripts-ts": "^2.17.0",
     "react-styleguidist": "^7.2.1",
     "react-test-renderer": "^15.5.4",
@@ -99,7 +99,7 @@
     "tsify": "^3.0.4",
     "tslint": "^5.8.0",
     "tslint-config-dabapps": "github:dabapps/tslint-config-dabapps#v0.5.1",
-    "typescript": "^2.3.3",
+    "typescript": "^3.3.4000",
     "webpack": "^3.7.1"
   },
   "peerDependencies": {

src/ts/components/app/root.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import store, { StoreState } from '../../store';
 import { ComponentProps } from '../../types';
 

src/ts/components/banners/banner.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export interface BannerProps extends ComponentProps, HTMLProps<HTMLElement> {

src/ts/components/banners/cookie-banner.tsx

@@ -2,6 +2,7 @@ import * as classNames from 'classnames';
 import * as cookie from 'cookie';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 import Banner from './banner';
 

src/ts/components/content/content-box-footer.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export type ContentBoxFooterProps = ComponentProps & HTMLProps<HTMLElement>;

src/ts/components/content/content-box-header.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export type ContentBoxHeaderProps = ComponentProps & HTMLProps<HTMLElement>;

src/ts/components/content/content-box.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export type ContentBoxProps = ComponentProps & HTMLProps<HTMLElement>;

src/ts/components/content/section.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export type SectionProps = ComponentProps & HTMLProps<HTMLElement>;

src/ts/components/forms/button.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export interface ButtonProps extends ComponentProps, HTMLProps<HTMLElement> {

src/ts/components/forms/form-group.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export interface FormGroupProps extends ComponentProps, HTMLProps<HTMLElement> {

src/ts/components/forms/input-group-addon.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export type InputGroupAddonProps = ComponentProps & HTMLProps<HTMLElement>;

src/ts/components/forms/input-group.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export interface InputGroupProps

src/ts/components/grid/column.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 import { isValidColumnNumber } from '../../utils';
 

src/ts/components/grid/container.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export interface ContainerProps extends ComponentProps, HTMLProps<HTMLElement> {

src/ts/components/grid/row.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export type RowProps = ComponentProps & HTMLProps<HTMLElement>;

src/ts/components/misc/alert.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export type AlertProps = ComponentProps & HTMLProps<HTMLElement>;

src/ts/components/misc/anchor.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { getHref } from '../../utils';
 
 export type AnchorProps = HTMLProps<HTMLAnchorElement>;

src/ts/components/misc/badge.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export type BadgeProps = ComponentProps & HTMLProps<HTMLElement>;

src/ts/components/misc/code-block.tsx

@@ -7,6 +7,7 @@ declare const hljs: void | IHighlightJS;
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 import { formatCode } from '../../utils';
 

src/ts/components/misc/collapse.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 const ENOUGH_TIME_FOR_RERENDER = 50;

src/ts/components/misc/highlight.tsx

@@ -2,6 +2,7 @@ import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
 import * as CSSTransitionGroup from 'react-transition-group/CSSTransitionGroup';
+
 import { ComponentProps } from '../../types';
 
 export interface HighlightProps extends ComponentProps, HTMLProps<HTMLElement> {

src/ts/components/misc/spaced-group.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export interface SpacedGroupProps

src/ts/components/misc/speech-bubble.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export interface SpeechBubbleProps

src/ts/components/misc/well.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export type WellProps = ComponentProps & HTMLProps<HTMLElement>;

src/ts/components/modals/modal-body.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export type ModalBodyProps = ComponentProps & HTMLProps<HTMLElement>;

src/ts/components/modals/modal-close-icon.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export type ModalCloseIconProps = ComponentProps & HTMLProps<HTMLElement>;

src/ts/components/modals/modal-footer.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export type ModalFooterProps = ComponentProps & HTMLProps<HTMLElement>;

src/ts/components/modals/modal-header.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export type ModalHeaderProps = ComponentProps & HTMLProps<HTMLElement>;

src/ts/components/modals/modal.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export interface ModalProps extends ComponentProps, HTMLProps<HTMLDivElement> {

src/ts/components/navigation/footer.tsx

@@ -2,6 +2,7 @@ import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
 import * as ReactDOM from 'react-dom';
+
 import store from '../../store';
 import { ComponentProps } from '../../types';
 

src/ts/components/navigation/nav-bar.tsx

@@ -2,6 +2,7 @@ import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
 import * as ReactDOM from 'react-dom';
+
 import store from '../../store';
 import { ComponentProps } from '../../types';
 import { getScrollOffset } from '../../utils';

src/ts/components/navigation/nav-item.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export interface NavItemProps extends ComponentProps, HTMLProps<HTMLElement> {

src/ts/components/navigation/nav.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export interface NavProps extends ComponentProps, HTMLProps<HTMLElement> {}

src/ts/components/navigation/side-bar.tsx

@@ -2,6 +2,7 @@ import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
 import * as CSSTransitionGroup from 'react-transition-group/CSSTransitionGroup';
+
 import { ComponentProps } from '../../types';
 
 export interface SideBarProps extends HTMLProps<HTMLElement>, ComponentProps {

src/ts/components/precomposed/input-with-prefix-suffix.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 import InputGroup from '../forms/input-group';
 import InputGroupAddon from '../forms/input-group-addon';

src/ts/components/prototyping/dab-ipsum.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { Component } from 'react';
+
 import { generateIpsum } from '../../utils';
 import { WORDS } from '../../words';
 

src/ts/components/tables/table-body.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export type TableBodyProps = ComponentProps & HTMLProps<HTMLElement>;

src/ts/components/tables/table-cell.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { NBSP } from '../../constants';
 import { BaseTableCellProps } from '../../types';
 import { shouldNotBeRendered } from '../../utils';

src/ts/components/tables/table-head.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export type TableHeadProps = ComponentProps & HTMLProps<HTMLElement>;

src/ts/components/tables/table-header.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { NBSP } from '../../constants';
 import { BaseTableCellProps } from '../../types';
 import { shouldNotBeRendered } from '../../utils';

src/ts/components/tables/table-row.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export type TableRowProps = ComponentProps & HTMLProps<HTMLElement>;

src/ts/components/tables/table.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export interface TableProps extends ComponentProps, HTMLProps<HTMLElement> {

src/ts/components/tabs/tab.tsx

@@ -1,6 +1,7 @@
 import * as classNames from 'classnames';
 import * as React from 'react';
 import { HTMLProps, PureComponent } from 'react';
+
 import { ComponentProps } from '../../types';
 
 export interface TabProps extends ComponentProps, HTMLProps<HTMLElement> {