refactor: remove import-react

packages/core/src/Avatar.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 

packages/core/src/BasicRow.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import FlexCell from './FlexCell';

packages/core/src/Button.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 

packages/core/src/Checkbox.js

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import prefixClass from './utils/prefixClass';

packages/core/src/ColumnView.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import './styles/ColumnView.scss';

packages/core/src/EditableBasicRow.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect } from 'react';
+import { memo, useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import './styles/EditableBasicRow.scss';
@@ -57,7 +57,7 @@ export const ROW_INPUT_TAGS = {
  * ```
  */
 
-const EditableBasicRow = React.memo(
+const EditableBasicRow = memo(
   ({
     inputTag: InputTag,
     // <input> props

packages/core/src/EditableText.js

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 
 import withStatus, { withStatusPropTypes, STATUS_CODE } from './mixins/withStatus';

packages/core/src/EditableTextLabel.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useCallback, useRef } from 'react';
+import { memo, useState, useEffect, useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
 import keycode from 'keycode';
 
@@ -32,7 +32,7 @@ const TOUCH_TIMEOUT_MS = 250;
  * It does not offer direct control to the `<input>` inside.
  */
 
-const EditableTextLabel = React.memo(
+const EditableTextLabel = memo(
   ({
     inEdit: inEditProp, // not used here
     onDblClick, // also not used here

packages/core/src/FlexCell.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import icBEM from './utils/icBEM';

packages/core/src/HeaderRow.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import './styles/HeaderRow.scss';

packages/core/src/Icon.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 

packages/core/src/IconButton.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 

packages/core/src/IconCheckbox.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import IconLayout from './IconLayout';
 import Checkbox, { CHECKBOX_BUTTON } from './Checkbox';
 

packages/core/src/IconLayout.js

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 
 import withStatus, { withStatusPropTypes } from './mixins/withStatus';

packages/core/src/InfiniteScroll.js

@@ -1,4 +1,4 @@
-import React, { PureComponent, isValidElement } from 'react';
+import { PureComponent, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import documentOffset from 'document-offset';

packages/core/src/List.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import './styles/List.scss';

packages/core/src/ListRow.js

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 

packages/core/src/Modal.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import memoize from 'memoize-one';

packages/core/src/Overlay.js

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import classNames from 'classnames';
 
 import icBEM from './utils/icBEM';

packages/core/src/Popover.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 

packages/core/src/Popup.js

@@ -1,4 +1,4 @@
-import React, { isValidElement } from 'react';
+import { isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 

packages/core/src/PopupButton.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import classNames from 'classnames';
 
 import prefixClass from './utils/prefixClass';

packages/core/src/Radio.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 

packages/core/src/SearchInput.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { createRef, Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
@@ -63,7 +63,7 @@ class SearchInput extends Component {
     innerValue: this.props.defaultValue,
   };
 
-  inputRef = React.createRef();
+  inputRef = createRef();
 
   cachedValue = null;
 

packages/core/src/Section.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 

packages/core/src/SplitView.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import classNames from 'classnames';
 
 import icBEM from './utils/icBEM';

packages/core/src/SplitViewColumn.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 

packages/core/src/StatusIcon.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useCallback, useEffect } from 'react';
+import { memo, useState, useRef, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
 
 import icBEM from './utils/icBEM';
@@ -21,7 +21,7 @@ const ROOT_BEM = icBEM(COMPONENT_NAME);
 
 const ICON_HIDE_TIMEOUT = 2 * 1000;
 
-const StatusIcon = React.memo(({ status, position, autohide, ...wrapperProps }) => {
+const StatusIcon = memo(({ status, position, autohide, ...wrapperProps }) => {
   const [hideIcon, setHideIcon] = useState(false);
   const hideIconTimeout = useRef(null);
 

packages/core/src/Switch.js

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 

packages/core/src/SwitchIcon.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 

packages/core/src/Tag.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import classNames from 'classnames';
 import './styles/Tag.scss';
 

packages/core/src/Text.js

@@ -15,7 +15,7 @@
  * └╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌┘
  */
 
-import React, { PureComponent } from 'react';
+import { isValidElement, cloneElement, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
@@ -90,9 +90,9 @@ class Text extends PureComponent {
       className: classNames(BEM.row.toString(), BEM.basic.toString()),
     };
 
-    if (basicRow && React.isValidElement(basicRow)) {
+    if (basicRow && isValidElement(basicRow)) {
       // Inject { basic, tag, statusIcon } to default or custom row.
-      return React.cloneElement(basicRow, basicRowProps);
+      return cloneElement(basicRow, basicRowProps);
     }
 
     return null;

packages/core/src/TextEllipsis.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import icBEM from './utils/icBEM';
 import prefixClass from './utils/prefixClass';
 import './styles/TextEllipsis.scss';

packages/core/src/TextInput.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 

packages/core/src/TextLabel.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import classNames from 'classnames';
 import prefixClass from './utils/prefixClass';
 import rowComp from './mixins/rowComp';

packages/core/src/Tooltip.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import classNames from 'classnames';
 
 import icBEM from './utils/icBEM';

packages/core/src/__tests__/Avatar.test.js → packages/core/src/__tests__/Avatar.test.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/BasicRow.test.js → packages/core/src/__tests__/BasicRow.test.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/Button.test.js → packages/core/src/__tests__/Button.test.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/Checkbox.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow, mount } from 'enzyme';
 

packages/core/src/__tests__/ColumnView.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/EditableBasicRow.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import EditableBasicRow, { ROW_INPUT_TAGS } from '../EditableBasicRow';

packages/core/src/__tests__/EditableText.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/EditableTextLabel.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { screen, render, waitFor, fireEvent } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import EditableTextLabel from '../EditableTextLabel';

packages/core/src/__tests__/FlexCell.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import FlexCell from '../FlexCell';
 

packages/core/src/__tests__/HeaderRow.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/Icon.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import Icon from '../Icon';
 

packages/core/src/__tests__/IconButton.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/IconCheckbox.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/IconLayout.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/InfiniteScroll.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow, mount } from 'enzyme';
 

packages/core/src/__tests__/List.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow, mount } from 'enzyme';
 

packages/core/src/__tests__/ListRow.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/Modal.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { shallow } from 'enzyme';
 
 import { BEM, PureModal, DefaultHeader } from '../Modal';

packages/core/src/__tests__/Overlay.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { mount } from 'enzyme';
 

packages/core/src/__tests__/Popover.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/Popup.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/PopupButton.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/Radio.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/SearchInput.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { PureSearchInput as SearchInput } from '../SearchInput';

packages/core/src/__tests__/Section.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/SplitView.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/SplitViewColumn.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/StatusIcon.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render, act, cleanup, waitFor, screen } from '@testing-library/react';
 import StatusIcon, { STATUS_CODE } from '../StatusIcon';
 

packages/core/src/__tests__/Switch.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 

packages/core/src/__tests__/SwitchIcon.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 import SwitchIcon from '../SwitchIcon';

packages/core/src/__tests__/Tag.test.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import Tag from '../Tag';