Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Replace react imports with wordpress/element (https://github.com/woocommerce/woocommerce-blocks/pull/8520) 

* Replace react imports with wordpress/element

* Fix TS errors

* Update a couple of React type imports
This commit is contained in:
Albert Juhé Lluveras 2023-03-02 15:26:00 +01:00 committed by GitHub
parent 363fe84039
commit 1d0adeed28
63 changed files with 93 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
plugins/woocommerce-blocks/.eslintrc.js
View File

@ -70,6 +70,19 @@ module.exports = {
allowedTextDomain: [ 'woo-gutenberg-products-block' ],
},
],
'@typescript-eslint/no-restricted-imports': [
'error',
{
paths: [
{
name: 'react',
message:
'Please use React API through `@wordpress/element` instead.',
allowTypeImports: true,
},
],
},
],
camelcase: [
'error',
{

2
plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/add-to-cart/product-types/variable/variation-attributes/attribute-select-control.tsx
View File

@ -5,7 +5,7 @@ import { __ } from '@wordpress/i18n';
import { decodeEntities } from '@wordpress/html-entities';
import { SelectControl } from 'wordpress-components';
import type { SelectControl as SelectControlType } from '@wordpress/components';
import { useEffect } from 'react';
import { useEffect } from '@wordpress/element';
import classnames from 'classnames';
import { ValidationInputError } from '@woocommerce/blocks-checkout';
import { VALIDATION_STORE_KEY } from '@woocommerce/block-data';

2
plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/category-list/block.tsx
View File

@ -10,7 +10,7 @@ import {
import { useColorProps, useTypographyProps } from '@woocommerce/base-hooks';
import { isEmpty } from 'lodash';
import { withProductDataContext } from '@woocommerce/shared-hocs';
import { HTMLAttributes } from 'react';
import type { HTMLAttributes } from 'react';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/price/block.tsx
View File

@ -14,8 +14,8 @@ import {
useTypographyProps,
} from '@woocommerce/base-hooks';
import { withProductDataContext } from '@woocommerce/shared-hocs';
import type { HTMLAttributes } from 'react';
import { CurrencyCode } from '@woocommerce/type-defs/currency';
import type { HTMLAttributes } from 'react';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/price/edit.tsx
View File

@ -6,7 +6,7 @@ import {
BlockControls,
useBlockProps,
} from '@wordpress/block-editor';
import { useEffect } from 'react';
import { useEffect } from '@wordpress/element';
import type { BlockAlignment } from '@wordpress/blocks';
/**

2
plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/rating/edit.tsx
View File

@ -8,7 +8,7 @@ import {
useBlockProps,
} from '@wordpress/block-editor';
import type { BlockEditProps } from '@wordpress/blocks';
import { useEffect } from 'react';
import { useEffect } from '@wordpress/element';
import { ProductQueryContext as Context } from '@woocommerce/blocks/product-query/types';
/**

2
plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/sale-badge/edit.tsx
View File

@ -4,7 +4,7 @@
import { useBlockProps } from '@wordpress/block-editor';
import type { BlockEditProps } from '@wordpress/blocks';
import { ProductQueryContext as Context } from '@woocommerce/blocks/product-query/types';
import { useEffect } from 'react';
import { useEffect } from '@wordpress/element';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/sku/edit.tsx
View File

@ -5,7 +5,7 @@ import { __ } from '@wordpress/i18n';
import type { BlockEditProps } from '@wordpress/blocks';
import EditProductLink from '@woocommerce/editor-components/edit-product-link';
import { ProductQueryContext as Context } from '@woocommerce/blocks/product-query/types';
import { useEffect } from 'react';
import { useEffect } from '@wordpress/element';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/stock-indicator/edit.tsx
View File

@ -5,7 +5,7 @@ import EditProductLink from '@woocommerce/editor-components/edit-product-link';
import { useBlockProps } from '@wordpress/block-editor';
import type { BlockEditProps } from '@wordpress/blocks';
import { ProductQueryContext as Context } from '@woocommerce/blocks/product-query/types';
import { useEffect } from 'react';
import { useEffect } from '@wordpress/element';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/title/block.tsx
View File

@ -2,7 +2,6 @@
* External dependencies
*/
import classnames from 'classnames';
import { HTMLAttributes } from 'react';
import {
useInnerBlockLayoutContext,
useProductDataContext,
@ -16,6 +15,7 @@ import {
useTypographyProps,
useColorProps,
} from '@woocommerce/base-hooks';
import type { HTMLAttributes } from 'react';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/base/components/block-error-boundary/index.tsx
View File

@ -1,7 +1,7 @@
/**
* External dependencies
*/
import { Component } from 'react';
import { Component } from '@wordpress/element';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/shipping-rates-control-package/index.tsx
View File

@ -4,7 +4,6 @@
import classNames from 'classnames';
import { _n, sprintf } from '@wordpress/i18n';
import { decodeEntities } from '@wordpress/html-entities';
import type { ReactElement } from 'react';
import { Panel } from '@woocommerce/blocks-checkout';
import Label from '@woocommerce/base-components/label';
import { useCallback } from '@wordpress/element';
@ -14,6 +13,7 @@ import {
} from '@woocommerce/base-context/hooks';
import { sanitizeHTML } from '@woocommerce/utils';
import { debounce } from 'lodash';
import type { ReactElement } from 'react';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/shipping-rates-control/types.ts
View File

@ -1,8 +1,8 @@
/**
* External dependencies
*/
import { ReactElement } from 'react';
import { CartResponseShippingRate } from '@woocommerce/type-defs/cart-response';
import type { ReactElement } from 'react';
/**
* Internal dependencies

5
plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/totals/coupon/index.tsx
View File

@ -13,6 +13,7 @@ import {
import { useSelect } from '@wordpress/data';
import { VALIDATION_STORE_KEY } from '@woocommerce/block-data';
import classnames from 'classnames';
import type { MouseEvent } from 'react';
/**
* Internal dependencies
@ -62,13 +63,13 @@ export const TotalsCoupon = ( {
};
} );
const handleCouponAnchorClick = (
e: React.MouseEvent< HTMLAnchorElement, MouseEvent >
e: MouseEvent< HTMLAnchorElement, MouseEvent >
) => {
e.preventDefault();
setIsCouponFormHidden( false );
};
const handleCouponSubmit = (
e: React.MouseEvent< HTMLButtonElement, MouseEvent >
e: MouseEvent< HTMLButtonElement, MouseEvent >
) => {
e.preventDefault();
if ( onSubmit !== undefined ) {

4
plugins/woocommerce-blocks/assets/js/base/components/product-list/types.ts
View File

@ -1,8 +1,8 @@
/**
* External dependencies
*/
import { ChangeEventHandler } from 'react';
import { ProductResponseItem } from '@woocommerce/types';
import type { ChangeEventHandler } from 'react';
import type { ProductResponseItem } from '@woocommerce/types';
interface GenerateQueryProps {
sortValue: string;

2
plugins/woocommerce-blocks/assets/js/base/components/product-name/index.tsx
View File

@ -3,7 +3,7 @@
*/
import { decodeEntities } from '@wordpress/html-entities';
import classnames from 'classnames';
import { AnchorHTMLAttributes, HTMLAttributes } from 'react';
import type { AnchorHTMLAttributes, HTMLAttributes } from 'react';
/**
* Internal dependencies

13
plugins/woocommerce-blocks/assets/js/base/components/read-more/index.tsx
View File

@ -1,8 +1,9 @@
/**
* External dependencies
*/
import React, { createRef, Component } from 'react';
import { createRef, Component } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import type { MouseEvent, RefObject, ReactNode } from 'react';
/**
* Internal dependencies
@ -13,7 +14,7 @@ export interface ReadMoreProps {
/**
* The entire content to clamp
*/
children: React.ReactNode;
children: ReactNode;
/**
* Class names for the wrapped component
*/
@ -56,7 +57,7 @@ interface ReadMoreState {
/**
* Content is passed in via children.
*/
content: React.ReactNode;
content: ReactNode;
/**
* Summary content generated from content HTML.
*/
@ -79,8 +80,8 @@ export const defaultProps = {
class ReadMore extends Component< ReadMoreProps, ReadMoreState > {
static defaultProps = defaultProps;
private reviewSummary: React.RefObject< HTMLDivElement >;
private reviewContent: React.RefObject< HTMLDivElement >;
private reviewSummary: RefObject< HTMLDivElement >;
private reviewContent: RefObject< HTMLDivElement >;
constructor( props: ReadMoreProps ) {
super( props );
@ -192,7 +193,7 @@ class ReadMore extends Component< ReadMoreProps, ReadMoreState > {
/**
* Handles the click event for the read more/less button.
*/
onClick( e: React.MouseEvent< HTMLAnchorElement, MouseEvent > ): void {
onClick( e: MouseEvent< HTMLAnchorElement, MouseEvent > ): void {
e.preventDefault();
const { isExpanded } = this.state;

2
plugins/woocommerce-blocks/assets/js/base/components/reviews/review-sort-select/index.tsx
View File

@ -3,7 +3,7 @@
*/
import { __ } from '@wordpress/i18n';
import SortSelect from '@woocommerce/base-components/sort-select';
import { ChangeEventHandler } from 'react';
import type { ChangeEventHandler } from 'react';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/base/components/sidebar-layout/main.tsx
View File

@ -1,7 +1,7 @@
/**
* External dependencies
*/
import { forwardRef } from 'react';
import { forwardRef } from '@wordpress/element';
import classNames from 'classnames';
/**

2
plugins/woocommerce-blocks/assets/js/base/components/sidebar-layout/sidebar.tsx
View File

@ -1,7 +1,7 @@
/**
* External dependencies
*/
import { forwardRef } from 'react';
import { forwardRef } from '@wordpress/element';
import classNames from 'classnames';
/**

2
plugins/woocommerce-blocks/assets/js/base/components/sort-select/index.tsx
View File

@ -4,7 +4,7 @@
import classNames from 'classnames';
import Label from '@woocommerce/base-components/label';
import { withInstanceId } from '@wordpress/compose';
import { ChangeEventHandler } from 'react';
import type { ChangeEventHandler } from 'react';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/base/components/summary/index.tsx
View File

@ -3,7 +3,7 @@
*/
import { RawHTML, useMemo } from '@wordpress/element';
import { WordCountType } from '@woocommerce/block-settings';
import { CSSProperties } from 'react';
import type { CSSProperties } from 'react';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/base/components/title/index.tsx
View File

@ -2,7 +2,7 @@
* External dependencies
*/
import classNames from 'classnames';
import { ReactNode } from 'react';
import type { ReactNode } from 'react';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/base/hocs/with-reviews.js
View File

@ -1,7 +1,7 @@
/**
* External dependencies
*/
import { Component } from 'react';
import { Component } from '@wordpress/element';
import PropTypes from 'prop-types';
import isShallowEqual from '@wordpress/is-shallow-equal';

2
plugins/woocommerce-blocks/assets/js/base/hooks/use-local-storage-state.ts
View File

@ -2,7 +2,7 @@
* External dependencies
*/
import { useEffect, useState } from '@wordpress/element';
import { Dispatch, SetStateAction } from 'react';
import type { Dispatch, SetStateAction } from 'react';
export const useLocalStorageState = < T >(
key: string,

2
plugins/woocommerce-blocks/assets/js/base/hooks/use-previous.ts
View File

@ -1,7 +1,7 @@
/**
* External dependencies
*/
import { useRef, useEffect } from 'react';
import { useRef, useEffect } from '@wordpress/element';
interface Validation< T > {
( value: T, previousValue: T | undefined ): boolean;

3
plugins/woocommerce-blocks/assets/js/blocks/cart-checkout-shared/hacks.ts
View File

@ -19,10 +19,11 @@ import {
import { isTextField } from '@wordpress/dom';
import { subscribe, select as _select } from '@wordpress/data';
import { useEffect, useRef } from '@wordpress/element';
import { MutableRefObject } from 'react';
import { BACKSPACE, DELETE } from '@wordpress/keycodes';
import { hasFilter } from '@wordpress/hooks';
import { getBlockType } from '@wordpress/blocks';
import type { MutableRefObject } from 'react';
/**
* Toggle class on body.
*

2
plugins/woocommerce-blocks/assets/js/blocks/cart-checkout-shared/payment-methods/payment-method-error-boundary.js
View File

@ -2,7 +2,7 @@
* External dependencies
*/
import { __ } from '@wordpress/i18n';
import { Component } from 'react';
import { Component } from '@wordpress/element';
import PropTypes from 'prop-types';
import { CURRENT_USER_IS_ADMIN } from '@woocommerce/settings';
import { StoreNoticesContainer } from '@woocommerce/blocks-checkout';

2
plugins/woocommerce-blocks/assets/js/blocks/cart-checkout-shared/use-forced-layout.ts
View File

@ -10,7 +10,7 @@ import {
BlockInstance,
} from '@wordpress/blocks';
import type { Block, TemplateArray } from '@wordpress/blocks';
import { MutableRefObject } from 'react';
import type { MutableRefObject } from 'react';
interface LockableBlock extends Block {
attributes: {

2
plugins/woocommerce-blocks/assets/js/blocks/checkout/inner-blocks/checkout-shipping-methods-block/block.tsx
View File

@ -1,7 +1,6 @@
/**
* External dependencies
*/
import { type ReactElement } from 'react';
import { __ } from '@wordpress/i18n';
import { useShippingData } from '@woocommerce/base-context/hooks';
import { ShippingRatesControl } from '@woocommerce/base-components/cart-checkout';
@ -21,6 +20,7 @@ import type {
PackageRateOption,
CartShippingPackageShippingRate,
} from '@woocommerce/types';
import type { ReactElement } from 'react';
/**
* Internal dependencies

4
plugins/woocommerce-blocks/assets/js/blocks/featured-items/block-controls.tsx
View File

@ -1,19 +1,19 @@
/**
* External dependencies
*/
import { ComponentType, Dispatch, SetStateAction } from 'react';
import { __ } from '@wordpress/i18n';
import {
AlignmentToolbar,
BlockControls as BlockControlsWrapper,
MediaReplaceFlow,
} from '@wordpress/block-editor';
import type { BlockAlignment } from '@wordpress/blocks';
import { ToolbarButton, ToolbarGroup } from '@wordpress/components';
import { crop } from '@wordpress/icons';
import { WP_REST_API_Category } from 'wp-types';
import { ProductResponseItem } from '@woocommerce/types';
import TextToolbarButton from '@woocommerce/editor-components/text-toolbar-button';
import type { ComponentType, Dispatch, SetStateAction } from 'react';
import type { BlockAlignment } from '@wordpress/blocks';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/blocks/featured-items/constrained-resizable.tsx
View File

@ -2,7 +2,7 @@
* External dependencies
*/
import classnames from 'classnames';
import { useState } from 'react';
import { useState } from '@wordpress/element';
import { ResizableBox } from '@wordpress/components';
/**

2
plugins/woocommerce-blocks/assets/js/blocks/featured-items/edit.tsx
View File

@ -1,8 +1,8 @@
/**
* External dependencies
*/
import { FunctionComponent } from 'react';
import { useBlockProps } from '@wordpress/block-editor';
import type { FunctionComponent } from 'react';
export function Edit< T >( Block: FunctionComponent< T > ) {
return function WithBlock( props: T ): JSX.Element {

2
plugins/woocommerce-blocks/assets/js/blocks/featured-items/image-editor.tsx
View File

@ -3,13 +3,13 @@
/**
* External dependencies
*/
import { ComponentType, Dispatch, SetStateAction } from 'react';
import { WP_REST_API_Category } from 'wp-types';
import { ProductResponseItem } from '@woocommerce/types';
import {
__experimentalImageEditingProvider as ImageEditingProvider,
__experimentalImageEditor as GutenbergImageEditor,
} from '@wordpress/block-editor';
import type { ComponentType, Dispatch, SetStateAction } from 'react';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/blocks/featured-items/inspector-controls.tsx
View File

@ -3,7 +3,6 @@
/**
* External dependencies
*/
import { ComponentType } from 'react';
import { WP_REST_API_Category } from 'wp-types';
import { __ } from '@wordpress/i18n';
import {
@ -22,6 +21,7 @@ import {
ExternalLink,
} from '@wordpress/components';
import { LooselyMustHave, ProductResponseItem } from '@woocommerce/types';
import type { ComponentType } from 'react';
/**
* Internal dependencies

4
plugins/woocommerce-blocks/assets/js/blocks/featured-items/register.tsx
View File

@ -4,12 +4,12 @@
/**
* External dependencies
*/
import type { BlockConfiguration } from '@wordpress/blocks';
import { FunctionComponent } from 'react';
import { InnerBlocks } from '@wordpress/block-editor';
import { registerBlockType } from '@wordpress/blocks';
import { getSetting } from '@woocommerce/settings';
import { isFeaturePluginBuild } from '@woocommerce/block-settings';
import type { FunctionComponent } from 'react';
import type { BlockConfiguration } from '@wordpress/blocks';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/blocks/featured-items/use-background-image.ts
View File

@ -7,7 +7,7 @@ import {
getImageSrcFromProduct,
getImageIdFromProduct,
} from '@woocommerce/utils';
import { useEffect, useState } from 'react';
import { useEffect, useState } from '@wordpress/element';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/blocks/featured-items/with-api-error.tsx
View File

@ -5,7 +5,7 @@ import ErrorPlaceholder, {
ErrorObject,
} from '@woocommerce/editor-components/error-placeholder';
import type { Block } from '@wordpress/blocks';
import { ComponentType } from 'react';
import type { ComponentType } from 'react';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/blocks/featured-items/with-edit-mode.tsx
View File

@ -8,7 +8,7 @@ import { Placeholder, Icon, Button } from '@wordpress/components';
import { __ } from '@wordpress/i18n';
import ProductCategoryControl from '@woocommerce/editor-components/product-category-control';
import ProductControl from '@woocommerce/editor-components/product-control';
import { ComponentType } from 'react';
import type { ComponentType } from 'react';
/**
* Internal dependencies

3
plugins/woocommerce-blocks/assets/js/blocks/featured-items/with-editing-image.tsx
View File

@ -1,7 +1,8 @@
/**
* External dependencies
*/
import { ComponentType, useEffect, useState } from 'react';
import { useEffect, useState } from '@wordpress/element';
import type { ComponentType } from 'react';
/**
* Internal dependencies

9
plugins/woocommerce-blocks/assets/js/blocks/featured-items/with-featured-item.tsx
View File

@ -9,15 +9,10 @@ import { __experimentalGetSpacingClassesAndStyles as getSpacingClassesAndStyles
import { Icon, Placeholder, Spinner } from '@wordpress/components';
import classnames from 'classnames';
import { isEmpty } from 'lodash';
import {
ComponentType,
Dispatch,
SetStateAction,
useCallback,
useState,
} from 'react';
import { useCallback, useState } from '@wordpress/element';
import { WP_REST_API_Category } from 'wp-types';
import { useBorderProps } from '@woocommerce/base-hooks';
import type { ComponentType, Dispatch, SetStateAction } from 'react';
/**
* Internal dependencies

3
plugins/woocommerce-blocks/assets/js/blocks/featured-items/with-update-button-attributes.tsx
View File

@ -1,10 +1,11 @@
/**
* External dependencies
*/
import { ComponentType, useEffect, useMemo, useState } from 'react';
import { useEffect, useMemo, useState } from '@wordpress/element';
import { WP_REST_API_Category } from 'wp-types';
import { ProductResponseItem } from '@woocommerce/types';
import { useDispatch, useSelect } from '@wordpress/data';
import type { ComponentType } from 'react';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/blocks/mini-cart/edit.tsx
View File

@ -2,7 +2,6 @@
* External dependencies
*/
import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
import type { ReactElement } from 'react';
import { formatPrice } from '@woocommerce/price-format';
import {
PanelBody,
@ -14,6 +13,7 @@ import {
import { getSetting } from '@woocommerce/settings';
import { __ } from '@wordpress/i18n';
import Noninteractive from '@woocommerce/base-components/noninteractive';
import type { ReactElement } from 'react';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/blocks/mini-cart/mini-cart-contents/edit.tsx
View File

@ -2,11 +2,11 @@
/**
* External dependencies
*/
import type { ReactElement } from 'react';
import { useBlockProps, InnerBlocks } from '@wordpress/block-editor';
import { EditorProvider } from '@woocommerce/base-context';
import type { TemplateArray } from '@wordpress/blocks';
import { useEffect } from '@wordpress/element';
import type { ReactElement } from 'react';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/blocks/mini-cart/mini-cart-contents/inner-blocks/empty-mini-cart-contents-block/frontend.tsx
View File

@ -2,7 +2,7 @@
* External dependencies
*/
import { useStoreCart } from '@woocommerce/base-context/hooks';
import { useEffect, useRef } from 'react';
import { useEffect, useRef } from '@wordpress/element';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/blocks/product-query/inspector-controls.tsx
View File

@ -1,7 +1,7 @@
/**
* External dependencies
*/
import { ElementType } from 'react';
import type { ElementType } from 'react';
import { __ } from '@wordpress/i18n';
import { InspectorControls } from '@wordpress/block-editor';
import { useSelect } from '@wordpress/data';

2
plugins/woocommerce-blocks/assets/js/blocks/products/all-products/block.js
View File

@ -1,7 +1,7 @@
/**
* External dependencies
*/
import { Component } from 'react';
import { Component } from '@wordpress/element';
import PropTypes from 'prop-types';
import { ProductListContainer } from '@woocommerce/base-components/product-list';
import { InnerBlockLayoutContextProvider } from '@woocommerce/shared-context';

2
plugins/woocommerce-blocks/assets/js/blocks/rating-filter/block.tsx
View File

@ -1,7 +1,6 @@
/**
* External dependencies
*/
import { type ReactElement } from 'react';
import { __, sprintf } from '@wordpress/i18n';
import { speak } from '@wordpress/a11y';
import { Icon, chevronDown } from '@wordpress/icons';
@ -30,6 +29,7 @@ import { addQueryArgs, removeQueryArgs } from '@wordpress/url';
import { changeUrl } from '@woocommerce/utils';
import classnames from 'classnames';
import { difference } from 'lodash';
import type { ReactElement } from 'react';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/assets/js/blocks/rating-filter/test/block.tsx
View File

@ -1,7 +1,7 @@
/**
* External dependencies
*/
import React from 'react';
import React from '@wordpress/element';
import { render, screen, waitFor, within } from '@testing-library/react';
import * as hooks from '@woocommerce/base-context/hooks';
import userEvent from '@testing-library/user-event';

2
plugins/woocommerce-blocks/assets/js/blocks/reviews/editor-block.js
View File

@ -2,7 +2,7 @@
* External dependencies
*/
import { __ } from '@wordpress/i18n';
import { Component } from 'react';
import { Component } from '@wordpress/element';
import PropTypes from 'prop-types';
import { Disabled } from '@wordpress/components';
import { getSetting } from '@woocommerce/settings';

2
plugins/woocommerce-blocks/assets/js/blocks/reviews/frontend-container-block.js
View File

@ -3,7 +3,7 @@
*/
import { __, _n, sprintf } from '@wordpress/i18n';
import { speak } from '@wordpress/a11y';
import { Component } from 'react';
import { Component } from '@wordpress/element';
import PropTypes from 'prop-types';
/**

2
plugins/woocommerce-blocks/assets/js/blocks/stock-filter/test/block.tsx
View File

@ -1,7 +1,7 @@
/**
* External dependencies
*/
import React from 'react';
import React from '@wordpress/element';
import { render, screen, within, waitFor } from '@testing-library/react';
import { default as fetchMock } from 'jest-fetch-mock';
import userEvent from '@testing-library/user-event';

2
plugins/woocommerce-blocks/assets/js/extensions/shipping-methods/shared-components/settings-card/index.tsx
View File

@ -2,8 +2,8 @@
* External dependencies
*/
import { Card, CardBody } from '@wordpress/components';
import type { ReactNode } from 'react';
import styled from '@emotion/styled';
import type { ReactNode } from 'react';
const StyledCard = styled( Card )`
border-radius: 3px;

2
plugins/woocommerce-blocks/assets/js/extensions/shipping-methods/shared-components/settings-section/index.tsx
View File

@ -1,7 +1,7 @@
/**
* External dependencies
*/
import React from 'react';
import React from '@wordpress/element';
import styled from '@emotion/styled';
const StyledSectionWrapper = styled.div`

2
plugins/woocommerce-blocks/assets/js/utils/useThrottle.ts
View File

@ -4,7 +4,7 @@
* External dependencies
*/
import { DebouncedFunc, throttle, ThrottleSettings } from 'lodash';
import { useCallback, useEffect, useRef } from 'react';
import { useCallback, useEffect, useRef } from '@wordpress/element';
/**
* Throttles a function inside a React functional component

2
plugins/woocommerce-blocks/packages/checkout/blocks-registry/types.ts
View File

@ -1,7 +1,7 @@
/**
* External dependencies
*/
import type { LazyExoticComponent } from 'react';
import type { LazyExoticComponent } from '@wordpress/element';
import type { BlockConfiguration } from '@wordpress/blocks';
import type { RegisteredBlockComponent } from '@woocommerce/types';

2
plugins/woocommerce-blocks/packages/checkout/components/error-boundary/index.js
View File

@ -1,7 +1,7 @@
/**
* External dependencies
*/
import { Component } from 'react';
import { Component } from '@wordpress/element';
class CheckoutSlotErrorBoundary extends Component {
state = { errorMessage: '', hasError: false };

2
plugins/woocommerce-blocks/packages/checkout/components/panel/index.tsx
View File

@ -2,9 +2,9 @@
* External dependencies
*/
import { useState } from '@wordpress/element';
import type { ReactNode, ReactElement } from 'react';
import classNames from 'classnames';
import { Icon, chevronUp, chevronDown } from '@wordpress/icons';
import type { ReactNode, ReactElement } from 'react';
/**
* Internal dependencies

4
plugins/woocommerce-blocks/packages/checkout/components/text-input/text-input.tsx
View File

@ -1,9 +1,9 @@
/**
* External dependencies
*/
import { forwardRef, InputHTMLAttributes } from 'react';
import classnames from 'classnames';
import { useState } from '@wordpress/element';
import { forwardRef, useState } from '@wordpress/element';
import type { InputHTMLAttributes } from 'react';
/**
* Internal dependencies

9
plugins/woocommerce-blocks/packages/checkout/components/text-input/validated-text-input.tsx
View File

@ -1,19 +1,14 @@
/**
* External dependencies
*/
import {
useRef,
useEffect,
useState,
useCallback,
InputHTMLAttributes,
} from 'react';
import { useRef, useEffect, useState, useCallback } from '@wordpress/element';
import classnames from 'classnames';
import { withInstanceId } from '@wordpress/compose';
import { isObject } from '@woocommerce/types';
import { useDispatch, useSelect } from '@wordpress/data';
import { VALIDATION_STORE_KEY } from '@woocommerce/block-data';
import { usePrevious } from '@woocommerce/base-hooks';
import type { InputHTMLAttributes } from 'react';
/**
* Internal dependencies

3
plugins/woocommerce-blocks/packages/checkout/components/totals-wrapper/index.tsx
View File

@ -2,7 +2,8 @@
* External dependencies
*/
import classnames from 'classnames';
import { Children, ReactNode } from 'react';
import { Children } from '@wordpress/element';
import type { ReactNode } from 'react';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/packages/checkout/components/totals/subtotal/index.tsx
View File

@ -2,9 +2,9 @@
* External dependencies
*/
import { __ } from '@wordpress/i18n';
import { getSetting } from '@woocommerce/settings';
import type { Currency } from '@woocommerce/price-format';
import type { ReactElement } from 'react';
import { getSetting } from '@woocommerce/settings';
/**
* Internal dependencies

2
plugins/woocommerce-blocks/packages/checkout/components/totals/taxes/index.tsx
View File

@ -6,7 +6,7 @@ import { __ } from '@wordpress/i18n';
import { getSetting } from '@woocommerce/settings';
import type { Currency } from '@woocommerce/price-format';
import type { CartTotalsTaxLineItem } from '@woocommerce/types';
import { ReactElement } from 'react';
import type { ReactElement } from 'react';
/**
* Internal dependencies