rm import react from react in core

Author: mfrances17

packages/react-core/src/components/AboutModal/examples/AboutModalBasic.tsx

@@ -1,16 +1,16 @@
-import React from 'react';
+import { Fragment, useState } from 'react';
 import { AboutModal, Button, Content } from '@patternfly/react-core';
 import brandImg from '../../assets/PF-IconLogo.svg';
 
 export const AboutModalBasic: React.FunctionComponent = () => {
-  const [isModalOpen, setIsModalOpen] = React.useState(false);
+  const [isModalOpen, setIsModalOpen] = useState(false);
 
   const toggleModal = (_event: React.MouseEvent<Element, MouseEvent> | KeyboardEvent | MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
   return (
-    <React.Fragment>
+    <Fragment>
       <Button variant="primary" onClick={toggleModal}>
         Show about modal
       </Button>
@@ -42,6 +42,6 @@ export const AboutModalBasic: React.FunctionComponent = () => {
           </dl>
         </Content>
       </AboutModal>
-    </React.Fragment>
+    </Fragment>
   );
 };

packages/react-core/src/components/AboutModal/examples/AboutModalComplexUserPositionedContent.tsx

@@ -1,17 +1,17 @@
-import React from 'react';
+import { Fragment, useState } from 'react';
 import { AboutModal, Alert, Button, Content } from '@patternfly/react-core';
 import brandImg from '../../assets/PF-IconLogo.svg';
 import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
 
 export const AboutModalComplexUserPositionedContent: React.FunctionComponent = () => {
-  const [isModalOpen, setIsModalOpen] = React.useState(false);
+  const [isModalOpen, setIsModalOpen] = useState(false);
 
   const toggleModal = (_event: React.MouseEvent<Element, MouseEvent> | KeyboardEvent | MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
   return (
-    <React.Fragment>
+    <Fragment>
       <Button variant="primary" onClick={toggleModal}>
         Show about modal
       </Button>
@@ -49,6 +49,6 @@ export const AboutModalComplexUserPositionedContent: React.FunctionComponent = (
           </dl>
         </Content>
       </AboutModal>
-    </React.Fragment>
+    </Fragment>
   );
 };

packages/react-core/src/components/AboutModal/examples/AboutModalWithoutProductName.tsx

@@ -1,16 +1,16 @@
-import React from 'react';
+import { Fragment, useState } from 'react';
 import { AboutModal, Button, Content } from '@patternfly/react-core';
 import brandImg from '../../assets/PF-IconLogo.svg';
 
 export const AboutModalWithoutProductName: React.FunctionComponent = () => {
-  const [isModalOpen, setIsModalOpen] = React.useState(false);
+  const [isModalOpen, setIsModalOpen] = useState(false);
 
   const toggleModal = (_event: React.MouseEvent<Element, MouseEvent> | KeyboardEvent | MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
   return (
-    <React.Fragment>
+    <Fragment>
       <Button variant="primary" onClick={toggleModal}>
         Show about modal
       </Button>
@@ -42,6 +42,6 @@ export const AboutModalWithoutProductName: React.FunctionComponent = () => {
           </dl>
         </Content>
       </AboutModal>
-    </React.Fragment>
+    </Fragment>
   );
 };

packages/react-core/src/components/Accordion/__tests__/Accordion.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { render, screen } from '@testing-library/react';
 
 import { Accordion } from '../Accordion';

packages/react-core/src/components/Accordion/__tests__/AccordionContent.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { render, screen } from '@testing-library/react';
 
 import { AccordionContent } from '../AccordionContent';

packages/react-core/src/components/Accordion/__tests__/AccordionExpandedContentBody.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { render, screen } from '@testing-library/react';
 
 import { AccordionExpandableContentBody } from '../AccordionExpandableContentBody';

packages/react-core/src/components/Accordion/__tests__/AccordionItem.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { render, screen } from '@testing-library/react';
 import { AccordionItem } from '../AccordionItem';
 import styles from '@patternfly/react-styles/css/components/Accordion/accordion';

packages/react-core/src/components/Accordion/__tests__/AccordionToggle.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { render, screen } from '@testing-library/react';
 
 import { AccordionToggle } from '../AccordionToggle';

packages/react-core/src/components/Accordion/examples/AccordionBordered.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {
   Accordion,
   AccordionItem,

packages/react-core/src/components/Accordion/examples/AccordionDefinitionList.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Accordion, AccordionItem, AccordionContent, AccordionToggle } from '@patternfly/react-core';
 
 export const AccordionDefinitionList: React.FunctionComponent = () => {