Bump @woocommerce/eslint-plugin from 2.0.0 to 2.2.0 (#6837)

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Tung Du <[email protected]>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: 3 people

.eslintrc.js

@@ -77,6 +77,7 @@ module.exports = {
 				ignoreGlobals: true,
 			},
 		],
+		'react/react-in-jsx-scope': 'off',
 	},
 	overrides: [
 		{
@@ -125,6 +126,7 @@ module.exports = {
 						},
 					},
 				],
+				'react/react-in-jsx-scope': 'off',
 			},
 		},
 		{

assets/js/base/components/checkbox-list/index.tsx

@@ -141,6 +141,7 @@ const CheckboxList = ( {
 								onChange={ () => {
 									onChange( option.value );
 								} }
+								disabled={ isDisabled }
 							/>
 						</li>
 						{ shouldTruncateOptions &&

assets/js/data/payment/test/set-default-payment-method.ts

@@ -28,7 +28,7 @@ describe( 'setDefaultPaymentMethod', () => {
 		},
 	};
 
-	it( ' correctly sets the first payment method in the list of available payment methods', async () => {
+	it( 'correctly sets the first payment method in the list of available payment methods', async () => {
 		jest.spyOn( wpDataFunctions, 'select' ).mockImplementation(
 			( storeName ) => {
 				const originalStore = originalSelect( storeName );
@@ -72,7 +72,7 @@ describe( 'setDefaultPaymentMethod', () => {
 			'wc-payment-gateway-1'
 		);
 	} );
-	it( ' correctly sets the saved payment method if one is available', async () => {
+	it( 'correctly sets the saved payment method if one is available', async () => {
 		jest.spyOn( wpDataFunctions, 'select' ).mockImplementation(
 			( storeName ) => {
 				const originalStore = originalSelect( storeName );

checkstyle.xml

@@ -2155,7 +2155,6 @@
 <error line="188" column="26" severity="error" message="Property &apos;toBeDisabled&apos; does not exist on type &apos;JestMatchers&lt;HTMLElement&gt;&apos;." source="TS2339" />
 </file>
 <file name="assets/js/blocks/cart/block.js">
-<error line="16" column="30" severity="error" message="Cannot find module &apos;@woocommerce/base-context/providers&apos; or its corresponding type declarations." source="TS2307" />
 <error line="25" column="55" severity="error" message="Expected 0 arguments, but got 1." source="TS2554" />
 <error line="27" column="18" severity="error" message="Binding element &apos;children&apos; implicitly has an &apos;any&apos; type." source="TS7031" />
 <error line="29" column="10" severity="error" message="Property &apos;hasDarkControls&apos; does not exist on type &apos;{}&apos;." source="TS2339" />
@@ -2650,7 +2649,6 @@
 <error line="15" column="68" severity="error" message="Expected 0 arguments, but got 1." source="TS2554" />
 </file>
 <file name="assets/js/blocks/checkout/block.tsx">
-<error line="12" column="39" severity="error" message="Cannot find module &apos;@woocommerce/base-context/providers&apos; or its corresponding type declarations." source="TS2307" />
 <error line="95" column="4" severity="error" message="Type &apos;{ allowCreateAccount: boolean; showCompanyField: boolean; requireCompanyField: boolean; showApartmentField: boolean; showPhoneField: boolean; requirePhoneField: boolean; }&apos; is missing the following properties from type &apos;CheckoutBlockContextProps&apos;: showOrderNotes, showPolicyLinks, showReturnToCart, cartPageId, showRateAfterTaxName" source="TS2739" />
 <error line="184" column="4" severity="error" message="No overload matches this call.
   Overload 1 of 2, &apos;(props: BlockErrorBoundaryProps | Readonly&lt;BlockErrorBoundaryProps&gt;): BlockErrorBoundary&apos;, gave the following error.
@@ -3231,11 +3229,6 @@
   Types of parameters &apos;attributes&apos; and &apos;props&apos; are incompatible.
     Type &apos;BlockProps&lt;Record&lt;string, unknown&gt;, Record&lt;string, unknown&gt;&gt;&apos; is missing the following properties from type &apos;Props&apos;: contents, addToCartBehaviour, hasHiddenPrice" source="TS2322" />
 </file>
-<file name="assets/js/blocks/mini-cart/frontend.ts">
-<error line="5" column="27" severity="error" message="Cannot find module &apos;@woocommerce/base-utils/preload-script&apos; or its corresponding type declarations." source="TS2307" />
-<error line="6" column="28" severity="error" message="Cannot find module &apos;@woocommerce/base-utils/lazy-load-script&apos; or its corresponding type declarations." source="TS2307" />
-<error line="7" column="46" severity="error" message="Cannot find module &apos;@woocommerce/base-utils/legacy-events&apos; or its corresponding type declarations." source="TS2307" />
-</file>
 <file name="assets/js/blocks/mini-cart/index.tsx">
 <error line="36" column="3" severity="error" message="Type &apos;true&apos; has no properties in common with type &apos;Partial&lt;ColorProps&gt;&apos;." source="TS2559" />
 <error line="66" column="2" severity="error" message="Type &apos;({ attributes, setAttributes }: Props) =&gt; ReactElement&apos; is not assignable to type &apos;ComponentType&lt;BlockEditProps&lt;{}&gt;&gt; | undefined&apos;.

package-lock.json

@@ -133,7 +133,7 @@
 		"@woocommerce/api": "0.2.0",
 		"@woocommerce/data": "^4.1.0",
 		"@woocommerce/e2e-utils": "0.2.0",
-		"@woocommerce/eslint-plugin": "2.0.0",
+		"@woocommerce/eslint-plugin": "2.2.0",
 		"@woocommerce/woocommerce-rest-api": "1.0.1",
 		"@wordpress/api-fetch": "6.11.0",
 		"@wordpress/babel-preset-default": "6.14.0",

package.json

@@ -105,6 +105,7 @@ describe( 'Shopper → Cart', () => {
 		await shopper.block.productIsInCart( SIMPLE_VIRTUAL_PRODUCT_NAME, 4 );
 	} );
 
+	// eslint-disable-next-line jest/expect-expect
 	it( 'User can see Cross-Sells products block', async () => {
 		await shopper.block.emptyCart();
 		await shopper.block.goToShop();

tests/e2e/specs/shopper/cart-checkout/cart.test.js

@@ -106,7 +106,7 @@ describe( `${ block.name } Block`, () => {
 		} );
 	} );
 
-	describe( 'with PHP classic template ', () => {
+	describe( 'with PHP classic template', () => {
 		const productCatalogTemplateId =
 			'woocommerce/woocommerce//archive-product';
 

tests/e2e/specs/shopper/filter-products-by-attribute.test.ts

@@ -110,7 +110,7 @@ describe( `${ block.name } Block`, () => {
 		} );
 	} );
 
-	describe( 'with PHP classic template ', () => {
+	describe( 'with PHP classic template', () => {
 		const productCatalogTemplateId =
 			'woocommerce/woocommerce//archive-product';
 

tests/e2e/specs/shopper/filter-products-by-price.test.ts

@@ -88,7 +88,7 @@ describe( `${ block.name } Block`, () => {
 		} );
 	} );
 
-	describe( 'with PHP classic template ', () => {
+	describe( 'with PHP classic template', () => {
 		const productCatalogTemplateId =
 			'woocommerce/woocommerce//archive-product';