Update react imports for react jsx.

MetroStar · Dec 10, 2024 · 334b6f9 · 334b6f9
1 parent 4d33ea5
commit 334b6f9
Show file tree

Hide file tree

Showing 24 changed files with 33 additions and 21 deletions.
diff --git a/packages/comet-extras/src/components/spinner/spinner.figma.tsx b/packages/comet-extras/src/components/spinner/spinner.figma.tsx
@@ -11,6 +11,8 @@ figma.connect(
         Large: 'large',
       }),
     },
-    example: ({ type }) => <Spinner id="spinner" type={type} loadingText="Loading..." />,
+    example: ({ type }) => (
+      <Spinner id="spinner" type={type as 'small' | 'large'} loadingText="Loading..." />
+    ),
   },
 );
diff --git a/packages/comet-extras/src/components/spinner/spinner.tsx b/packages/comet-extras/src/components/spinner/spinner.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import classnames from 'classnames';
 import './spinner.style.css';
 

diff --git a/packages/comet-uswds/src/components/button/button.tsx b/packages/comet-uswds/src/components/button/button.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode, SyntheticEvent } from 'react';
+import React, { JSX, ReactNode, SyntheticEvent } from 'react';
 import classnames from 'classnames';
 
 export interface ButtonProps {

diff --git a/packages/comet-uswds/src/components/character-count/character-count.tsx b/packages/comet-uswds/src/components/character-count/character-count.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useRef } from 'react';
+import React, { JSX, useEffect, useRef } from 'react';
 import classNames from 'classnames';
 import characterCount from '@uswds/uswds/js/usa-character-count';
 

diff --git a/packages/comet-uswds/src/components/checkbox/checkbox.tsx b/packages/comet-uswds/src/components/checkbox/checkbox.tsx
@@ -1,4 +1,4 @@
-import React, { ChangeEventHandler, MouseEventHandler } from 'react';
+import React, { ChangeEventHandler, JSX, MouseEventHandler } from 'react';
 import classnames from 'classnames';
 import FormGroup from '../form-group';
 

diff --git a/packages/comet-uswds/src/components/combo-box/combo-box.tsx b/packages/comet-uswds/src/components/combo-box/combo-box.tsx
@@ -1,6 +1,13 @@
 import { createOption, SelectOptionProps, SelectProps } from '../select/select';
 import comboBox from '@uswds/uswds/js/usa-combo-box';
-import React, { ChangeEventHandler, ReactElement, RefObject, useLayoutEffect, useRef } from 'react';
+import React, {
+  ChangeEventHandler,
+  JSX,
+  ReactElement,
+  RefObject,
+  useLayoutEffect,
+  useRef,
+} from 'react';
 import FormGroup from '../form-group';
 import classNames from 'classnames';
 

diff --git a/packages/comet-uswds/src/components/date-picker/date-picker.tsx b/packages/comet-uswds/src/components/date-picker/date-picker.tsx
@@ -1,5 +1,5 @@
 import datePicker from '@uswds/uswds/js/usa-date-picker';
-import React, { useLayoutEffect, useRef } from 'react';
+import React, { JSX, useLayoutEffect, useRef } from 'react';
 import FormGroup from '../form-group';
 import { ValidationStatus } from '../utils/types';
 import classNames from 'classnames';

diff --git a/packages/comet-uswds/src/components/file-input/file-input.test.tsx b/packages/comet-uswds/src/components/file-input/file-input.test.tsx
@@ -1,7 +1,7 @@
 import { render, RenderOptions, RenderResult } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { axe } from 'jest-axe';
-import React, { ReactNode } from 'react';
+import React, { JSX, ReactNode } from 'react';
 import FileInput from './file-input';
 const customRender = (ui: React.ReactElement, options?: RenderOptions): RenderResult =>
   render(ui, { wrapper: Wrapper, ...options });

diff --git a/packages/comet-uswds/src/components/file-input/file-input.tsx b/packages/comet-uswds/src/components/file-input/file-input.tsx
@@ -1,5 +1,5 @@
 import fileInput from '@uswds/uswds/js/usa-file-input';
-import React, { useLayoutEffect, useRef } from 'react';
+import React, { JSX, useLayoutEffect, useRef } from 'react';
 import FormGroup from '../form-group';
 
 export interface FileInputProps {

diff --git a/packages/comet-uswds/src/components/form/form.tsx b/packages/comet-uswds/src/components/form/form.tsx
@@ -1,4 +1,5 @@
 import classNames from 'classnames';
+import { JSX } from 'react';
 
 export interface FormProps {
   /**

diff --git a/packages/comet-uswds/src/components/label/label.tsx b/packages/comet-uswds/src/components/label/label.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { JSX, ReactNode } from 'react';
 
 export interface LabelProps {
   /**

diff --git a/packages/comet-uswds/src/components/modal/modal.test.tsx b/packages/comet-uswds/src/components/modal/modal.test.tsx
@@ -1,6 +1,6 @@
 import { render, RenderOptions, RenderResult } from '@testing-library/react';
 import { axe } from 'jest-axe';
-import React, { ReactNode } from 'react';
+import React, { JSX, ReactNode } from 'react';
 import Modal from './modal';
 
 const customRender = (ui: React.ReactElement, options?: RenderOptions): RenderResult =>

diff --git a/packages/comet-uswds/src/components/pagination/pagination.tsx b/packages/comet-uswds/src/components/pagination/pagination.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode, SyntheticEvent } from 'react';
+import React, { JSX, ReactNode, SyntheticEvent } from 'react';
 import classNames from 'classnames';
 import sprite from '@uswds/uswds/img/sprite.svg';
 

diff --git a/packages/comet-uswds/src/components/prose/prose.tsx b/packages/comet-uswds/src/components/prose/prose.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { JSX, ReactNode } from 'react';
 import classnames from 'classnames';
 
 export interface ProseProps {

diff --git a/packages/comet-uswds/src/components/radio-button/radio-button.tsx b/packages/comet-uswds/src/components/radio-button/radio-button.tsx
@@ -1,4 +1,4 @@
-import React, { ChangeEventHandler, MouseEventHandler } from 'react';
+import React, { ChangeEventHandler, JSX, MouseEventHandler } from 'react';
 import classnames from 'classnames';
 import FormGroup from '../form-group';
 

diff --git a/packages/comet-uswds/src/components/range-slider/range-slider.tsx b/packages/comet-uswds/src/components/range-slider/range-slider.tsx
@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import FormGroup from '../form-group';
 
 export interface RangeSliderProps {

diff --git a/packages/comet-uswds/src/components/search/search.tsx b/packages/comet-uswds/src/components/search/search.tsx
@@ -1,4 +1,4 @@
-import React, { FormEvent } from 'react';
+import React, { FormEvent, JSX } from 'react';
 import classnames from 'classnames';
 import searchIcon from '@uswds/uswds/img/usa-icons-bg/search--white.svg';
 

diff --git a/packages/comet-uswds/src/components/select/select.tsx b/packages/comet-uswds/src/components/select/select.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import React, { ChangeEventHandler, ReactElement } from 'react';
+import React, { ChangeEventHandler, JSX, ReactElement } from 'react';
 import FormGroup from '../form-group';
 
 export interface SelectOptionProps {

diff --git a/packages/comet-uswds/src/components/side-navigation/side-navigation.stories.tsx b/packages/comet-uswds/src/components/side-navigation/side-navigation.stories.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import { Meta, StoryFn } from '@storybook/react';
 import SideNavigation, {
   SideNavigationItem,

diff --git a/packages/comet-uswds/src/components/side-navigation/side-navigation.test.tsx b/packages/comet-uswds/src/components/side-navigation/side-navigation.test.tsx
@@ -1,6 +1,7 @@
 import { render } from '@testing-library/react';
 import { axe } from 'jest-axe';
 import SideNavigation, { SideNavigationItemProps } from './side-navigation';
+import { JSX } from 'react';
 
 describe('SideNavigation', () => {
   const defaultId = 'side-navigation1';

diff --git a/packages/comet-uswds/src/components/side-navigation/side-navigation.tsx b/packages/comet-uswds/src/components/side-navigation/side-navigation.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement, ReactNode } from 'react';
+import React, { JSX, ReactElement, ReactNode } from 'react';
 
 export interface SideNavigationItemProps {
   /**

diff --git a/packages/comet-uswds/src/components/text-area/text-area.tsx b/packages/comet-uswds/src/components/text-area/text-area.tsx
@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React, { ChangeEventHandler } from 'react';
+import React, { ChangeEventHandler, JSX } from 'react';
 import { ValidationStatus } from '../utils/types';
 import FormGroup from '../form-group';
 

diff --git a/packages/comet-uswds/src/components/text-input/text-input.tsx b/packages/comet-uswds/src/components/text-input/text-input.tsx
@@ -1,4 +1,4 @@
-import React, { ChangeEventHandler, ReactNode, useEffect, useRef } from 'react';
+import React, { ChangeEventHandler, JSX, ReactNode, useEffect, useRef } from 'react';
 import classnames from 'classnames';
 import { getInputMode, getPattern, getPlaceholder, getType } from './input-utils';
 import FormGroup from '../form-group';

diff --git a/packages/comet-uswds/src/components/time-picker/time-picker.tsx b/packages/comet-uswds/src/components/time-picker/time-picker.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import React, { useLayoutEffect, useRef } from 'react';
+import React, { JSX, useLayoutEffect, useRef } from 'react';
 import comboBox from '@uswds/uswds/js/usa-combo-box';
 import timePicker from '@uswds/uswds/js/usa-time-picker';
 import FormGroup from '../form-group';