Migrate to import * as React from 'react';

TrySound · TrySound · commit 1f799b36acf7 · 2020-02-22T11:11:46.000+03:00
Ref facebook/react#18102 Finally react team officially ditched default import.
diff --git a/examples/Api.js b/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'
diff --git a/examples/App.js b/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'
diff --git a/examples/Card.js b/examples/Card.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 const propTypes = {}
 
diff --git a/examples/demos/basic.js b/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'
diff --git a/examples/demos/createEventWithNoOverlap.js b/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'
diff --git a/examples/demos/cultures.js b/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'
diff --git a/examples/demos/customHeader.js b/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'
 
diff --git a/examples/demos/customView.js b/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'
diff --git a/examples/demos/dnd.js b/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'
diff --git a/examples/demos/dndOutsideSource.js b/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'
diff --git a/examples/demos/dndresource.js b/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'
 
diff --git a/examples/demos/popup.js b/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'
diff --git a/examples/demos/rendering.js b/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'
 
diff --git a/examples/demos/resource.js b/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'
 
diff --git a/examples/demos/selectable.js b/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'
diff --git a/examples/demos/timeslots.js b/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'
 
diff --git a/src/Agenda.js b/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'
diff --git a/src/BackgroundCells.js b/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'
 
diff --git a/src/Calendar.js b/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 {
diff --git a/src/CalendarContext.js b/src/CalendarContext.js
@@ -1,3 +1,3 @@
-import React from 'react'
+import * as React from 'react'
 
 export default React.createContext()
diff --git a/src/DateContentRow.js b/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'
diff --git a/src/DateHeader.js b/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) {
diff --git a/src/Day.js b/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'
diff --git a/src/DayColumn.js b/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'
 
diff --git a/src/EventCell.js b/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'
 
diff --git a/src/EventEndingRow.js b/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'
diff --git a/src/EventRow.js b/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 {
diff --git a/src/EventRowMixin.js b/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'
 
diff --git a/src/Header.js b/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>
diff --git a/src/Month.js b/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'
 
diff --git a/src/Popup.js b/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'
diff --git a/src/ResourceHeader.js b/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>
diff --git a/src/TimeGrid.js b/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'
 
diff --git a/src/TimeGridEvent.js b/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 + '%'
diff --git a/src/TimeGridHeader.js b/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'
diff --git a/src/TimeGutter.js b/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)
 
diff --git a/src/TimeSlotGroup.js b/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,
diff --git a/src/Toolbar.js b/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'
 
diff --git a/src/Week.js b/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'
diff --git a/src/WorkWeek.js b/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'
diff --git a/src/addons/dragAndDrop/EventContainerWrapper.js b/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'
 
diff --git a/src/addons/dragAndDrop/EventWrapper.js b/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'
diff --git a/src/addons/dragAndDrop/WeekWrapper.js b/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'
diff --git a/src/addons/dragAndDrop/withDragAndDrop.js b/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'
diff --git a/stories/Calendar.js b/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'
diff --git a/stories/DragAndDrop.js b/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'
 
diff --git a/stories/Durations.js b/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'
 
diff --git a/stories/Layout.js b/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'
 
diff --git a/stories/Resources.js b/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'
diff --git a/stories/Timeslots.js b/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 */
diff --git a/stories/helpers/customComponents.js b/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 = {
diff --git a/stories/helpers/index.js b/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'
 

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import React from 'react'`
	`1`	`+import * as React from 'react'`
`2`	`2`	`import transform from 'lodash/transform'`
`3`	`3`
`4`	`4`	`import metadata from 'component-metadata-loader!react-big-calendar/lib/Calendar'`