eslint-plugin-react-dom 2.7.4-beta.4 → 2.7.4-beta.6

package/README.md

@@ -36,6 +36,35 @@ export default defineConfig(
 );
 ```
 
+> [!NOTE]
+> DOM rules target `React DOM`-specific concerns including security vulnerabilities, deprecated APIs, and DOM property usage.
+
+**Security Rules:**
+
+- [`no-dangerously-set-innerhtml`](./dom-no-dangerously-set-innerhtml) - Disallows `dangerouslySetInnerHTML`
+- [`no-dangerously-set-innerhtml-with-children`](./dom-no-dangerously-set-innerhtml-with-children) - Prevents using `dangerouslySetInnerHTML` with `children`
+- [`no-script-url`](./dom-no-script-url) - Disallows `javascript:` URLs
+- [`no-unsafe-target-blank`](./dom-no-unsafe-target-blank) - Requires `rel="noreferrer noopener"` with `target="_blank"` (🔧 Fixable)
+- [`no-missing-iframe-sandbox`](./dom-no-missing-iframe-sandbox) - Enforces `sandbox` attribute on `iframes` (🔧 Fixable)
+- [`no-unsafe-iframe-sandbox`](./dom-no-unsafe-iframe-sandbox) - Prevents unsafe `sandbox` combinations
+
+**Deprecated API Migrations:**
+
+- [`no-find-dom-node`](./dom-no-find-dom-node) - Disallows `findDOMNode`
+- [`no-flush-sync`](./dom-no-flush-sync) - Disallows `flushSync`
+- [`no-hydrate`](./dom-no-hydrate) - Replaces `ReactDOM.hydrate()` with `hydrateRoot()` (🔄 Codemod, `React DOM` >=18.0.0)
+- [`no-render`](./dom-no-render) - Replaces `ReactDOM.render()` with `createRoot().render()` (🔄 Codemod, `React DOM` >=18.0.0)
+- [`no-render-return-value`](./dom-no-render-return-value) - Disallows return value from `ReactDOM.render`
+- [`no-use-form-state`](./dom-no-use-form-state) - Replaces `useFormState` with `useActionState` (🔄 Codemod, `React DOM` >=19.0.0)
+
+**DOM Properties:**
+
+- [`no-missing-button-type`](./dom-no-missing-button-type) - Enforces explicit `type` on `buttons` (🔧 Fixable)
+- [`no-namespace`](./dom-no-namespace) - Prevents namespace usage in `React` elements
+- [`no-string-style-prop`](./dom-no-string-style-prop) - Disallows string values for `style` prop
+- [`no-unknown-property`](./dom-no-unknown-property) - Disallows unknown `DOM` properties (🔧 Fixable, ⚙️ Configurable)
+- [`no-void-elements-with-children`](./dom-no-void-elements-with-children) - Prevents `children` in void elements
+
 ## Rules
 
 <https://eslint-react.xyz/docs/rules/overview#dom-rules>

package/dist/index.js

@@ -8,9 +8,9 @@ import { compare } from "compare-versions";
 var __defProp = Object.defineProperty;
 var __exportAll = (all, symbols) => {
 	let target = {};
-	for (var name$3 in all) {
-		__defProp(target, name$3, {
-			get: all[name$3],
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
 			enumerable: true
 		});
 	}
@@ -23,7 +23,7 @@ var __exportAll = (all, symbols) => {
 //#endregion
 //#region package.json
 var name$2 = "eslint-plugin-react-dom";
-var version = "2.7.4-beta.4";
+var version = "2.7.4-beta.6";
 
 //#endregion
 //#region src/utils/create-jsx-element-resolver.ts
@@ -260,11 +260,11 @@ function create$13(context) {
 	};
 }
 function getFix$2(context, node) {
-	const getText$1 = (n) => context.sourceCode.getText(n);
+	const getText = (n) => context.sourceCode.getText(n);
 	return (fixer) => {
 		const [arg0, arg1] = node.arguments;
 		if (arg0 == null || arg1 == null) return null;
-		return [fixer.insertTextBefore(context.sourceCode.ast, "import { hydrateRoot } from \"react-dom/client\";\n"), fixer.replaceText(node, `hydrateRoot(${getText$1(arg1)}, ${getText$1(arg0)})`)];
+		return [fixer.insertTextBefore(context.sourceCode.ast, "import { hydrateRoot } from \"react-dom/client\";\n"), fixer.replaceText(node, `hydrateRoot(${getText(arg1)}, ${getText(arg0)})`)];
 	};
 }
 
@@ -380,12 +380,12 @@ var no_namespace_default = createRule({
 });
 function create$10(context) {
 	return { JSXElement(node) {
-		const name$3 = getJsxElementType(context, node);
-		if (typeof name$3 !== "string" || !name$3.includes(":")) return;
+		const name = getJsxElementType(context, node);
+		if (typeof name !== "string" || !name.includes(":")) return;
 		context.report({
 			messageId: "noNamespace",
 			node: node.openingElement.name,
-			data: { name: name$3 }
+			data: { name }
 		});
 	} };
 }
@@ -452,11 +452,11 @@ function create$9(context) {
 * @returns A fixer function or null if the fix cannot be applied
 */
 function getFix$1(context, node) {
-	const getText$1 = (n) => context.sourceCode.getText(n);
+	const getText = (n) => context.sourceCode.getText(n);
 	return (fixer) => {
 		const [arg0, arg1] = node.arguments;
 		if (arg0 == null || arg1 == null) return null;
-		return [fixer.insertTextBefore(context.sourceCode.ast, "import { createRoot } from \"react-dom/client\";\n"), fixer.replaceText(node, `createRoot(${getText$1(arg1)}).render(${getText$1(arg0)})`)];
+		return [fixer.insertTextBefore(context.sourceCode.ast, "import { createRoot } from \"react-dom/client\";\n"), fixer.replaceText(node, `createRoot(${getText(arg1)}).render(${getText(arg0)})`)];
 	};
 }
 
@@ -1510,32 +1510,32 @@ function isValidHTMLTagInJSX(childNode) {
 * @param name Attribute name to normalize
 * @returns Normalized attribute name
 */
-function normalizeAttributeCase(name$3) {
-	return DOM_PROPERTIES_IGNORE_CASE.find((element) => element.toLowerCase() === name$3.toLowerCase()) || name$3;
+function normalizeAttributeCase(name) {
+	return DOM_PROPERTIES_IGNORE_CASE.find((element) => element.toLowerCase() === name.toLowerCase()) || name;
 }
 /**
 * Checks if an attribute name is a valid data-* attribute
 * @param name Attribute name to test
 * @returns Whether the attribute is a valid data attribute
 */
-function isValidDataAttribute(name$3) {
-	return !/^data-xml/i.test(name$3) && /^data-[^:]*$/.test(name$3);
+function isValidDataAttribute(name) {
+	return !/^data-xml/i.test(name) && /^data-[^:]*$/.test(name);
 }
 /**
 * Checks if an attribute name has uppercase characters
 * @param name Attribute name to test
 * @returns Whether the name has uppercase characters
 */
-function hasUpperCaseCharacter(name$3) {
-	return name$3.toLowerCase() !== name$3;
+function hasUpperCaseCharacter(name) {
+	return name.toLowerCase() !== name;
 }
 /**
 * Checks if an attribute is a valid ARIA attribute
 * @param name Attribute name to test
 * @returns Whether the attribute is a valid ARIA attribute
 */
-function isValidAriaAttribute(name$3) {
-	return ARIA_PROPERTIES.some((element) => element === name$3);
+function isValidAriaAttribute(name) {
+	return ARIA_PROPERTIES.some((element) => element === name);
 }
 /**
 * Gets the tag name for a JSXAttribute
@@ -1560,10 +1560,10 @@ function tagNameHasDot(node) {
 * @param context ESLint context
 * @returns Standard name or undefined
 */
-function getStandardName(name$3, context) {
-	if (has(DOM_ATTRIBUTE_NAMES, name$3)) return DOM_ATTRIBUTE_NAMES[name$3];
-	if (has(SVGDOM_ATTRIBUTE_NAMES, name$3)) return SVGDOM_ATTRIBUTE_NAMES[name$3];
-	return getDOMPropertyNames(context).find((element) => element.toLowerCase() === name$3.toLowerCase());
+function getStandardName(name, context) {
+	if (has(DOM_ATTRIBUTE_NAMES, name)) return DOM_ATTRIBUTE_NAMES[name];
+	if (has(SVGDOM_ATTRIBUTE_NAMES, name)) return SVGDOM_ATTRIBUTE_NAMES[name];
+	return getDOMPropertyNames(context).find((element) => element.toLowerCase() === name.toLowerCase());
 }
 /**
 * Checks if an object has a property
@@ -1590,9 +1590,9 @@ function getText(context, node) {
 * @param version Version to compare against
 * @returns Comparison result
 */
-function testReactVersion(context, comparator, version$1) {
+function testReactVersion(context, comparator, version) {
 	const { version: localVersion } = getSettingsFromContext(context);
-	return compare(localVersion, version$1, comparator);
+	return compare(localVersion, version, comparator);
 }
 const messages = {
 	dataLowercaseRequired: "React does not recognize data-* props with uppercase characters on a DOM element. Found '{{name}}', use '{{lowerCaseName}}' instead",
@@ -1649,10 +1649,10 @@ function create$5(context) {
 		const ignoreNames = getIgnoreConfig();
 		const actualName = getText(context, node.name);
 		if (ignoreNames.indexOf(actualName) >= 0) return;
-		const name$3 = normalizeAttributeCase(actualName);
+		const name = normalizeAttributeCase(actualName);
 		if (tagNameHasDot(node)) return;
-		if (isValidDataAttribute(name$3)) {
-			if (getRequireDataLowercase() && hasUpperCaseCharacter(name$3)) context.report({
+		if (isValidDataAttribute(name)) {
+			if (getRequireDataLowercase() && hasUpperCaseCharacter(name)) context.report({
 				node,
 				messageId: "dataLowercaseRequired",
 				data: {
@@ -1662,11 +1662,11 @@ function create$5(context) {
 			});
 			return;
 		}
-		if (isValidAriaAttribute(name$3)) return;
+		if (isValidAriaAttribute(name)) return;
 		const tagName = getTagName(node);
 		if (tagName === "fbt" || tagName === "fbs") return;
 		if (!isValidHTMLTagInJSX(node)) return;
-		const allowedTags = has(ATTRIBUTE_TAGS_MAP, name$3) ? ATTRIBUTE_TAGS_MAP[name$3] : null;
+		const allowedTags = has(ATTRIBUTE_TAGS_MAP, name) ? ATTRIBUTE_TAGS_MAP[name] : null;
 		if (tagName && allowedTags) {
 			if (allowedTags.indexOf(tagName) === -1) context.report({
 				node,
@@ -1679,9 +1679,9 @@ function create$5(context) {
 			});
 			return;
 		}
-		const standardName = getStandardName(name$3, context);
-		const hasStandardNameButIsNotUsed = !!standardName && standardName !== name$3;
-		if (!!standardName && standardName === name$3) return;
+		const standardName = getStandardName(name, context);
+		const hasStandardNameButIsNotUsed = !!standardName && standardName !== name;
+		if (!!standardName && standardName === name) return;
 		if (hasStandardNameButIsNotUsed) {
 			context.report({
 				node,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-dom",
-  "version": "2.7.4-beta.4",
+  "version": "2.7.4-beta.6",
   "description": "ESLint React's ESLint plugin for React DOM related rules.",
   "keywords": [
     "react",
@@ -44,16 +44,16 @@
     "compare-versions": "^6.1.1",
     "string-ts": "^2.3.1",
     "ts-pattern": "^5.9.0",
-    "@eslint-react/ast": "2.7.4-beta.4",
-    "@eslint-react/core": "2.7.4-beta.4",
-    "@eslint-react/shared": "2.7.4-beta.4",
-    "@eslint-react/eff": "2.7.4-beta.4",
-    "@eslint-react/var": "2.7.4-beta.4"
+    "@eslint-react/core": "2.7.4-beta.6",
+    "@eslint-react/eff": "2.7.4-beta.6",
+    "@eslint-react/shared": "2.7.4-beta.6",
+    "@eslint-react/var": "2.7.4-beta.6",
+    "@eslint-react/ast": "2.7.4-beta.6"
   },
   "devDependencies": {
     "@types/react": "^19.2.9",
     "@types/react-dom": "^19.2.3",
-    "tsdown": "^0.20.0-beta.4",
+    "tsdown": "^0.20.1",
     "@local/configs": "0.0.0"
   },
   "peerDependencies": {