Migrate to import * as React from 'react';

Ref facebook/react#18102

Finally react team officially ditched default import.

Author: WillingDev0812

examples/Api.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import transform from 'lodash/transform'
 
 import metadata from 'component-metadata-loader!react-big-calendar/lib/Calendar'

examples/App.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import Api from './Api'
 import Intro from './Intro.md'
 import { render } from 'react-dom'

examples/Card.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 const propTypes = {}
 

examples/demos/basic.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Calendar, Views } from 'react-big-calendar'
 import events from '../events'
 import * as dates from '../../src/utils/dates'

examples/demos/createEventWithNoOverlap.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Calendar, Views } from 'react-big-calendar'
 import events from '../events'
 import ExampleControlSlot from '../ExampleControlSlot'

examples/demos/cultures.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Calendar } from 'react-big-calendar'
 import events from '../events'
 import Layout from 'react-tackle-box/Layout'

examples/demos/customHeader.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Calendar } from 'react-big-calendar'
 import events from '../events'
 

examples/demos/customView.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import * as dates from 'date-arithmetic'
 import events from '../events'

examples/demos/dnd.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import events from '../events'
 import { Calendar, Views } from 'react-big-calendar'
 import withDragAndDrop from 'react-big-calendar/lib/addons/dragAndDrop'

examples/demos/dndOutsideSource.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import events from '../events'
 import { Calendar, Views } from 'react-big-calendar'
 import withDragAndDrop from 'react-big-calendar/lib/addons/dragAndDrop'

examples/demos/dndresource.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Calendar } from 'react-big-calendar'
 import withDragAndDrop from 'react-big-calendar/lib/addons/dragAndDrop'
 

examples/demos/popup.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Calendar } from 'react-big-calendar'
 import events from '../events'
 import ExampleControlSlot from '../ExampleControlSlot'

examples/demos/rendering.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Calendar, Views } from 'react-big-calendar'
 import events from '../events'
 

examples/demos/resource.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Calendar, Views } from 'react-big-calendar'
 import ExampleControlSlot from '../ExampleControlSlot'
 

examples/demos/selectable.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Calendar, Views } from 'react-big-calendar'
 import events from '../events'
 import ExampleControlSlot from '../ExampleControlSlot'

examples/demos/timeslots.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Calendar, Views } from 'react-big-calendar'
 import events from '../events'
 

src/Agenda.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 import addClass from 'dom-helpers/addClass'
 import removeClass from 'dom-helpers/removeClass'
 import getWidth from 'dom-helpers/width'

src/BackgroundCells.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 import { findDOMNode } from 'react-dom'
 import clsx from 'clsx'
 

src/Calendar.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 import { uncontrollable } from 'uncontrollable'
 import clsx from 'clsx'
 import {

src/CalendarContext.js

@@ -1,3 +1,3 @@
-import React from 'react'
+import * as React from 'react'
 
 export default React.createContext()

src/DateContentRow.js

@@ -2,7 +2,7 @@ import clsx from 'clsx'
 import getHeight from 'dom-helpers/height'
 import qsa from 'dom-helpers/querySelectorAll'
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 import { findDOMNode } from 'react-dom'
 
 import * as dates from './utils/dates'

src/DateHeader.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 
 const DateHeader = ({ label, drilldownView, onDrillDown }) => {
   if (!drilldownView) {

src/Day.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 
 import * as dates from './utils/dates'
 import { navigate } from './utils/constants'

src/DayColumn.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 import { findDOMNode } from 'react-dom'
 import clsx from 'clsx'
 

src/EventCell.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 import clsx from 'clsx'
 import * as dates from './utils/dates'
 

src/EventEndingRow.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 import EventRowMixin from './EventRowMixin'
 import { eventLevels } from './utils/eventLevels'
 import range from 'lodash/range'

src/EventRow.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types'
 import clsx from 'clsx'
-import React from 'react'
+import * as React from 'react'
 import EventRowMixin from './EventRowMixin'
 
 class EventRow extends React.Component {

src/EventRowMixin.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 import EventCell from './EventCell'
 import { isSelected } from './utils/selection'
 

src/Header.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 
 const Header = ({ label }) => {
   return <span>{label}</span>

src/Month.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 import { findDOMNode } from 'react-dom'
 import clsx from 'clsx'
 

src/Popup.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 import getOffset from 'dom-helpers/offset'
 import getScrollTop from 'dom-helpers/scrollTop'
 import getScrollLeft from 'dom-helpers/scrollLeft'

src/ResourceHeader.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 
 const ResourceHeader = ({ label }) => {
   return <React.Fragment>{label}</React.Fragment>

src/TimeGrid.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types'
 import clsx from 'clsx'
 import * as animationFrame from 'dom-helpers/animationFrame'
-import React, { Component } from 'react'
+import * as React, { Component } from 'react'
 import { findDOMNode } from 'react-dom'
 import memoize from 'memoize-one'
 

src/TimeGridEvent.js

@@ -1,5 +1,5 @@
 import clsx from 'clsx'
-import React from 'react'
+import * as React from 'react'
 
 function stringifyPercent(v) {
   return typeof v === 'string' ? v : v + '%'

src/TimeGridHeader.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types'
 import clsx from 'clsx'
 import scrollbarSize from 'dom-helpers/scrollbarSize'
-import React from 'react'
+import * as React from 'react'
 
 import * as dates from './utils/dates'
 import DateContentRow from './DateContentRow'

src/TimeGutter.js

@@ -1,11 +1,11 @@
 import clsx from 'clsx'
 import PropTypes from 'prop-types'
-import React, { Component } from 'react'
+import * as React from 'react'
 
 import * as TimeSlotUtils from './utils/TimeSlots'
 import TimeSlotGroup from './TimeSlotGroup'
 
-export default class TimeGutter extends Component {
+export default class TimeGutter extends React.Component {
   constructor(...args) {
     super(...args)
 

src/TimeSlotGroup.js

@@ -1,10 +1,10 @@
 import clsx from 'clsx'
 import PropTypes from 'prop-types'
-import React, { Component } from 'react'
+import * as React from 'react'
 
 import BackgroundWrapper from './BackgroundWrapper'
 
-export default class TimeSlotGroup extends Component {
+export default class TimeSlotGroup extends React.Component {
   render() {
     const {
       renderSlot,

src/Toolbar.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 import clsx from 'clsx'
 import { navigate } from './utils/constants'
 

src/Week.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 import * as dates from './utils/dates'
 import { navigate } from './utils/constants'
 import TimeGrid from './TimeGrid'

src/WorkWeek.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 
 import Week from './Week'
 import TimeGrid from './TimeGrid'

src/addons/dragAndDrop/EventContainerWrapper.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 import * as dates from '../../utils/dates'
 import { findDOMNode } from 'react-dom'
 

src/addons/dragAndDrop/EventWrapper.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 import clsx from 'clsx'
 import { accessor } from '../../utils/propTypes'
 import { accessor as get } from '../../utils/accessors'

src/addons/dragAndDrop/WeekWrapper.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 import * as dates from '../../utils/dates'
 import { getSlotAtX, pointInBox } from '../../utils/selection'
 import { findDOMNode } from 'react-dom'

src/addons/dragAndDrop/withDragAndDrop.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React from 'react'
+import * as React from 'react'
 import clsx from 'clsx'
 
 import { accessor } from '../../utils/propTypes'

stories/Calendar.js

@@ -2,7 +2,7 @@ import { storiesOf } from '@storybook/react'
 import { action } from '@storybook/addon-actions'
 
 import moment from 'moment'
-import React from 'react'
+import * as React from 'react'
 
 import '../src/sass/styles.scss'
 import '../src/addons/dragAndDrop/styles.scss'

stories/DragAndDrop.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { storiesOf } from '@storybook/react'
 import { action } from '@storybook/addon-actions'
 

stories/Durations.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { storiesOf } from '@storybook/react'
 import moment from 'moment'
 

stories/Layout.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { storiesOf } from '@storybook/react'
 import moment from 'moment'
 

stories/Resources.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { storiesOf } from '@storybook/react'
 
 import { DragableCalendar } from './helpers'

stories/Timeslots.js

@@ -1,7 +1,7 @@
 import { storiesOf } from '@storybook/react'
 import { action } from '@storybook/addon-actions'
 import moment from 'moment'
-import React from 'react'
+import * as React from 'react'
 
 import { events, Calendar } from './helpers'
 /* eslint-disable react/prop-types */

stories/helpers/customComponents.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { action } from '@storybook/addon-actions'
 
 const customComponents = {

stories/helpers/index.js

@@ -2,7 +2,7 @@ import { addDecorator } from '@storybook/react'
 import { action } from '@storybook/addon-actions'
 
 import moment from 'moment'
-import React from 'react'
+import * as React from 'react'
 
 import { Calendar as BaseCalendar, momentLocalizer } from '../../src'