npx react-codemod update-react-imports polaris-react/src

polaris-react/src/components/AccountConnection/AccountConnection.stories.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {AccountConnection, Link} from '@shopify/polaris';
 

polaris-react/src/components/AccountConnection/AccountConnection.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 import type {Action} from '../../types';
 import {Avatar} from '../Avatar';

polaris-react/src/components/AccountConnection/tests/AccountConnection.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 import {matchMedia} from '@shopify/jest-dom-mocks';
 

polaris-react/src/components/ActionList/ActionList.stories.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   ActionList,

polaris-react/src/components/ActionList/ActionList.tsx

@@ -1,4 +1,4 @@
-import React, {useRef} from 'react';
+import { useRef } from 'react';
 
 import {
   wrapFocusNextFocusableMenuItem,

polaris-react/src/components/ActionList/components/Item/Item.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 import {classNames} from '../../../../utilities/css';
 import type {ActionListItemDescriptor} from '../../../../types';

polaris-react/src/components/ActionList/components/Item/tests/Item.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Item} from '../Item';

polaris-react/src/components/ActionList/components/Section/Section.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {Item} from '../Item';
 import {Box} from '../../../Box';
 import {Text} from '../../../Text';

polaris-react/src/components/ActionList/components/Section/tests/Section.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Item} from '../../Item';

polaris-react/src/components/ActionList/tests/ActionList.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {ImportMinor, ExportMinor} from '@shopify/polaris-icons';
 import {mountWithApp} from 'tests/utilities';
 

polaris-react/src/components/ActionMenu/ActionMenu.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../utilities/css';
 import type {
   ActionListSection,

polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback, useMemo, useRef, useState} from 'react';
+import { useCallback, useMemo, useRef, useState } from 'react';
 
 import type {
   ActionListItemDescriptor,

polaris-react/src/components/ActionMenu/components/Actions/tests/Actions.test.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {ActionMenuProps, ActionMenu} from '../../..';

polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback} from 'react';
+import { useCallback } from 'react';
 
 import type {ActionListSection, MenuGroupDescriptor} from '../../../../types';
 import {ActionList} from '../../../ActionList';

polaris-react/src/components/ActionMenu/components/MenuGroup/tests/MenuGroup.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {ActionList} from '../../../../ActionList';

polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {HorizontalDotsMinor} from '@shopify/polaris-icons';
 
 import type {

polaris-react/src/components/ActionMenu/components/RollupActions/tests/RollupActions.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {HorizontalDotsMinor} from '@shopify/polaris-icons';
 import {mountWithApp} from 'tests/utilities';
 

polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx

@@ -1,4 +1,5 @@
-import React, {useEffect, useRef} from 'react';
+import { useEffect, useRef } from 'react';
+import * as React from 'react';
 
 import {classNames} from '../../../../utilities/css';
 import {Tooltip} from '../../../Tooltip';

polaris-react/src/components/ActionMenu/tests/ActionMenu.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import type {

polaris-react/src/components/AfterInitialMount/AfterInitialMount.tsx

@@ -1,4 +1,4 @@
-import React, {ReactNode, useEffect} from 'react';
+import { ReactNode, useEffect } from 'react';
 
 import {useIsAfterInitialMount} from '../../utilities/use-is-after-initial-mount';
 

polaris-react/src/components/AfterInitialMount/test/AfterInitialMount.test.tsx

@@ -1,4 +1,4 @@
-import React, {useEffect} from 'react';
+import { useEffect } from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {AfterInitialMount} from '../AfterInitialMount';

polaris-react/src/components/AppProvider/AppProvider.stories.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   AppProvider,

polaris-react/src/components/AppProvider/AppProvider.tsx

@@ -1,4 +1,5 @@
-import React, {Component} from 'react';
+import { Component } from 'react';
+import * as React from 'react';
 
 import {EphemeralPresenceManager} from '../EphemeralPresenceManager';
 import {MediaQueryProvider} from '../MediaQueryProvider';

polaris-react/src/components/AppProvider/tests/AppProvider.test.tsx

@@ -1,4 +1,5 @@
-import React, {useContext} from 'react';
+import { useContext } from 'react';
+import * as React from 'react';
 import {matchMedia} from '@shopify/jest-dom-mocks';
 import {mountWithApp} from 'tests/utilities';
 

polaris-react/src/components/Autocomplete/Autocomplete.stories.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback, useMemo, useState} from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Autocomplete,

polaris-react/src/components/Autocomplete/Autocomplete.tsx

@@ -1,4 +1,5 @@
-import React, {useMemo, useCallback} from 'react';
+import { useMemo, useCallback } from 'react';
+import * as React from 'react';
 
 import type {
   ActionListItemDescriptor,

polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.tsx

@@ -1,4 +1,5 @@
-import React, {useMemo} from 'react';
+import { useMemo } from 'react';
+import * as React from 'react';
 
 import type {ActionListItemDescriptor} from '../../../../types';
 import {Badge} from '../../../Badge';

polaris-react/src/components/Autocomplete/components/MappedAction/tests/MappedAction.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithListboxProvider} from 'tests/utilities/listbox';
 
 import {Listbox} from '../../../../Listbox';

polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx

@@ -1,4 +1,4 @@
-import React, {memo} from 'react';
+import { memo } from 'react';
 
 import type {OptionDescriptor, ArrayElement} from '../../../../types';
 import {Listbox} from '../../../Listbox';

polaris-react/src/components/Autocomplete/components/MappedOption/tests/MappedOption.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithListboxProvider} from 'tests/utilities/listbox';
 
 import {Listbox} from '../../../../Listbox';

polaris-react/src/components/Autocomplete/tests/Autocomplete.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp, ReactTestingElement, CustomRoot} from 'tests/utilities';
 
 import {TextField} from '../../TextField';

polaris-react/src/components/Avatar/Avatar.stories.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   ActionList,

polaris-react/src/components/Avatar/Avatar.tsx

@@ -1,4 +1,4 @@
-import React, {useState, useCallback, useEffect} from 'react';
+import { useState, useCallback, useEffect } from 'react';
 
 import {classNames, variationName} from '../../utilities/css';
 import {useI18n} from '../../utilities/i18n';

polaris-react/src/components/Avatar/tests/Avatar-ssr.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Image} from '../../Image';

polaris-react/src/components/Avatar/tests/Avatar.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Image} from '../../Image';

polaris-react/src/components/Backdrop/Backdrop.tsx

@@ -1,4 +1,4 @@
-import React, {Dispatch, SetStateAction} from 'react';
+import { Dispatch, SetStateAction } from 'react';
 
 import {classNames} from '../../utilities/css';
 import {ScrollLock} from '../ScrollLock';

polaris-react/src/components/Backdrop/tests/Backdrop.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Backdrop} from '..';

polaris-react/src/components/Badge/Badge.stories.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Badge} from '@shopify/polaris';
 

polaris-react/src/components/Badge/Badge.tsx

@@ -1,4 +1,4 @@
-import React, {useContext} from 'react';
+import { useContext } from 'react';
 
 import {classNames, variationName} from '../../utilities/css';
 import {useI18n} from '../../utilities/i18n';

polaris-react/src/components/Badge/components/Pip/Pip.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames, variationName} from '../../../../utilities/css';
 import type {Progress, Status} from '../../types';
 import {Text} from '../../../Text';

polaris-react/src/components/Badge/tests/Badge.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 import {GlobeMinor} from '@shopify/polaris-icons';
 

polaris-react/src/components/Banner/Banner.stories.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback, useEffect, useRef, useState} from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Stack,

polaris-react/src/components/Banner/Banner.tsx

@@ -1,10 +1,5 @@
-import React, {
-  forwardRef,
-  useRef,
-  useState,
-  useContext,
-  useImperativeHandle,
-} from 'react';
+import { forwardRef, useRef, useState, useContext, useImperativeHandle } from 'react';
+import * as React from 'react';
 import {
   CancelSmallMinor,
   CircleTickMajor,

polaris-react/src/components/Banner/tests/Banner.test.tsx

@@ -1,4 +1,5 @@
-import React, {useEffect, useRef} from 'react';
+import { useEffect, useRef } from 'react';
+import * as React from 'react';
 import {
   CirclePlusMinor,
   CircleTickMajor,

polaris-react/src/components/Bleed/Bleed.stories.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Card, Bleed, Box, Divider, LegacyStack, Text} from '@shopify/polaris';
 

polaris-react/src/components/Bleed/Bleed.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import type {SpacingSpaceScale} from '@shopify/polaris-tokens';
 
 import {

polaris-react/src/components/Bleed/tests/Bleed.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Bleed} from '../Bleed';

polaris-react/src/components/Box/Box.stories.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Stack, Box, Icon} from '@shopify/polaris';
 import {PaintBrushMajor} from '@shopify/polaris-icons';

polaris-react/src/components/Box/Box.tsx

@@ -1,4 +1,5 @@
-import React, {createElement, forwardRef} from 'react';
+import { createElement, forwardRef } from 'react';
+import * as React from 'react';
 import type {
   ColorsActionTokenAlias,
   ColorsBackdropTokenAlias,

polaris-react/src/components/Box/tests/Box.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import {mountWithApp} from 'tests/utilities';
 import type {ColorsTokenName, ShapeTokenName} from '@shopify/polaris-tokens';
 

polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {ArrowLeftMinor} from '@shopify/polaris-icons';
 
 import {Icon} from '../Icon';

polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import type {CallbackAction, LinkAction} from '../../../types';

polaris-react/src/components/BulkActions/BulkActions.tsx

@@ -1,4 +1,4 @@
-import React, {PureComponent, createRef} from 'react';
+import { PureComponent, createRef } from 'react';
 import {Transition} from 'react-transition-group';
 
 import {debounce} from '../../utilities/debounce';

polaris-react/src/components/BulkActions/components/BulkActionButton/BulkActionButton.tsx

@@ -1,4 +1,4 @@
-import React, {useRef} from 'react';
+import { useRef } from 'react';
 import {HorizontalDotsMinor} from '@shopify/polaris-icons';
 
 import type {DisableableAction} from '../../../../types';

polaris-react/src/components/BulkActions/components/BulkActionMenu/BulkActionMenu.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {Popover} from '../../../Popover';
 import {ActionList} from '../../../ActionList';
 import {BulkActionButton} from '../BulkActionButton';

polaris-react/src/components/BulkActions/components/BulkActionMenu/tests/BulkActionMenu.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {ActionList} from '../../../../ActionList';

polaris-react/src/components/BulkActions/hooks/tests/use-is-bulk-actions-sticky.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {intersectionObserver} from '@shopify/jest-dom-mocks';
 import {mountWithApp} from 'tests/utilities';
 

polaris-react/src/components/BulkActions/tests/BulkActions.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {Transition, CSSTransition} from 'react-transition-group';
 import {mountWithApp} from 'tests/utilities';
 

polaris-react/src/components/Button/Button.stories.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Button, ButtonGroup} from '@shopify/polaris';
 

polaris-react/src/components/Button/Button.tsx

@@ -1,4 +1,5 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
+import * as React from 'react';
 import {
   CaretDownMinor,
   CaretUpMinor,

polaris-react/src/components/Button/tests/Button.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {
   CaretDownMinor,
   CaretUpMinor,

polaris-react/src/components/Button/utils.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 import type {ComplexAction} from '../../types';
 

polaris-react/src/components/ButtonGroup/ButtonGroup.stories.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Button, ButtonGroup} from '@shopify/polaris';
 

polaris-react/src/components/ButtonGroup/ButtonGroup.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 import {classNames} from '../../utilities/css';
 import {elementChildren} from '../../utilities/components';

polaris-react/src/components/ButtonGroup/components/Item/Item.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 import {useToggle} from '../../../../utilities/use-toggle';
 import {classNames} from '../../../../utilities/css';

polaris-react/src/components/ButtonGroup/components/Item/tests/Item.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Button} from '../../../../Button';

polaris-react/src/components/ButtonGroup/tests/ButtonGroup.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Button} from '../../Button';

polaris-react/src/components/CalloutCard/CalloutCard.stories.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Badge, CalloutCard, Text} from '@shopify/polaris';