eslint-plugin-react-dom 5.5.6-next.0 → 5.6.0-beta.2

package/dist/index.js

@@ -3,6 +3,7 @@ import { merge } from "@eslint-react/eslint";
 import { findAttribute, getAttributeStaticValue, getElementFullType, hasAnyAttribute, hasAttribute, isHostElement, isWhitespace, resolveAttributeValue } from "@eslint-react/jsx";
 import { ESLintUtils } from "@typescript-eslint/utils";
 import { AST_NODE_TYPES } from "@typescript-eslint/types";
+import { Check, Extract } from "@eslint-react/ast";
 import { compare } from "compare-versions";
 
 //#region \0rolldown/runtime.js
@@ -24,45 +25,7 @@ var __exportAll = (all, no_symbols) => {
 //#endregion
 //#region package.json
 var name$2 = "eslint-plugin-react-dom";
-var version = "5.5.6-next.0";
-
-//#endregion
-//#region src/utils/create-jsx-element-resolver.ts
-/**
-* Creates a resolver for JSX elements that determines both the JSX element type
-* and the underlying DOM element type.
-*
-* This resolver handles:
-* 1. Regular HTML elements (div, span, etc.)
-* 2. Polymorphic components (components that can render as different elements via a prop)
-*
-* @param context The ESLint rule context
-* @returns An object with a resolve method to determine element types
-*/
-function createJsxElementResolver(context) {
-	const { polymorphicPropName } = getSettingsFromContext(context);
-	return { 
-	/**
-	* Resolves the JSX element to determine its type and the underlying DOM element type
-	*
-	* @param node The JSX element node to resolve
-	* @returns An object containing the JSX element type and DOM element type
-	*/
-resolve(node) {
-		const elementName = getElementFullType(node);
-		const result = {
-			domElementType: elementName,
-			jsxElementType: elementName
-		};
-		if (elementName === elementName.toLowerCase() || polymorphicPropName == null) return result;
-		const polyPropValue = getAttributeStaticValue(context, node, polymorphicPropName);
-		if (typeof polyPropValue === "string") return {
-			...result,
-			domElementType: polyPropValue
-		};
-		return result;
-	} };
-}
+var version = "5.6.0-beta.2";
 
 //#endregion
 //#region src/utils/create-rule.ts
@@ -221,15 +184,16 @@ function create$11(context) {
 	const hydrateNames = /* @__PURE__ */ new Set();
 	return merge({
 		CallExpression(node) {
+			const callee = Extract.unwrap(node.callee);
 			switch (true) {
-				case node.callee.type === AST_NODE_TYPES.Identifier && hydrateNames.has(node.callee.name):
+				case callee.type === AST_NODE_TYPES.Identifier && hydrateNames.has(callee.name):
 					context.report({
 						fix: getFix$2(context, node),
 						messageId: "default",
 						node
 					});
 					return;
-				case node.callee.type === AST_NODE_TYPES.MemberExpression && node.callee.object.type === AST_NODE_TYPES.Identifier && node.callee.property.type === AST_NODE_TYPES.Identifier && node.callee.property.name === hydrate && reactDomNames.has(node.callee.object.name):
+				case callee.type === AST_NODE_TYPES.MemberExpression && callee.object.type === AST_NODE_TYPES.Identifier && callee.property.type === AST_NODE_TYPES.Identifier && callee.property.name === hydrate && reactDomNames.has(callee.object.name):
 					context.report({
 						fix: getFix$2(context, node),
 						messageId: "default",
@@ -263,6 +227,44 @@ function getFix$2(context, node) {
 	};
 }
 
+//#endregion
+//#region src/utils/create-jsx-element-resolver.ts
+/**
+* Creates a resolver for JSX elements that determines both the JSX element type
+* and the underlying DOM element type.
+*
+* This resolver handles:
+* 1. Regular HTML elements (div, span, etc.)
+* 2. Polymorphic components (components that can render as different elements via a prop)
+*
+* @param context The ESLint rule context
+* @returns An object with a resolve method to determine element types
+*/
+function createJsxElementResolver(context) {
+	const { polymorphicPropName } = getSettingsFromContext(context);
+	return { 
+	/**
+	* Resolves the JSX element to determine its type and the underlying DOM element type
+	*
+	* @param node The JSX element node to resolve
+	* @returns An object containing the JSX element type and DOM element type
+	*/
+resolve(node) {
+		const elementName = getElementFullType(node);
+		const result = {
+			domElementType: elementName,
+			jsxElementType: elementName
+		};
+		if (elementName === elementName.toLowerCase() || polymorphicPropName == null) return result;
+		const polyPropValue = getAttributeStaticValue(context, node, polymorphicPropName);
+		if (typeof polyPropValue === "string") return {
+			...result,
+			domElementType: polyPropValue
+		};
+		return result;
+	} };
+}
+
 //#endregion
 //#region src/rules/no-missing-button-type/no-missing-button-type.ts
 const RULE_NAME$10 = "no-missing-button-type";
@@ -370,6 +372,11 @@ const banParentTypes = [
 	AST_NODE_TYPES.ArrowFunctionExpression,
 	AST_NODE_TYPES.AssignmentExpression
 ];
+function isReturnValueUsed(node) {
+	let parent = node.parent;
+	while (Check.isTypeExpression(parent)) parent = parent.parent;
+	return banParentTypes.includes(parent.type);
+}
 var no_render_return_value_default = createRule({
 	meta: {
 		type: "problem",
@@ -386,14 +393,15 @@ function create$8(context) {
 	const renderNames = /* @__PURE__ */ new Set();
 	return merge({
 		CallExpression(node) {
+			const callee = Extract.unwrap(node.callee);
 			switch (true) {
-				case node.callee.type === AST_NODE_TYPES.Identifier && renderNames.has(node.callee.name) && banParentTypes.includes(node.parent.type):
+				case callee.type === AST_NODE_TYPES.Identifier && renderNames.has(callee.name) && isReturnValueUsed(node):
 					context.report({
 						messageId: "default",
 						node
 					});
 					return;
-				case node.callee.type === AST_NODE_TYPES.MemberExpression && node.callee.object.type === AST_NODE_TYPES.Identifier && node.callee.property.type === AST_NODE_TYPES.Identifier && node.callee.property.name === "render" && reactDomNames.has(node.callee.object.name) && banParentTypes.includes(node.parent.type):
+				case callee.type === AST_NODE_TYPES.MemberExpression && callee.object.type === AST_NODE_TYPES.Identifier && callee.property.type === AST_NODE_TYPES.Identifier && callee.property.name === "render" && reactDomNames.has(callee.object.name) && isReturnValueUsed(node):
 					context.report({
 						messageId: "default",
 						node
@@ -440,15 +448,16 @@ function create$7(context) {
 	const renderNames = /* @__PURE__ */ new Set();
 	return merge({
 		CallExpression(node) {
+			const callee = Extract.unwrap(node.callee);
 			switch (true) {
-				case node.callee.type === AST_NODE_TYPES.Identifier && renderNames.has(node.callee.name):
+				case callee.type === AST_NODE_TYPES.Identifier && renderNames.has(callee.name):
 					context.report({
 						fix: getFix$1(context, node),
 						messageId: "default",
 						node
 					});
 					return;
-				case node.callee.type === AST_NODE_TYPES.MemberExpression && node.callee.object.type === AST_NODE_TYPES.Identifier && node.callee.property.type === AST_NODE_TYPES.Identifier && node.callee.property.name === "render" && reactDomNames.has(node.callee.object.name):
+				case callee.type === AST_NODE_TYPES.MemberExpression && callee.object.type === AST_NODE_TYPES.Identifier && callee.property.type === AST_NODE_TYPES.Identifier && callee.property.name === "render" && reactDomNames.has(callee.object.name):
 					context.report({
 						fix: getFix$1(context, node),
 						messageId: "default",
@@ -1820,15 +1829,16 @@ function create$1(context) {
 	const useFormStateNames = /* @__PURE__ */ new Set();
 	return merge({
 		CallExpression(node) {
+			const callee = Extract.unwrap(node.callee);
 			switch (true) {
-				case node.callee.type === AST_NODE_TYPES.Identifier && useFormStateNames.has(node.callee.name):
+				case callee.type === AST_NODE_TYPES.Identifier && useFormStateNames.has(callee.name):
 					context.report({
 						fix: getFix(context, node),
 						messageId: "default",
 						node
 					});
 					return;
-				case node.callee.type === AST_NODE_TYPES.MemberExpression && node.callee.object.type === AST_NODE_TYPES.Identifier && node.callee.property.type === AST_NODE_TYPES.Identifier && node.callee.property.name === "useFormState" && reactDomNames.has(node.callee.object.name):
+				case callee.type === AST_NODE_TYPES.MemberExpression && callee.object.type === AST_NODE_TYPES.Identifier && callee.property.type === AST_NODE_TYPES.Identifier && callee.property.name === "useFormState" && reactDomNames.has(callee.object.name):
 					context.report({
 						fix: getFix(context, node),
 						messageId: "default",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-dom",
-  "version": "5.5.6-next.0",
+  "version": "5.6.0-beta.2",
   "description": "ESLint React's ESLint plugin for DOM related rules.",
   "keywords": [
     "react",
@@ -40,9 +40,10 @@
     "@typescript-eslint/types": "^8.59.1",
     "@typescript-eslint/utils": "^8.59.1",
     "compare-versions": "^6.1.1",
-    "@eslint-react/eslint": "5.5.6-next.0",
-    "@eslint-react/jsx": "5.5.6-next.0",
-    "@eslint-react/shared": "5.5.6-next.0"
+    "@eslint-react/ast": "5.6.0-beta.2",
+    "@eslint-react/jsx": "5.6.0-beta.2",
+    "@eslint-react/eslint": "5.6.0-beta.2",
+    "@eslint-react/shared": "5.6.0-beta.2"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",