eslint-plugin-react-dom 2.0.0-next.14 → 2.0.0-next.141

package/dist/index.d.ts

@@ -1,6 +1,19 @@
+import { CamelCase } from 'string-ts';
 import * as _typescript_eslint_utils_ts_eslint from '@typescript-eslint/utils/ts-eslint';
 import { RulePreset } from '@eslint-react/kit';
 
+declare const RULE_NAME$2 = "no-unsafe-target-blank";
+type MessageID$2 = CamelCase<typeof RULE_NAME$2> | RuleSuggestMessageID$2;
+type RuleSuggestMessageID$2 = "addRelNoreferrerNoopener";
+
+declare const RULE_NAME$1 = "no-missing-iframe-sandbox";
+type MessageID$1 = CamelCase<typeof RULE_NAME$1> | RuleSuggestMessageID$1;
+type RuleSuggestMessageID$1 = "addIframeSandbox";
+
+declare const RULE_NAME = "no-missing-button-type";
+type MessageID = CamelCase<typeof RULE_NAME> | RuleSuggestMessageID;
+type RuleSuggestMessageID = "addButtonType";
+
 declare const _default: {
     configs: {
         recommended: {
@@ -16,15 +29,16 @@ declare const _default: {
                         readonly "no-find-dom-node": _typescript_eslint_utils_ts_eslint.RuleModule<"noFindDomNode", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-flush-sync": _typescript_eslint_utils_ts_eslint.RuleModule<"noFlushSync", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-hydrate": _typescript_eslint_utils_ts_eslint.RuleModule<"noHydrate", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
-                        readonly "no-missing-button-type": _typescript_eslint_utils_ts_eslint.RuleModule<"noMissingButtonType", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
-                        readonly "no-missing-iframe-sandbox": _typescript_eslint_utils_ts_eslint.RuleModule<"noMissingIframeSandbox", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+                        readonly "no-missing-button-type": _typescript_eslint_utils_ts_eslint.RuleModule<MessageID, [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+                        readonly "no-missing-iframe-sandbox": _typescript_eslint_utils_ts_eslint.RuleModule<MessageID$1, [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-namespace": _typescript_eslint_utils_ts_eslint.RuleModule<"noNamespace", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-render": _typescript_eslint_utils_ts_eslint.RuleModule<"noRender", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-render-return-value": _typescript_eslint_utils_ts_eslint.RuleModule<"noRenderReturnValue", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-script-url": _typescript_eslint_utils_ts_eslint.RuleModule<"noScriptUrl", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+                        readonly "no-string-style-prop": _typescript_eslint_utils_ts_eslint.RuleModule<"noStringStyleProp", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-unknown-property": _typescript_eslint_utils_ts_eslint.RuleModule<"dataLowercaseRequired" | "invalidPropOnTag" | "unknownProp" | "unknownPropWithStandardName", unknown[], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-unsafe-iframe-sandbox": _typescript_eslint_utils_ts_eslint.RuleModule<"noUnsafeIframeSandbox", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
-                        readonly "no-unsafe-target-blank": _typescript_eslint_utils_ts_eslint.RuleModule<"noUnsafeTargetBlank", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+                        readonly "no-unsafe-target-blank": _typescript_eslint_utils_ts_eslint.RuleModule<MessageID$2, [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-use-form-state": _typescript_eslint_utils_ts_eslint.RuleModule<"noUseFormState", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-void-elements-with-children": _typescript_eslint_utils_ts_eslint.RuleModule<"noVoidElementsWithChildren", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                     };
@@ -48,15 +62,16 @@ declare const _default: {
         readonly "no-find-dom-node": _typescript_eslint_utils_ts_eslint.RuleModule<"noFindDomNode", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-flush-sync": _typescript_eslint_utils_ts_eslint.RuleModule<"noFlushSync", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-hydrate": _typescript_eslint_utils_ts_eslint.RuleModule<"noHydrate", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
-        readonly "no-missing-button-type": _typescript_eslint_utils_ts_eslint.RuleModule<"noMissingButtonType", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
-        readonly "no-missing-iframe-sandbox": _typescript_eslint_utils_ts_eslint.RuleModule<"noMissingIframeSandbox", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+        readonly "no-missing-button-type": _typescript_eslint_utils_ts_eslint.RuleModule<MessageID, [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+        readonly "no-missing-iframe-sandbox": _typescript_eslint_utils_ts_eslint.RuleModule<MessageID$1, [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-namespace": _typescript_eslint_utils_ts_eslint.RuleModule<"noNamespace", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-render": _typescript_eslint_utils_ts_eslint.RuleModule<"noRender", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-render-return-value": _typescript_eslint_utils_ts_eslint.RuleModule<"noRenderReturnValue", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-script-url": _typescript_eslint_utils_ts_eslint.RuleModule<"noScriptUrl", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+        readonly "no-string-style-prop": _typescript_eslint_utils_ts_eslint.RuleModule<"noStringStyleProp", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-unknown-property": _typescript_eslint_utils_ts_eslint.RuleModule<"dataLowercaseRequired" | "invalidPropOnTag" | "unknownProp" | "unknownPropWithStandardName", unknown[], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-unsafe-iframe-sandbox": _typescript_eslint_utils_ts_eslint.RuleModule<"noUnsafeIframeSandbox", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
-        readonly "no-unsafe-target-blank": _typescript_eslint_utils_ts_eslint.RuleModule<"noUnsafeTargetBlank", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+        readonly "no-unsafe-target-blank": _typescript_eslint_utils_ts_eslint.RuleModule<MessageID$2, [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-use-form-state": _typescript_eslint_utils_ts_eslint.RuleModule<"noUseFormState", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-void-elements-with-children": _typescript_eslint_utils_ts_eslint.RuleModule<"noVoidElementsWithChildren", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
     };

package/dist/index.js

@@ -1,11 +1,10 @@
 import { getDocsUrl, getSettingsFromContext, DEFAULT_ESLINT_REACT_SETTINGS } from '@eslint-react/shared';
 import * as ER from '@eslint-react/core';
 import { ESLintUtils } from '@typescript-eslint/utils';
-import * as AST from '@eslint-react/ast';
+import { unit } from '@eslint-react/eff';
 import { AST_NODE_TYPES } from '@typescript-eslint/types';
 import { compare } from 'compare-versions';
 import { RegExp, Reporter } from '@eslint-react/kit';
-import { _ } from '@eslint-react/eff';
 
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -33,6 +32,7 @@ var rules = {
   "react-dom/no-render": "error",
   "react-dom/no-render-return-value": "error",
   "react-dom/no-script-url": "warn",
+  "react-dom/no-string-style-prop": "error",
   "react-dom/no-unsafe-iframe-sandbox": "warn",
   "react-dom/no-unsafe-target-blank": "warn",
   "react-dom/no-use-form-state": "error",
@@ -44,7 +44,7 @@ var settings = {
 
 // package.json
 var name2 = "eslint-plugin-react-dom";
-var version = "2.0.0-next.14";
+var version = "2.0.0-next.141";
 function createJsxElementResolver(context) {
   const { components, polymorphicPropName } = getSettingsFromContext(context);
   return {
@@ -89,6 +89,39 @@ var createRule = ESLintUtils.RuleCreator(getDocsUrl("dom"));
 function findCustomComponentProp(name3, props) {
   return props.findLast((a) => a.as === name3);
 }
+function resolveAttribute(context, attributes, elementNode, attributeName) {
+  const customComponentProp = findCustomComponentProp(attributeName, attributes);
+  const propNameOnJsx = customComponentProp?.name ?? attributeName;
+  const attribute = ER.getAttribute(
+    context,
+    propNameOnJsx,
+    elementNode.openingElement.attributes,
+    context.sourceCode.getScope(elementNode)
+  );
+  if (attribute == null) {
+    return {
+      attribute: unit,
+      attributeName: propNameOnJsx,
+      attributeValue: unit,
+      attributeValueString: customComponentProp?.defaultValue
+    };
+  }
+  const attributeValue = ER.getAttributeValue(context, attribute, propNameOnJsx);
+  if (attributeValue.kind === "some" && typeof attributeValue.value === "string") {
+    return {
+      attribute,
+      attributeName: propNameOnJsx,
+      attributeValue,
+      attributeValueString: attributeValue.value
+    };
+  }
+  return {
+    attribute,
+    attributeName: propNameOnJsx,
+    attributeValue: unit,
+    attributeValueString: customComponentProp?.defaultValue ?? unit
+  };
+}
 
 // src/rules/no-dangerously-set-innerhtml.ts
 var RULE_NAME = "no-dangerously-set-innerhtml";
@@ -153,7 +186,7 @@ function create2(context) {
     JSXElement(node) {
       const attributes = node.openingElement.attributes;
       const initialScope = context.sourceCode.getScope(node);
-      const hasChildren = hasChildrenWithin(node) || ER.hasAttribute(context, "children", attributes, initialScope);
+      const hasChildren = node.children.some(isSignificantChildren) || ER.hasAttribute(context, "children", attributes, initialScope);
       if (hasChildren && ER.hasAttribute(context, dangerouslySetInnerHTML2, attributes, initialScope)) {
         context.report({
           messageId: "noDangerouslySetInnerhtmlWithChildren",
@@ -163,8 +196,14 @@ function create2(context) {
     }
   };
 }
-function hasChildrenWithin(node) {
-  return node.children.length > 0 && node.children[0] != null && !AST.isLineBreak(node.children[0]);
+function isWhiteSpace(node) {
+  return typeof node.value === "string" && node.raw.trim() === "";
+}
+function isPaddingSpaces(node) {
+  return ER.isJsxText(node) && isWhiteSpace(node) && node.raw.includes("\n");
+}
+function isSignificantChildren(node) {
+  return node.type !== AST_NODE_TYPES.JSXText || !isPaddingSpaces(node);
 }
 var RULE_NAME3 = "no-find-dom-node";
 var RULE_FEATURES3 = [];
@@ -322,8 +361,13 @@ function getFix(context, node) {
     ];
   };
 }
+
+// src/rules/no-missing-button-type.ts
 var RULE_NAME6 = "no-missing-button-type";
-var RULE_FEATURES6 = [];
+var RULE_FEATURES6 = [
+  "FIX"
+];
+var BUTTON_TYPES = ["button", "submit", "reset"];
 var no_missing_button_type_default = createRule({
   meta: {
     type: "problem",
@@ -331,7 +375,9 @@ var no_missing_button_type_default = createRule({
       description: "Enforces explicit `type` attribute for `button` elements.",
       [Symbol.for("rule_features")]: RULE_FEATURES6
     },
+    hasSuggestions: true,
     messages: {
+      addButtonType: "Add 'type' attribute with value '{{type}}'.",
       noMissingButtonType: "Add missing 'type' attribute on 'button' component."
     },
     schema: []
@@ -346,60 +392,42 @@ function create6(context) {
     JSXElement(node) {
       const { attributes, domElementType } = resolver.resolve(node);
       if (domElementType !== "button") return;
-      const customComponentProp = findCustomComponentProp("type", attributes);
-      const propNameOnJsx = customComponentProp?.name ?? "type";
-      const attributeNode = ER.getAttribute(
-        context,
-        propNameOnJsx,
-        node.openingElement.attributes,
-        context.sourceCode.getScope(node)
-      );
-      if (attributeNode != null) {
-        const attributeValue = ER.getAttributeValue(
-          context,
-          attributeNode,
-          propNameOnJsx
-        );
-        if (attributeValue.kind === "some" && typeof attributeValue.value !== "string") {
-          context.report({
-            messageId: "noMissingButtonType",
-            node: attributeNode
-          });
-        }
-        return;
-      }
-      if (typeof customComponentProp?.defaultValue !== "string") {
+      const typeAttribute = resolveAttribute(context, attributes, node, "type");
+      if (typeAttribute.attributeValueString != null) return;
+      if (typeAttribute.attribute == null) {
         context.report({
           messageId: "noMissingButtonType",
-          node
+          node: node.openingElement,
+          suggest: getSuggest((type) => (fixer) => {
+            return fixer.insertTextAfter(node.openingElement.name, ` ${typeAttribute.attributeName}="${type}"`);
+          })
         });
+        return;
       }
+      context.report({
+        messageId: "noMissingButtonType",
+        node: typeAttribute.attributeValue?.node ?? typeAttribute.attribute,
+        suggest: getSuggest((type) => (fixer) => {
+          if (typeAttribute.attribute == null) return null;
+          return fixer.replaceText(typeAttribute.attribute, `${typeAttribute.attributeName}="${type}"`);
+        })
+      });
     }
   };
 }
+function getSuggest(getFix4) {
+  return BUTTON_TYPES.map((type) => ({
+    messageId: "addButtonType",
+    data: { type },
+    fix: getFix4(type)
+  }));
+}
+
+// src/rules/no-missing-iframe-sandbox.ts
 var RULE_NAME7 = "no-missing-iframe-sandbox";
-var RULE_FEATURES7 = [];
-var validTypes = [
-  "",
-  "allow-downloads",
-  "allow-downloads-without-user-activation",
-  "allow-forms",
-  "allow-modals",
-  "allow-orientation-lock",
-  "allow-pointer-lock",
-  "allow-popups",
-  "allow-popups-to-escape-sandbox",
-  "allow-presentation",
-  "allow-same-origin",
-  "allow-scripts",
-  "allow-storage-access-by-user-activation",
-  "allow-top-navigation",
-  "allow-top-navigation-by-user-activation",
-  "allow-top-navigation-to-custom-protocols"
+var RULE_FEATURES7 = [
+  "FIX"
 ];
-function hasValidSandBox(value) {
-  return typeof value === "string" && value.split(" ").every((value2) => validTypes.some((valid) => valid === value2));
-}
 var no_missing_iframe_sandbox_default = createRule({
   meta: {
     type: "problem",
@@ -407,7 +435,10 @@ var no_missing_iframe_sandbox_default = createRule({
       description: "Enforces explicit `sandbox` attribute for `iframe` elements.",
       [Symbol.for("rule_features")]: RULE_FEATURES7
     },
+    fixable: "code",
+    hasSuggestions: true,
     messages: {
+      addIframeSandbox: "Add 'sandbox' attribute with value '{{value}}'.",
       noMissingIframeSandbox: "Add missing 'sandbox' attribute on 'iframe' component."
     },
     schema: []
@@ -422,33 +453,34 @@ function create7(context) {
     JSXElement(node) {
       const { attributes, domElementType } = resolver.resolve(node);
       if (domElementType !== "iframe") return;
-      const customComponentProp = findCustomComponentProp("sandbox", attributes);
-      const propNameOnJsx = customComponentProp?.name ?? "sandbox";
-      const attributeNode = ER.getAttribute(
-        context,
-        propNameOnJsx,
-        node.openingElement.attributes,
-        context.sourceCode.getScope(node)
-      );
-      if (attributeNode != null) {
-        const attributeValue = ER.getAttributeValue(
-          context,
-          attributeNode,
-          propNameOnJsx
-        );
-        if (attributeValue.kind === "some" && hasValidSandBox(attributeValue.value)) return;
+      const sandboxAttribute = resolveAttribute(context, attributes, node, "sandbox");
+      if (sandboxAttribute.attributeValueString != null) return;
+      if (sandboxAttribute.attribute == null) {
         context.report({
           messageId: "noMissingIframeSandbox",
-          node: attributeNode
+          node: node.openingElement,
+          suggest: [{
+            messageId: "addIframeSandbox",
+            data: { value: "" },
+            fix(fixer) {
+              return fixer.insertTextAfter(node.openingElement.name, ` ${sandboxAttribute.attributeName}=""`);
+            }
+          }]
         });
         return;
       }
-      if (!hasValidSandBox(customComponentProp?.defaultValue)) {
-        context.report({
-          messageId: "noMissingIframeSandbox",
-          node
-        });
-      }
+      context.report({
+        messageId: "noMissingIframeSandbox",
+        node: sandboxAttribute.attributeValue?.node ?? sandboxAttribute.attribute,
+        suggest: [{
+          messageId: "addIframeSandbox",
+          data: { value: "" },
+          fix(fixer) {
+            if (sandboxAttribute.attribute == null) return null;
+            return fixer.replaceText(sandboxAttribute.attribute, `${sandboxAttribute.attributeName}=""`);
+          }
+        }]
+      });
     }
   };
 }
@@ -664,7 +696,51 @@ function create11(context) {
     }
   };
 }
-var RULE_NAME12 = "no-unknown-property";
+var RULE_NAME12 = "no-string-style-prop";
+var RULE_FEATURES12 = [];
+var no_string_style_prop_default = createRule({
+  meta: {
+    type: "problem",
+    docs: {
+      description: "Disallows the use of string style prop.",
+      [Symbol.for("rule_features")]: RULE_FEATURES12
+    },
+    messages: {
+      noStringStyleProp: "Do not use string style prop. Use an object instead."
+    },
+    schema: []
+  },
+  name: RULE_NAME12,
+  create: create12,
+  defaultOptions: []
+});
+function create12(context) {
+  return {
+    JSXAttribute(node) {
+      if (node.name.name !== "style") return;
+      const styleText = getAttributeValueText(context, node.value);
+      if (styleText == null) return;
+      context.report({
+        messageId: "noStringStyleProp",
+        node
+      });
+    }
+  };
+}
+function getAttributeValueText(context, node) {
+  if (node == null) return null;
+  switch (true) {
+    case (node.type === AST_NODE_TYPES.Literal && typeof node.value === "string"):
+      return context.sourceCode.getText(node);
+    case (node.type === AST_NODE_TYPES.JSXExpressionContainer && node.expression.type === AST_NODE_TYPES.Literal && typeof node.expression.value === "string"):
+      return context.sourceCode.getText(node.expression);
+    case (node.type === AST_NODE_TYPES.JSXExpressionContainer && node.expression.type === AST_NODE_TYPES.TemplateLiteral):
+      return context.sourceCode.getText(node.expression);
+    default:
+      return null;
+  }
+}
+var RULE_NAME13 = "no-unknown-property";
 var DEFAULTS = {
   ignore: [],
   requireDataLowercase: false
@@ -1627,11 +1703,11 @@ var no_unknown_property_default = createRule({
       }
     }]
   },
-  name: RULE_NAME12,
-  create: create12,
+  name: RULE_NAME13,
+  create: create13,
   defaultOptions: []
 });
-function create12(context) {
+function create13(context) {
   const report = Reporter.make(context);
   function getIgnoreConfig() {
     return context.options[0]?.ignore || DEFAULTS.ignore;
@@ -1722,12 +1798,14 @@ function testReactVersion(context, comparator, version2) {
   const { version: localVersion } = getSettingsFromContext(context);
   return compare(localVersion, version2, comparator);
 }
-var RULE_NAME13 = "no-unsafe-iframe-sandbox";
-var RULE_FEATURES12 = [];
+
+// src/rules/no-unsafe-iframe-sandbox.ts
+var RULE_NAME14 = "no-unsafe-iframe-sandbox";
+var RULE_FEATURES13 = [];
 var unsafeSandboxValues = [
   ["allow-scripts", "allow-same-origin"]
 ];
-function hasSafeSandbox(value) {
+function isSafeSandbox(value) {
   if (typeof value !== "string") return false;
   return !unsafeSandboxValues.some((values) => {
     return values.every((v) => value.includes(v));
@@ -1738,57 +1816,39 @@ var no_unsafe_iframe_sandbox_default = createRule({
     type: "problem",
     docs: {
       description: "Enforces `sandbox` attribute for `iframe` elements is not set to unsafe combinations.",
-      [Symbol.for("rule_features")]: RULE_FEATURES12
+      [Symbol.for("rule_features")]: RULE_FEATURES13
     },
     messages: {
       noUnsafeIframeSandbox: "Unsafe 'sandbox' attribute value on 'iframe' component."
     },
     schema: []
   },
-  name: RULE_NAME13,
-  create: create13,
+  name: RULE_NAME14,
+  create: create14,
   defaultOptions: []
 });
-function create13(context) {
+function create14(context) {
   const resolver = createJsxElementResolver(context);
   return {
     JSXElement(node) {
       const { attributes, domElementType } = resolver.resolve(node);
       if (domElementType !== "iframe") return;
-      const customComponentProp = findCustomComponentProp("sandbox", attributes);
-      const propNameOnJsx = customComponentProp?.name ?? "sandbox";
-      const attributeNode = ER.getAttribute(
-        context,
-        propNameOnJsx,
-        node.openingElement.attributes,
-        context.sourceCode.getScope(node)
-      );
-      if (attributeNode != null) {
-        const attributeValue = ER.getAttributeValue(
-          context,
-          attributeNode,
-          propNameOnJsx
-        );
-        if (attributeValue.kind === "some" && !hasSafeSandbox(attributeValue.value)) {
-          context.report({
-            messageId: "noUnsafeIframeSandbox",
-            node: attributeNode
-          });
-          return;
-        }
-      }
-      if (customComponentProp?.defaultValue == null) return;
-      if (!hasSafeSandbox(customComponentProp.defaultValue)) {
+      const sandboxAttribute = resolveAttribute(context, attributes, node, "sandbox");
+      if (!isSafeSandbox(sandboxAttribute.attributeValueString)) {
         context.report({
           messageId: "noUnsafeIframeSandbox",
-          node
+          node: sandboxAttribute.attributeValue?.node ?? sandboxAttribute.attribute ?? node
         });
       }
     }
   };
 }
-var RULE_NAME14 = "no-unsafe-target-blank";
-var RULE_FEATURES13 = [];
+
+// src/rules/no-unsafe-target-blank.ts
+var RULE_NAME15 = "no-unsafe-target-blank";
+var RULE_FEATURES14 = [
+  "FIX"
+];
 function isExternalLinkLike(value) {
   if (value == null) return false;
   return value.startsWith("https://") || /^(?:\w+:|\/\/)/u.test(value);
@@ -1802,58 +1862,70 @@ var no_unsafe_target_blank_default = createRule({
     type: "problem",
     docs: {
       description: 'Disallow `target="_blank"` without `rel="noreferrer noopener"`.',
-      [Symbol.for("rule_features")]: RULE_FEATURES13
+      [Symbol.for("rule_features")]: RULE_FEATURES14
     },
+    fixable: "code",
+    hasSuggestions: true,
     messages: {
+      addRelNoreferrerNoopener: `Add 'rel="noreferrer noopener"' to the link to prevent security risks.`,
       noUnsafeTargetBlank: `Using 'target="_blank"' on an external link without 'rel="noreferrer noopener"' is a security risk.`
     },
     schema: []
   },
-  name: RULE_NAME14,
-  create: create14,
+  name: RULE_NAME15,
+  create: create15,
   defaultOptions: []
 });
-function create14(context) {
+function create15(context) {
   const resolver = createJsxElementResolver(context);
   return {
     JSXElement(node) {
       const { attributes, domElementType } = resolver.resolve(node);
       if (domElementType !== "a") return;
-      const elementScope = context.sourceCode.getScope(node);
-      const getAttributeStringValue = (name3) => {
-        const customComponentProp = findCustomComponentProp(name3, attributes);
-        const propNameOnJsx = customComponentProp?.name ?? name3;
-        const attributeNode = ER.getAttribute(
-          context,
-          propNameOnJsx,
-          node.openingElement.attributes,
-          elementScope
-        );
-        if (attributeNode == null) return customComponentProp?.defaultValue;
-        const attributeValue = ER.getAttributeValue(context, attributeNode, propNameOnJsx);
-        if (attributeValue.kind === "some" && typeof attributeValue.value === "string") {
-          return attributeValue.value;
-        }
-        return _;
-      };
-      if (getAttributeStringValue("target") !== "_blank") {
+      const targetAttribute = resolveAttribute(context, attributes, node, "target");
+      if (targetAttribute.attributeValueString !== "_blank") {
+        return;
+      }
+      const hrefAttribute = resolveAttribute(context, attributes, node, "href");
+      if (!isExternalLinkLike(hrefAttribute.attributeValueString)) {
         return;
       }
-      if (!isExternalLinkLike(getAttributeStringValue("href"))) {
+      const relAttribute = resolveAttribute(context, attributes, node, "rel");
+      if (isSafeRel(relAttribute.attributeValueString)) {
         return;
       }
-      if (isSafeRel(getAttributeStringValue("rel"))) {
+      if (relAttribute.attribute == null) {
+        context.report({
+          messageId: "noUnsafeTargetBlank",
+          node: node.openingElement,
+          suggest: [{
+            messageId: "addRelNoreferrerNoopener",
+            fix(fixer) {
+              return fixer.insertTextAfter(
+                node.openingElement.name,
+                ` ${relAttribute.attributeName}="noreferrer noopener"`
+              );
+            }
+          }]
+        });
         return;
       }
       context.report({
         messageId: "noUnsafeTargetBlank",
-        node
+        node: relAttribute.attributeValue?.node ?? relAttribute.attribute,
+        suggest: [{
+          messageId: "addRelNoreferrerNoopener",
+          fix(fixer) {
+            if (relAttribute.attribute == null) return null;
+            return fixer.replaceText(relAttribute.attribute, `${relAttribute.attributeName}="noreferrer noopener"`);
+          }
+        }]
       });
     }
   };
 }
-var RULE_NAME15 = "no-use-form-state";
-var RULE_FEATURES14 = [
+var RULE_NAME16 = "no-use-form-state";
+var RULE_FEATURES15 = [
   "MOD"
 ];
 var no_use_form_state_default = createRule({
@@ -1861,7 +1933,7 @@ var no_use_form_state_default = createRule({
     type: "problem",
     docs: {
       description: "Replaces usages of `useFormState` with `useActionState`.",
-      [Symbol.for("rule_features")]: RULE_FEATURES14
+      [Symbol.for("rule_features")]: RULE_FEATURES15
     },
     fixable: "code",
     messages: {
@@ -1869,11 +1941,11 @@ var no_use_form_state_default = createRule({
     },
     schema: []
   },
-  name: RULE_NAME15,
-  create: create15,
+  name: RULE_NAME16,
+  create: create16,
   defaultOptions: []
 });
-function create15(context) {
+function create16(context) {
   if (!context.sourceCode.text.includes("useFormState")) return {};
   const settings2 = getSettingsFromContext(context);
   if (compare(settings2.version, "19.0.0", "<")) return {};
@@ -1928,8 +2000,8 @@ function getFix3(context, node) {
     ];
   };
 }
-var RULE_NAME16 = "no-void-elements-with-children";
-var RULE_FEATURES15 = [];
+var RULE_NAME17 = "no-void-elements-with-children";
+var RULE_FEATURES16 = [];
 var voidElements = /* @__PURE__ */ new Set([
   "area",
   "base",
@@ -1953,21 +2025,22 @@ var no_void_elements_with_children_default = createRule({
     type: "problem",
     docs: {
       description: "Disallow `children` in void DOM elements.",
-      [Symbol.for("rule_features")]: RULE_FEATURES15
+      [Symbol.for("rule_features")]: RULE_FEATURES16
     },
     messages: {
       noVoidElementsWithChildren: "'{{element}}' is a void element tag and must not have children."
     },
     schema: []
   },
-  name: RULE_NAME16,
-  create: create16,
+  name: RULE_NAME17,
+  create: create17,
   defaultOptions: []
 });
-function create16(context) {
+function create17(context) {
+  const resolver = createJsxElementResolver(context);
   return {
     JSXElement(node) {
-      const elementName = ER.getElementType(context, node);
+      const { domElementType: elementName } = resolver.resolve(node);
       if (elementName.length === 0 || !voidElements.has(elementName)) {
         return;
       }
@@ -2014,6 +2087,7 @@ var plugin = {
     "no-render": no_render_default,
     "no-render-return-value": no_render_return_value_default,
     "no-script-url": no_script_url_default,
+    "no-string-style-prop": no_string_style_prop_default,
     "no-unknown-property": no_unknown_property_default,
     "no-unsafe-iframe-sandbox": no_unsafe_iframe_sandbox_default,
     "no-unsafe-target-blank": no_unsafe_target_blank_default,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-dom",
-  "version": "2.0.0-next.14",
+  "version": "2.0.0-next.141",
   "description": "ESLint React's ESLint plugin for React DOM related rules.",
   "keywords": [
     "react",
@@ -35,27 +35,27 @@
     "./package.json"
   ],
   "dependencies": {
-    "@typescript-eslint/scope-manager": "^8.31.1",
-    "@typescript-eslint/types": "^8.31.1",
-    "@typescript-eslint/utils": "^8.31.1",
+    "@typescript-eslint/scope-manager": "^8.40.0",
+    "@typescript-eslint/types": "^8.40.0",
+    "@typescript-eslint/utils": "^8.40.0",
     "compare-versions": "^6.1.1",
     "string-ts": "^2.2.1",
-    "ts-pattern": "^5.7.0",
-    "@eslint-react/core": "2.0.0-next.14",
-    "@eslint-react/ast": "2.0.0-next.14",
-    "@eslint-react/shared": "2.0.0-next.14",
-    "@eslint-react/kit": "2.0.0-next.14",
-    "@eslint-react/eff": "2.0.0-next.14",
-    "@eslint-react/var": "2.0.0-next.14"
+    "ts-pattern": "^5.8.0",
+    "@eslint-react/ast": "2.0.0-next.141",
+    "@eslint-react/core": "2.0.0-next.141",
+    "@eslint-react/kit": "2.0.0-next.141",
+    "@eslint-react/var": "2.0.0-next.141",
+    "@eslint-react/eff": "2.0.0-next.141",
+    "@eslint-react/shared": "2.0.0-next.141"
   },
   "devDependencies": {
-    "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.3",
-    "tsup": "^8.4.0",
+    "@types/react": "^19.1.11",
+    "@types/react-dom": "^19.1.7",
+    "tsup": "^8.5.0",
     "@local/configs": "0.0.0"
   },
   "peerDependencies": {
-    "eslint": "^9.26.0",
+    "eslint": "^9.33.0",
     "typescript": "^4.9.5 || ^5.4.5"
   },
   "peerDependenciesMeta": {
@@ -67,7 +67,6 @@
     }
   },
   "engines": {
-    "bun": ">=1.0.15",
     "node": ">=20.19.0"
   },
   "publishConfig": {