chore(lint): Replaced rest React imports to the suggested (#3575)

src/components/accessible-svg/__tests__/AccessibleSVG.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 import AccessibleSVG from '../AccessibleSVG';
 

src/components/avatar/AvatarImage.js.flow

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 
 type Props = {
     className?: string,

src/components/avatar/AvatarInitials.js.flow

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { avatarColors } from '../../styles/variables';
 
 const getInitials = name => {

src/components/avatar/__tests__/Avatar.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow, mount } from 'enzyme';
 import { act } from 'react-dom/test-utils';
 import { IntlShape } from 'react-intl';

src/components/avatar/__tests__/AvatarImage.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import AvatarImage from '../AvatarImage';

src/components/avatar/__tests__/AvatarInitials.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import AvatarInitials from '../AvatarInitials';

src/components/avatar/__tests__/UnknownUserAvatar.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 import UnknownUserAvatar from '../UnknownUserAvatar';
 

src/components/badge/__tests__/Badge.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import Badge from '../Badge';

src/components/badge/__tests__/BetaBadge.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import BetaBadge from '../BetaBadge';

src/components/badge/__tests__/TrialBadge.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import TrialBadge from '../TrialBadge';

src/components/badge/__tests__/UpgradeBadge.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import UpgradeBadge from '../UpgradeBadge';

src/components/badgeable/__tests__/Badgeable.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import Badgeable from '../Badgeable';

src/components/button-group/__test__/ButtonGroup.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { mount } from 'enzyme';
 
 import Button from '../../button';

src/components/button/__tests__/Button.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import sinon from 'sinon';
 import { shallow } from 'enzyme';
 

src/components/checkbox/__tests__/CheckboxField.test.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import CheckboxField, { CheckboxFieldProps } from '../CheckboxField';

src/components/checkbox/__tests__/CheckboxTooltip.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow, ShallowWrapper } from 'enzyme';
 
 import CheckboxTooltip from '../CheckboxTooltip';

src/components/close-button/__tests__/CloseButton.test.tsx

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

src/components/collapsible/__tests__/Collapsible.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import sinon from 'sinon';
 import { shallow, ShallowWrapper } from 'enzyme';
 

src/components/contact-datalist-item/__tests__/ContactDatalistItem.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import ContactDatalistItem from '../ContactDatalistItem';

src/components/context-menu/__tests__/ContextMenu.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { mount, shallow, ReactWrapper } from 'enzyme';
 import sinon from 'sinon';
 

src/components/count-badge/__tests__/CountBadge.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import CountBadge from '../CountBadge';

src/components/datalist-item/__tests__/DatalistItem.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import sinon from 'sinon';
 import { shallow } from 'enzyme';
 import DatalistItem from '..';

src/components/error-mask/__tests__/ErrorMask.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow, ShallowWrapper } from 'enzyme';
 
 import ErrorMask from '..';

src/components/fieldset/__tests__/Fieldset.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import Fieldset from '../Fieldset';

src/components/header/__tests__/Header.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import Header from '..';

src/components/image-tooltip/__tests__/ImageTooltip.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow, ShallowWrapper } from 'enzyme';
 
 import Button from '../../button/Button';

src/components/image-tooltip/__tests__/ImageTooltipContent.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow, ShallowWrapper } from 'enzyme';
 
 import ImageTooltipContent from '../ImageTooltipContent';

src/components/label-pill/__tests__/LabelPill.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { mount } from 'enzyme';
 
 import LabelPill, { LabelPillStatus } from '..';

src/components/label/__tests__/HiddenLabel.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 import HiddenLabel from '../HiddenLabel';
 

src/components/label/__tests__/Label.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow, mount } from 'enzyme';
 
 import InfoIconWithTooltip from '../InfoIconWithTooltip';

src/components/label/__tests__/LabelPrimitive.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 import LabelPrimitive from '../LabelPrimitive';
 

src/components/label/__tests__/StandardLabel.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 import StandardLabel from '../StandardLabel';
 

src/components/link/__tests__/Link.test.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable jsx-a11y/anchor-is-valid */
-import React from 'react';
+import * as React from 'react';
 import { shallow, mount } from 'enzyme';
 import sinon from 'sinon';
 

src/components/loading-indicator/LoadingIndicator.js.flow

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 
 import './Crawler.scss';
 

src/components/loading-indicator/__tests__/LoadingIndicator.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import LoadingIndicator, { LoadingIndicatorSize } from '..';

src/components/loading-indicator/__tests__/makeLoadable.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 import makeLoadable from '../makeLoadable';
 import { LoadingIndicatorProps } from '../LoadingIndicator';

src/components/logo/__tests__/Logo.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import Logo from '..';

src/components/media/__tests__/Media.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { mount, shallow } from 'enzyme';
 
 import Media from '../Media';

src/components/media/__tests__/MediaFigure.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import MediaFigure from '../MediaFigure';

src/components/media/__tests__/MediaMenu.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { mount } from 'enzyme';
 
 import MediaMenu from '../MediaMenu';

src/components/menu/MenuSeparator.js.flow

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 
 const MenuSeparator = () => <li role="separator" />;
 

src/components/menu/MenuSeparator.tsx

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

src/components/menu/__tests__/Menu.test.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable jsx-a11y/anchor-is-valid */
-import React from 'react';
+import * as React from 'react';
 import { mount, shallow } from 'enzyme';
 import sinon from 'sinon';
 

src/components/menu/__tests__/MenuHeader.test.tsx

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

src/components/menu/__tests__/MenuItem.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import sinon from 'sinon';
 import { shallow } from 'enzyme';
 

src/components/menu/__tests__/MenuLinkItem.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import MenuLinkItem from '../MenuLinkItem';

src/components/menu/__tests__/MenuSectionHeader.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import MenuSectionHeader from '../MenuSectionHeader';

src/components/menu/__tests__/MenuSeparator.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import MenuSeparator from '../MenuSeparator';

src/components/menu/__tests__/SelectMenuItem.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import SelectMenuItem from '../SelectMenuItem';

src/components/menu/__tests__/SelectMenuLinkItem.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import SelectMenuLinkItem from '../SelectMenuLinkItem';

src/components/menu/__tests__/SubmenuItem.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import SubmenuItem from '../SubmenuItem';

src/components/nudge/__tests__/Nudge.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import RelayPlanet140 from '../../../illustration/RelayPlanet140';

src/components/plain-button/__tests__/PlainButton.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 import PlainButton from '../PlainButton';
 

src/components/portal/Portal.js.flow

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 import { createPortal } from 'react-dom';
 
 type Props = {

src/components/preview/PreviewLoadingRing.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 import './PreviewLoadingRing.scss';
 

src/components/preview/__tests__/PreviewLoading.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 import { PreviewLoading, PreviewLoadingRing, getIcon } from '..';
 import { bdlBoxBlue } from '../../../styles/variables';

src/components/preview/__tests__/PreviewLoadingRing.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 import PreviewLoadingRing from '../PreviewLoadingRing';
 

src/components/primary-button/__tests__/PrimaryButton.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 import PrimaryButton from '..';
 import Button from '../../button';

src/components/progress-bar/ProgressBar.js.flow

@@ -1,5 +1,5 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
 
 import './ProgressBar.scss';
 

src/components/progress-bar/ProgressBar.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 import './ProgressBar.scss';
 

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import ProgressBar from '..';

src/components/radar/__tests__/RadarAnimation.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 import RadarAnimation, { RadarAnimationProps, RadarAnimationPosition } from '../RadarAnimation';
 

src/components/radio/__tests__/RadioButton.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import RadioButton from '../RadioButton';

src/components/radio/__tests__/RadioButtonField.test.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-import React from 'react';
+import * as React from 'react';
 import { shallow } from 'enzyme';
 
 import RadioButtonField, { RadioButtonFieldProps } from '../RadioButtonField';