Remove unused React imports from packages/design (#50200) (#50206)

(cherry picked from commit 77035ef)
gravitational · Dec 13, 2024 · 8c8326d · 8c8326d
1 parent 4cc272e
commit 8c8326d
Show file tree

Hide file tree

Showing 272 changed files with 18 additions and 523 deletions.
diff --git a/web/packages/design/src/Alert/Alert.story.tsx b/web/packages/design/src/Alert/Alert.story.tsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { Restore } from 'design/Icon';
 
 import { Box } from '..';

diff --git a/web/packages/design/src/Alert/Alert.test.tsx b/web/packages/design/src/Alert/Alert.test.tsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { render, screen, theme, userEvent } from 'design/utils/testing';
 
 import { Alert, Banner } from '.';

diff --git a/web/packages/design/src/AnimatedProgressBar/AnimatedProgressBar.story.tsx b/web/packages/design/src/AnimatedProgressBar/AnimatedProgressBar.story.tsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { AnimatedProgressBar as Component } from './AnimatedProgressBar';
 
 export default {

diff --git a/web/packages/design/src/AnimatedProgressBar/AnimatedProgressBar.tsx b/web/packages/design/src/AnimatedProgressBar/AnimatedProgressBar.tsx
@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import styled from 'styled-components';
 
 import Flex from '../Flex';

diff --git a/web/packages/design/src/Box/Box.story.tsx b/web/packages/design/src/Box/Box.story.tsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import styled from 'styled-components';
 
 import Box from './Box';

diff --git a/web/packages/design/src/Button/buttons.story.tsx b/web/packages/design/src/Button/buttons.story.tsx
@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
+import { Fragment } from 'react';
 
 import styled from 'styled-components';
 
@@ -66,7 +66,7 @@ export const Buttons = () => {
         </thead>
         <tbody>
           {fills.map(fill => (
-            <React.Fragment key={fill}>
+            <Fragment key={fill}>
               <tr>
                 <th rowSpan={4}>{fill}</th>
                 <th>neutral</th>
@@ -84,7 +84,7 @@ export const Buttons = () => {
                 <th>success</th>
                 <ButtonTableCells fill={fill} intent="success" />
               </tr>
-            </React.Fragment>
+            </Fragment>
           ))}
         </tbody>
       </Table>{' '}

diff --git a/web/packages/design/src/ButtonIcon/ButtonIcon.jsx b/web/packages/design/src/ButtonIcon/ButtonIcon.jsx
@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import styled from 'styled-components';
 
 import { space, color, alignSelf } from 'design/system';

diff --git a/web/packages/design/src/ButtonIcon/ButtonIcon.test.jsx b/web/packages/design/src/ButtonIcon/ButtonIcon.test.jsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { render } from 'design/utils/testing';
 
 import ButtonIcon from './index';

diff --git a/web/packages/design/src/ButtonLink/ButtonLink.test.tsx b/web/packages/design/src/ButtonLink/ButtonLink.test.tsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { render } from 'design/utils/testing';
 
 import ButtonLink from './index';

diff --git a/web/packages/design/src/ButtonLink/ButtonLink.tsx b/web/packages/design/src/ButtonLink/ButtonLink.tsx
@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import styled from 'styled-components';
 
 import { Button, ButtonProps } from 'design/Button';

diff --git a/web/packages/design/src/Card/Card.story.tsx b/web/packages/design/src/Card/Card.story.tsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { Flex, Text } from '..';
 
 import Card from '.';

diff --git a/web/packages/design/src/CardError/CardError.jsx b/web/packages/design/src/CardError/CardError.jsx
@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
 

diff --git a/web/packages/design/src/CardError/CardError.story.jsx b/web/packages/design/src/CardError/CardError.story.jsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import * as CardError from './CardError';
 
 const message = 'some error message';

diff --git a/web/packages/design/src/CardIcon/CardIcon.jsx b/web/packages/design/src/CardIcon/CardIcon.jsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import Card from 'design/Card';
 import { H1 } from 'design';
 

diff --git a/web/packages/design/src/CardIcon/CardIcon.story.jsx b/web/packages/design/src/CardIcon/CardIcon.story.jsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { Apple } from '../Icon';
 
 import CardIcon from './index';

diff --git a/web/packages/design/src/CardSuccess/CardSuccess.jsx b/web/packages/design/src/CardSuccess/CardSuccess.jsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import CardIcon from 'design/CardIcon';
 import { CircleCheck } from 'design/Icon';
 

diff --git a/web/packages/design/src/CardSuccess/CardSuccess.story.jsx b/web/packages/design/src/CardSuccess/CardSuccess.story.jsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import CardSuccess, { CardSuccessLogin } from './index';
 
 export default {

diff --git a/web/packages/design/src/Checkbox/Checkbox.story.tsx b/web/packages/design/src/Checkbox/Checkbox.story.tsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import styled from 'styled-components';
 
 import { Flex } from '..';

diff --git a/web/packages/design/src/DataTable/InputSearch/InputSearch.tsx b/web/packages/design/src/DataTable/InputSearch/InputSearch.tsx
@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { JSX, FormEvent } from 'react';
+import { JSX, FormEvent } from 'react';
 import styled from 'styled-components';
 
 import {

diff --git a/web/packages/design/src/DataTable/Pager/ClientSidePager/ClientSidePager.tsx b/web/packages/design/src/DataTable/Pager/ClientSidePager/ClientSidePager.tsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { Flex } from 'design';
 import { CircleArrowLeft, CircleArrowRight } from 'design/Icon';
 import { PageIndicatorText } from 'design/DataTable/Pager/PageIndicatorText';

diff --git a/web/packages/design/src/DataTable/Pager/PageIndicatorText.tsx b/web/packages/design/src/DataTable/Pager/PageIndicatorText.tsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { Text } from 'design';
 
 export function PageIndicatorText({

diff --git a/web/packages/design/src/DataTable/Pager/ServerSidePager.tsx b/web/packages/design/src/DataTable/Pager/ServerSidePager.tsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { Flex } from 'design';
 import { CircleArrowLeft, CircleArrowRight } from 'design/Icon';
 

diff --git a/web/packages/design/src/DataTable/Table.test.tsx b/web/packages/design/src/DataTable/Table.test.tsx
@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import { within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 

diff --git a/web/packages/design/src/Dialog/Dialog.story.jsx b/web/packages/design/src/Dialog/Dialog.story.jsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { ButtonPrimary, Input, LabelInput } from './..';
 
 import Dialog, {

diff --git a/web/packages/design/src/Dialog/DialogHeader.jsx b/web/packages/design/src/Dialog/DialogHeader.jsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import styled from 'styled-components';
 
 import { typography } from 'design/system';

diff --git a/web/packages/design/src/Dialog/DialogTitle.jsx b/web/packages/design/src/Dialog/DialogTitle.jsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { H2 } from 'design';
 
 export default function DialogTitle(props) {

diff --git a/web/packages/design/src/Flex/Flex.story.jsx b/web/packages/design/src/Flex/Flex.story.jsx
@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import styled from 'styled-components';
 
 import Box from '../Box';

diff --git a/web/packages/design/src/Icon/Icons/Add.tsx b/web/packages/design/src/Icon/Icons/Add.tsx
@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*

diff --git a/web/packages/design/src/Icon/Icons/AddCircle.tsx b/web/packages/design/src/Icon/Icons/AddCircle.tsx
@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*

diff --git a/web/packages/design/src/Icon/Icons/AddUsers.tsx b/web/packages/design/src/Icon/Icons/AddUsers.tsx
@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*

diff --git a/web/packages/design/src/Icon/Icons/AlarmRing.tsx b/web/packages/design/src/Icon/Icons/AlarmRing.tsx
@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*

diff --git a/web/packages/design/src/Icon/Icons/AmazonAws.tsx b/web/packages/design/src/Icon/Icons/AmazonAws.tsx
@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*

diff --git a/web/packages/design/src/Icon/Icons/Apartment.tsx b/web/packages/design/src/Icon/Icons/Apartment.tsx
@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*

diff --git a/web/packages/design/src/Icon/Icons/Apple.tsx b/web/packages/design/src/Icon/Icons/Apple.tsx
@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*

diff --git a/web/packages/design/src/Icon/Icons/Application.tsx b/web/packages/design/src/Icon/Icons/Application.tsx
@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*

diff --git a/web/packages/design/src/Icon/Icons/Archive.tsx b/web/packages/design/src/Icon/Icons/Archive.tsx
@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*

diff --git a/web/packages/design/src/Icon/Icons/ArrowBack.tsx b/web/packages/design/src/Icon/Icons/ArrowBack.tsx
@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*

diff --git a/web/packages/design/src/Icon/Icons/ArrowDown.tsx b/web/packages/design/src/Icon/Icons/ArrowDown.tsx
@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*

diff --git a/web/packages/design/src/Icon/Icons/ArrowFatLinesUp.tsx b/web/packages/design/src/Icon/Icons/ArrowFatLinesUp.tsx
@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*

diff --git a/web/packages/design/src/Icon/Icons/ArrowForward.tsx b/web/packages/design/src/Icon/Icons/ArrowForward.tsx
@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*

diff --git a/web/packages/design/src/Icon/Icons/ArrowLeft.tsx b/web/packages/design/src/Icon/Icons/ArrowLeft.tsx
@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*

diff --git a/web/packages/design/src/Icon/Icons/ArrowLineLeft.tsx b/web/packages/design/src/Icon/Icons/ArrowLineLeft.tsx
@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*

diff --git a/web/packages/design/src/Icon/Icons/ArrowRight.tsx b/web/packages/design/src/Icon/Icons/ArrowRight.tsx
@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*
-Original file line number
+Diff line change
@@ Expand Up / @@ -40,8 +40,6 @@ SOFTWARE. @@
     */
-    import React from 'react';
     import { Icon, IconProps } from '../Icon';
     /*
@@ Expand Down @@