Fix using the library without allowSyntheticDefaultImports

Currently setting `"allowSyntheticDefaultImports": false` in tsconfig.json results in errors in .d.ts files.

es/Divider.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from "react";
 import { DragState } from "./dragdrop/DragManager";
 export interface DividerChild {
     size: number;

es/Divider.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from "react";
 import { DragDropDiv } from "./dragdrop/DragDropDiv";
 class BoxDataCache {
     constructor(data) {

es/DividerBox.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { DockContext } from "./DockData";
 import { DividerChild } from "./Divider";
 interface Props extends React.HTMLAttributes<HTMLDivElement> {

es/DividerBox.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from "react";
+import * as React from "react";
 import { DockContextType } from "./DockData";
 import { Divider } from "./Divider";
 export class DividerBox extends React.PureComponent {

es/DockBox.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { BoxData, DockContext } from "./DockData";
 import { DividerChild } from "./Divider";
 interface Props {

es/DockBox.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { DockContextType } from "./DockData";
 import { Divider } from "./Divider";
 import { DockPanel } from "./DockPanel";

es/DockData.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from "react";
 import { Filter } from "./Algorithm";
 export interface TabGroup {
     /**

es/DockData.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from "react";
 /** @ignore */
 export const defaultGroup = {
     floatable: true,

es/DockDropEdge.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { DockContext, DockMode, DropDirection, PanelData, TabGroup } from "./DockData";
 import { DragState } from "./dragdrop/DragManager";
 interface DockDropEdgeProps {

es/DockDropEdge.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { DockContextType } from "./DockData";
 import { DragDropDiv } from "./dragdrop/DragDropDiv";
 import { DragState } from "./dragdrop/DragManager";

es/DockDropLayer.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { DockContext, DockMode, DropDirection, PanelData } from "./DockData";
 import { DragState } from "./dragdrop/DragManager";
 interface DockDropSquareProps {

es/DockDropLayer.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { DockContextType, placeHolderStyle } from "./DockData";
 import { DragDropDiv } from "./dragdrop/DragDropDiv";
 import { DragState } from "./dragdrop/DragManager";

es/DockLayout.d.ts

@@ -1,4 +1,5 @@
-import React, { CSSProperties } from "react";
+import * as React from "react";
+import { CSSProperties } from "react";
 import { BoxData, DockContext, DropDirection, LayoutBase, LayoutData, PanelBase, PanelData, TabBase, TabData, TabGroup, TabPaneCache } from "./DockData";
 import * as Algorithm from "./Algorithm";
 export interface LayoutProps {

es/DockLayout.js

@@ -9,8 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from "react";
-import ReactDOM from "react-dom";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
 import debounce from 'lodash/debounce';
 import { defaultGroup, DockContextProvider, placeHolderGroup, placeHolderStyle } from "./DockData";
 import { DockBox } from "./DockBox";

es/DockPanel.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { DockContext, PanelData } from "./DockData";
 import { DragState } from "./dragdrop/DragManager";
 interface Props {

es/DockPanel.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { DockContextType } from "./DockData";
 import { DockTabs } from "./DockTabs";
 import { DragDropDiv } from "./dragdrop/DragDropDiv";

es/DockTabBar.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import * as DragManager from "./dragdrop/DragManager";
 import type { TabNavListProps } from "rc-tabs/lib/TabNavList";
 interface DockTabBarProps extends TabNavListProps {

es/DockTabBar.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from "react";
+import * as React from "react";
 import { DragDropDiv } from "./dragdrop/DragDropDiv";
 import { DockContextType } from "./DockData";
 /**

es/DockTabPane.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { DockContext, TabPaneCache } from "./DockData";
 import { TabPaneProps } from "rc-tabs";
 interface DockTabPaneProps extends TabPaneProps {

es/DockTabPane.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 import { DockContextType } from "./DockData";
 export default class DockTabPane extends React.PureComponent {

es/DockTabs.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { DockContext, DropDirection, PanelData, TabData } from "./DockData";
 import * as DragManager from "./dragdrop/DragManager";
 export declare class TabCache {

es/DockTabs.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { DockContextType } from "./DockData";
 import Tabs from 'rc-tabs';
 import Menu, { MenuItem } from 'rc-menu';

es/FloatBox.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { BoxData } from "./DockData";
 interface Props {
     boxData: BoxData;

es/FloatBox.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { DockPanel } from "./DockPanel";
 export class FloatBox extends React.PureComponent {
     render() {

es/MaxBox.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { BoxData, PanelData } from "./DockData";
 interface Props {
     boxData: BoxData;

es/MaxBox.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { DockPanel } from "./DockPanel";
 export class MaxBox extends React.PureComponent {
     render() {

es/WindowBox.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { BoxData } from "./DockData";
 interface Props {
     boxData: BoxData;

es/WindowBox.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { WindowPanel } from "./WindowPanel";
 export class WindowBox extends React.PureComponent {
     render() {

es/WindowPanel.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { DockContext, PanelData } from "./DockData";
 interface Props {
     panelData: PanelData;

es/WindowPanel.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import NewWindow from "rc-new-window";
 import { DockContextType } from "./DockData";
 import { DockPanel } from "./DockPanel";

es/dragdrop/DragDropDiv.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import * as DragManager from "./DragManager";
 import { GestureState } from "./GestureManager";
 export declare type AbstractPointerEvent = MouseEvent | TouchEvent;

es/dragdrop/DragDropDiv.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from "react";
+import * as React from "react";
 import * as DragManager from "./DragManager";
 import { GestureState } from "./GestureManager";
 export class DragDropDiv extends React.PureComponent {

example/adv-save-layout.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {htmlTab, jsxTab} from "./prism-tabs";
 import {DockLayout} from '../lib';
 

example/adv-tab-update.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {htmlTab, jsxTab} from "./prism-tabs";
 import {DockLayout} from '../lib';
 

example/basic.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {jsxTab, htmlTab} from './prism-tabs';
 import {DockLayout, DockContextType} from '../lib';
 

example/controlled-layout.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {htmlTab, jsxTab} from "./prism-tabs";
 import {DockLayout} from '../lib';
 

example/disable-dock.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {jsxTab, htmlTab} from './prism-tabs';
 import {DockLayout, DockContextType} from '../lib';
 

example/divider-box.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {jsxTab, htmlTab} from './prism-tabs';
 import {DockLayout, DividerBox} from '../lib';
 

example/drag-new-tab.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {htmlTab, jsxTab} from "./prism-tabs";
 import {DockLayout, DragDropDiv} from '../lib';
 

example/drop-mode.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {htmlTab, jsxTab} from "./prism-tabs";
 import {DockLayout} from '../lib';
 

example/gesture.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {jsxTab} from "./prism-tabs";
 import {DragDropDiv, GestureState} from '../lib';
 

example/index.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {Divider} from '../lib';
 // keep the above unused import so tools script can understand this jsx
 

example/new-window.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {htmlTab, jsxTab} from "./prism-tabs";
 import {DockLayout} from '../lib';
 

example/panel-extra.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {htmlTab, jsxTab} from "./prism-tabs";
 import {DockLayout, DockContextType} from '../lib';
 

example/panel-style.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {jsxTab, htmlTab} from './prism-tabs';
 import {DockLayout} from '../lib';
 

example/prism-tabs.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from "react";
 
 let name = window.location.pathname.split('/').pop();
 name = name.substr(0, name.length - 5);

example/save-layout.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {htmlTab, jsxTab} from "./prism-tabs";
 import {DockLayout} from '../lib';
 

example/shared-import.js

@@ -1,8 +1,8 @@
 export * from '../lib';
 export * from './prism-tabs';
 
-import React1 from 'react';
-import ReactDom1 from 'react-dom';
+import * as React1 from 'react';
+import * as ReactDom1 from 'react-dom';
 
 export const React = React1;
 export const ReactDOM = ReactDom1;

example/standalone-divider.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {jsxTab} from "./prism-tabs";
 import {Divider} from '../lib';
 

example/tab-cache.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {htmlTab, jsxTab} from "./prism-tabs";
 import {DockLayout} from '../lib';
 

example/tab-min-size.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {jsxTab, htmlTab} from './prism-tabs';
 import {DockLayout} from '../lib';
 

example/tab-update.jsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import {htmlTab, jsxTab} from "./prism-tabs";
 import {DockLayout} from '../lib';
 

lib/Divider.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from "react";
 import { DragState } from "./dragdrop/DragManager";
 export interface DividerChild {
     size: number;

lib/DividerBox.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { DockContext } from "./DockData";
 import { DividerChild } from "./Divider";
 interface Props extends React.HTMLAttributes<HTMLDivElement> {

lib/DockBox.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { BoxData, DockContext } from "./DockData";
 import { DividerChild } from "./Divider";
 interface Props {

lib/DockData.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from "react";
 import { Filter } from "./Algorithm";
 export interface TabGroup {
     /**

lib/DockDropEdge.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { DockContext, DockMode, DropDirection, PanelData, TabGroup } from "./DockData";
 import { DragState } from "./dragdrop/DragManager";
 interface DockDropEdgeProps {