ESLint: Enable ignoreRestSiblings option for no-unused-vars rule (#41897)

* ESLint: Enable ignoreRestSiblings option for no-unused-vars rule

* Remove unnecessary ESLint ignores

* Add changelog

Author: tyxla

package-lock.json

@@ -18,13 +18,11 @@ export default [
 		},
 		supports,
 		migrate: ( oldAttributes ) => {
-			/* eslint-disable no-unused-vars */
 			const {
 				singleCommentLabel,
 				multipleCommentsLabel,
 				...newAttributes
 			} = oldAttributes;
-			/* eslint-enable no-unused-vars */
 			return newAttributes;
 		},
 		isEligible: ( { multipleCommentsLabel, singleCommentLabel } ) =>

packages/block-library/src/comments-title/deprecated.js

@@ -66,7 +66,6 @@ const GradientTypePicker = ( { gradientAST, hasGradient, onChange } ) => {
 	};
 
 	const onSetRadialGradient = () => {
-		// eslint-disable-next-line no-unused-vars
 		const { orientation, ...restGradientAST } = gradientAST;
 		onChange(
 			serializeGradient( {

packages/components/src/custom-gradient-picker/index.js

@@ -98,13 +98,8 @@ class KeyboardAvoidingView extends Component {
 	}
 
 	render() {
-		const {
-			children,
-			enabled,
-			keyboardVerticalOffset, // eslint-disable-line no-unused-vars
-			style,
-			...props
-		} = this.props;
+		const { children, enabled, keyboardVerticalOffset, style, ...props } =
+			this.props;
 
 		let finalStyle = style;
 		if ( Platform.OS === 'ios' ) {

packages/components/src/mobile/bottom-sheet/keyboard-avoiding-view.native.js

@@ -9,7 +9,6 @@ export const useNavigationTreeNodes = () => {
 	const getNode = ( key ) => nodes[ key ];
 
 	const addNode = ( key, value ) => {
-		// eslint-disable-next-line no-unused-vars
 		const { children, ...newNode } = value;
 		return setNodes( ( original ) => ( {
 			...original,
@@ -19,7 +18,6 @@ export const useNavigationTreeNodes = () => {
 
 	const removeNode = ( key ) => {
 		return setNodes( ( original ) => {
-			// eslint-disable-next-line no-unused-vars
 			const { [ key ]: removedNode, ...remainingNodes } = original;
 			return remainingNodes;
 		} );

packages/components/src/navigation/use-navigation-tree-nodes.js

@@ -319,13 +319,7 @@ class NativeEditorProvider extends Component {
 	}
 
 	render() {
-		const {
-			children,
-			post, // eslint-disable-line no-unused-vars
-			capabilities,
-			settings,
-			...props
-		} = this.props;
+		const { children, post, capabilities, settings, ...props } = this.props;
 		const editorSettings = this.getEditorSettings( settings, capabilities );
 
 		return (

packages/editor/src/components/provider/index.native.js

@@ -646,7 +646,6 @@ export function renderNativeComponent(
 		// place of children. Ensure to omit so it is not assigned as attribute
 		// as well.
 		content = renderChildren( props.value, context, legacyContext );
-		// eslint-disable-next-line no-unused-vars
 		const { value, ...restProps } = props;
 		props = restProps;
 	} else if (

packages/element/src/serialize.js

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+-   Enable `no-unused-vars`'s setting `ignoreRestSiblings` to allow unused variables when destructuring with rest properties ([#41897](https://github.com/WordPress/gutenberg/pull/41897)).
+
 ## 12.2.0 (2022-05-04)
 
 ### Bug Fix

packages/eslint-plugin/CHANGELOG.md

@@ -52,7 +52,7 @@ module.exports = {
 		'no-unreachable': 'error',
 		'no-unsafe-negation': 'error',
 		'no-unused-expressions': 'error',
-		'no-unused-vars': 'error',
+		'no-unused-vars': [ 'error', { ignoreRestSiblings: true } ],
 		'no-useless-return': 'error',
 		'no-whitespace-before-property': 'error',
 		'no-with': 'error',

packages/eslint-plugin/configs/es5.js

@@ -9,7 +9,7 @@ module.exports = {
 		'no-trailing-spaces': 'error',
 		'no-undef': 'error',
 		'no-unused-expressions': 'error',
-		'no-unused-vars': 'error',
+		'no-unused-vars': [ 'error', { ignoreRestSiblings: true } ],
 		'one-var': [ 'error', 'always' ],
 		quotes: [ 'error', 'single' ],
 		'wrap-iife': [ 'error', 'any' ],