refactor: Change deprecated way to import React

.storybook/BaseDecorator.js

@@ -1,6 +1,6 @@
 /**
  * This decorator acts as a base decorator for all stories.
  */
-import React from 'react'
+import * as React from 'react'
 
 export default (Story) => Story()

src/components/color-picker/color-picker.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import { ColorPicker, ColorItem } from './color-picker'
 import { render, screen } from '@testing-library/react'

src/components/color-picker/color-picker.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import classnames from 'classnames'
 
 import DeprecatedDropdown from '../deprecated-dropdown'

src/components/deprecated-button/deprecated-button.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import userEvent from '@testing-library/user-event'
 import { render, screen } from '@testing-library/react'
 

src/components/deprecated-button/deprecated-button.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import classNames from 'classnames'
 
 import { Tooltip } from '../tooltip'

src/components/deprecated-dropdown/dropdown.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import { Dropdown } from './dropdown'
 import { render, screen } from '@testing-library/react'

src/components/deprecated-dropdown/dropdown.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import ReactDOM from 'react-dom'
 import classNames from 'classnames'
 

src/components/deprecated-input/input.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import { Input } from './input'
 import { render, screen } from '@testing-library/react'

src/components/deprecated-input/input.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import classNames from 'classnames'
 
 import './input.less'

src/components/deprecated-select/select.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import { Select } from './select'
 import { render, screen } from '@testing-library/react'

src/components/deprecated-select/select.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import classNames from 'classnames'
 
 import './select.less'

src/components/icons/CloseIcon.svg.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 const CloseIcon = () => (
     <svg width="24" height="24" viewBox="0 0 24 24">

src/components/icons/ThinQuestionMarkIcon.svg.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 const ThinQuestionMark = () => (
     <svg width="18px" height="18px" viewBox="0 0 18 18">

src/components/icons/ThreeDotsIcon.svg.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import PropTypes from 'prop-types'
 
 const ThreeDotsIcon = ({ color = '#A5A5A5' }) => (

src/components/icons/__tests__/CloseIcon.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { render } from '@testing-library/react'
 
 import CloseIcon from '../CloseIcon.svg'

src/components/icons/__tests__/ThinQuestionMarkIcon.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { render } from '@testing-library/react'
 
 import ThinQuestionMarkIcon from '../ThinQuestionMarkIcon.svg'

src/components/icons/__tests__/ThreeDotsIcon.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { render } from '@testing-library/react'
 
 import ThreeDotsIcon from '../ThreeDotsIcon.svg'

src/components/menu/menu.stories.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { action } from '@storybook/addon-actions'
 import KeyboardShortcut from '../keyboard-shortcut'
 import { Button } from '../../new-components/button'

src/components/notification/notification.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import classNames from 'classnames'
 import CloseIcon from '../icons/CloseIcon.svg'
 import './notification.less'

src/components/progress-bar/progress-bar.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { render, screen } from '@testing-library/react'
 import { axe } from 'jest-axe'
 import { ProgressBar } from './progress-bar'

src/components/progress-bar/progress-bar.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { HiddenVisually } from '../../new-components/hidden-visually'
 import classNames from 'classnames'
 

src/components/time/time.test.tsx

@@ -1,5 +1,5 @@
 import dayjs from 'dayjs'
-import React from 'react'
+import * as React from 'react'
 import { render, screen, waitFor } from '@testing-library/react'
 import { axe } from 'jest-axe'
 

src/components/time/time.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import { Tooltip } from '../tooltip'
 import { TimeUtils, TimeConfig } from './time-utils'

src/components/tooltip/tooltip.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { render, screen, act } from '@testing-library/react'
 import { axe } from 'jest-axe'
 import userEvent from '@testing-library/user-event'

src/components/tooltip/tooltip.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import classNames from 'classnames'
 
 import {

src/new-components/avatar/avatar.test.tsx

@@ -1,5 +1,5 @@
 import { render, screen } from '@testing-library/react'
-import React from 'react'
+import * as React from 'react'
 
 import { Avatar } from './avatar'
 

src/new-components/avatar/avatar.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import { getInitials, emailToIndex } from './utils'
 

src/new-components/heading/heading.stories.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import { Stack } from '../stack'
 import { Heading } from './heading'

src/new-components/loading/loading.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Box } from '../box'
 import { Spinner } from '../spinner'
 

src/new-components/text/text.stories.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import { Stack } from '../stack'
 import { Text } from './text'

stories/components/Avatar.stories.tsx

@@ -1,6 +1,6 @@
 import './styles/avatar_story.less'
 
-import React from 'react'
+import * as React from 'react'
 import { withKnobs } from '@storybook/addon-knobs'
 
 import { Avatar, Box, Inline } from '../../src'

stories/components/Dropdown.stories.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import Button from '../../src/components/deprecated-button'
 import Dropdown from '../../src/components/deprecated-dropdown'

stories/components/Input.stories.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import Input from '../../src/components/deprecated-input'
 import { Alert } from '../../src/new-components/alert'

stories/components/KeyboardShortcut.stories.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { text } from '@storybook/addon-knobs'
 
 import '../../src/components/keyboard-shortcut/keyboard-shortcut.less'

stories/components/Notification.stories.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { action } from '@storybook/addon-actions'
 
 import { Box } from '../../src/new-components/box'

stories/components/ProgressBar.stories.tsx

@@ -1,6 +1,6 @@
 import './styles/progressbar_story.less'
 
-import React from 'react'
+import * as React from 'react'
 
 import ProgressBar from '../../src/components/progress-bar'
 

stories/components/Time.stories.tsx

@@ -1,6 +1,6 @@
 import './styles/time_story.less'
 
-import React from 'react'
+import * as React from 'react'
 import dayjs from 'dayjs'
 
 import Time from '../../src/components/time'

stories/components/Tooltip.stories.tsx

@@ -1,6 +1,6 @@
 import './styles/tooltip_story.less'
 
-import React from 'react'
+import * as React from 'react'
 
 import { Tooltip, TooltipProps } from '../../src/components/tooltip'
 import Button from '../../src/components/deprecated-button'

stories/components/color.stories.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 import { Columns, Column } from '../../src/new-components/columns'
 import { Stack } from '../../src/new-components/stack'