eslint-plugin-react-dom 1.24.0-next.8 → 1.24.0

package/dist/index.js

@@ -1,13 +1,11 @@
 'use strict';
 
-var JSX3 = require('@eslint-react/jsx');
-var eff = require('@eslint-react/eff');
+var JSX = require('@eslint-react/jsx');
 var shared = require('@eslint-react/shared');
 var types = require('@typescript-eslint/types');
-var core = require('@eslint-react/core');
 var AST = require('@eslint-react/ast');
-var VAR = require('@eslint-react/var');
 var compareVersions = require('compare-versions');
+var eff = require('@eslint-react/eff');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -27,47 +25,40 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var JSX3__namespace = /*#__PURE__*/_interopNamespace(JSX3);
+var JSX__namespace = /*#__PURE__*/_interopNamespace(JSX);
 var AST__namespace = /*#__PURE__*/_interopNamespace(AST);
-var VAR__namespace = /*#__PURE__*/_interopNamespace(VAR);
 
 // package.json
 var name = "eslint-plugin-react-dom";
-var version = "1.24.0-next.8";
-function getAdditionalAttributes(componentName, additionalComponents) {
-  return additionalComponents.findLast((c) => c.name === componentName || c.re.test(componentName))?.attributes ?? [];
+var version = "1.24.0";
+var createRule = shared.createRuleForPlugin("dom");
+
+// src/utils/find-custom-component.ts
+function findCustomComponent(name2, components) {
+  return components.findLast((c) => c.name === name2 || c.re.test(name2));
 }
-function getAttributeMetaData(name2, attributes) {
-  const settings = attributes.findLast((a) => a.as === name2);
-  return {
-    name: settings?.name ?? name2,
-    controlled: settings?.controlled ?? false,
-    defaultValue: settings?.defaultValue
-  };
+function findCustomComponentProp(name2, props) {
+  return props.findLast((a) => a.as === name2);
 }
-function getAttributeNodeAndStringValue(name2, element, context, additionalAttributes) {
-  const attributeMetaData = getAttributeMetaData(name2, additionalAttributes);
-  const attributeNameOnElement = attributeMetaData.name;
-  const attributeNode = JSX3__namespace.getAttributeNode(
-    attributeNameOnElement,
-    context.sourceCode.getScope(element),
-    element.openingElement.attributes
+function getElementNameOnJsxAndDom(node, context, polymorphicPropName, additionalComponents = []) {
+  const name2 = JSX__namespace.getElementName(node);
+  if (name2 === name2.toLowerCase()) return [name2, name2];
+  const component = additionalComponents.findLast((c) => c.name === name2 || c.re.test(name2));
+  if (component != null) return [name2, component.as];
+  if (polymorphicPropName == null) return [name2, name2];
+  const initialScope = context.sourceCode.getScope(node);
+  const attributeNode = JSX__namespace.getAttribute(
+    polymorphicPropName,
+    node.openingElement.attributes,
+    initialScope
   );
-  if (attributeNode == null) {
-    return {
-      attributeNode: eff._,
-      attributeValue: attributeMetaData.defaultValue
-    };
+  if (attributeNode == null) return [name2, name2];
+  const polymorphicPropValue = JSX__namespace.getAttributeValue(attributeNode, polymorphicPropName, initialScope);
+  if (polymorphicPropValue.kind === "some" && typeof polymorphicPropValue.value === "string") {
+    return [name2, polymorphicPropValue.value];
   }
-  const attributeScope = context.sourceCode.getScope(attributeNode);
-  const attributeValue = JSX3__namespace.getAttributeStringValue(
-    attributeNameOnElement,
-    attributeNode,
-    attributeScope
-  );
-  return { attributeNode, attributeValue };
+  return [name2, name2];
 }
-var createRule = shared.createRuleForPlugin("dom");
 
 // src/rules/no-dangerously-set-innerhtml.ts
 var RULE_NAME = "no-dangerously-set-innerhtml";
@@ -92,10 +83,10 @@ var no_dangerously_set_innerhtml_default = createRule({
     return {
       JSXElement(node) {
         const attributes = node.openingElement.attributes;
-        const attribute = JSX3__namespace.getAttributeNode(
+        const attribute = JSX__namespace.getAttribute(
           "dangerouslySetInnerHTML",
-          context.sourceCode.getScope(node),
-          attributes
+          attributes,
+          context.sourceCode.getScope(node)
         );
         if (attribute == null) return;
         context.report({
@@ -130,8 +121,8 @@ var no_dangerously_set_innerhtml_with_children_default = createRule({
       JSXElement(node) {
         const attributes = node.openingElement.attributes;
         const initialScope = context.sourceCode.getScope(node);
-        const hasChildren = hasChildrenWithin(node) || JSX3__namespace.hasAttribute("children", initialScope, attributes);
-        if (hasChildren && JSX3__namespace.hasAttribute("dangerouslySetInnerHTML", initialScope, attributes)) {
+        const hasChildren = hasChildrenWithin(node) || JSX__namespace.hasAttribute("children", attributes, initialScope);
+        if (hasChildren && JSX__namespace.hasAttribute("dangerouslySetInnerHTML", attributes, initialScope)) {
           context.report({
             messageId: "noDangerouslySetInnerhtmlWithChildren",
             node
@@ -143,7 +134,7 @@ var no_dangerously_set_innerhtml_with_children_default = createRule({
   defaultOptions: []
 });
 function hasChildrenWithin(node) {
-  return node.children.length > 0 && node.children[0] != null && !JSX3__namespace.isLineBreak(node.children[0]);
+  return node.children.length > 0 && node.children[0] != null && !JSX__namespace.isLineBreak(node.children[0]);
 }
 var RULE_NAME3 = "no-find-dom-node";
 var RULE_FEATURES3 = [
@@ -207,23 +198,37 @@ var no_missing_button_type_default = createRule({
     const additionalComponents = settings.additionalComponents.filter((c) => c.as === "button");
     return {
       JSXElement(node) {
-        const [elementNameOnJsx, elementNameOnHtml] = core.getElementNameOnJsxAndHtml(
-          node.openingElement,
+        const [elementNameOnJsx, elementNameOnDom] = getElementNameOnJsxAndDom(
+          node,
           context,
           polymorphicPropName,
           additionalComponents
         );
-        if (elementNameOnHtml !== "button") return;
-        const { attributeNode, attributeValue } = getAttributeNodeAndStringValue(
-          "type",
-          node,
-          context,
-          getAdditionalAttributes(elementNameOnJsx, additionalComponents)
+        if (elementNameOnDom !== "button") return;
+        const elementScope = context.sourceCode.getScope(node);
+        const customComponent = findCustomComponent(elementNameOnJsx, additionalComponents);
+        const customComponentProp = findCustomComponentProp("type", customComponent?.attributes ?? []);
+        const propNameOnJsx = customComponentProp?.name ?? "type";
+        const attributeNode = JSX__namespace.getAttribute(
+          propNameOnJsx,
+          node.openingElement.attributes,
+          elementScope
         );
-        if (typeof attributeValue !== "string") {
+        if (attributeNode != null) {
+          const attributeScope = context.sourceCode.getScope(attributeNode);
+          const attributeValue = JSX__namespace.getAttributeValue(attributeNode, propNameOnJsx, attributeScope);
+          if (attributeValue.kind === "some" && typeof attributeValue.value !== "string") {
+            context.report({
+              messageId: "noMissingButtonType",
+              node: attributeNode
+            });
+          }
+          return;
+        }
+        if (typeof customComponentProp?.defaultValue !== "string") {
           context.report({
             messageId: "noMissingButtonType",
-            node: attributeNode ?? node
+            node
           });
         }
       }
@@ -253,6 +258,9 @@ var validTypes = [
   "allow-top-navigation-by-user-activation",
   "allow-top-navigation-to-custom-protocols"
 ];
+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",
@@ -272,25 +280,38 @@ var no_missing_iframe_sandbox_default = createRule({
     const additionalComponents = settings.additionalComponents.filter((c) => c.as === "iframe");
     return {
       JSXElement(node) {
-        const [elementNameOnJsx, elementNameOnHtml] = core.getElementNameOnJsxAndHtml(
-          node.openingElement,
+        const [elementNameOnJsx, elementNameOnDom] = getElementNameOnJsxAndDom(
+          node,
           context,
           polymorphicPropName,
           additionalComponents
         );
-        if (elementNameOnHtml !== "iframe") return;
-        const { attributeNode, attributeValue } = getAttributeNodeAndStringValue(
-          "sandbox",
-          node,
-          context,
-          getAdditionalAttributes(elementNameOnJsx, additionalComponents)
+        if (elementNameOnDom !== "iframe") return;
+        const elementScope = context.sourceCode.getScope(node);
+        const customComponent = findCustomComponent(elementNameOnJsx, additionalComponents);
+        const customComponentProp = findCustomComponentProp("sandbox", customComponent?.attributes ?? []);
+        const propNameOnJsx = customComponentProp?.name ?? "sandbox";
+        const attributeNode = JSX__namespace.getAttribute(
+          propNameOnJsx,
+          node.openingElement.attributes,
+          elementScope
         );
-        const hasValidSandboxValue = typeof attributeValue === "string" && attributeValue.split(" ").every((value) => validTypes.some((valid) => valid === value));
-        if (hasValidSandboxValue) return;
-        context.report({
-          messageId: "noMissingIframeSandbox",
-          node: attributeNode ?? node.openingElement
-        });
+        if (attributeNode != null) {
+          const attributeScope = context.sourceCode.getScope(attributeNode);
+          const attributeValue = JSX__namespace.getAttributeValue(attributeNode, propNameOnJsx, attributeScope);
+          if (attributeValue.kind === "some" && hasValidSandBox(attributeValue.value)) return;
+          context.report({
+            messageId: "noMissingIframeSandbox",
+            node: attributeNode
+          });
+          return;
+        }
+        if (!hasValidSandBox(customComponentProp?.defaultValue)) {
+          context.report({
+            messageId: "noMissingIframeSandbox",
+            node
+          });
+        }
       }
     };
   },
@@ -315,14 +336,14 @@ var no_namespace_default = createRule({
   name: RULE_NAME6,
   create(context) {
     return {
-      JSXOpeningElement(node) {
-        const name2 = JSX3__namespace.getElementName(node);
+      JSXElement(node) {
+        const name2 = JSX__namespace.getElementName(node);
         if (typeof name2 !== "string" || !name2.includes(":")) {
           return;
         }
         context.report({
           messageId: "noNamespace",
-          node,
+          node: node.openingElement.name,
           data: {
             name: name2
           }
@@ -409,10 +430,10 @@ var no_script_url_default = createRule({
           return;
         }
         const attributeScope = context.sourceCode.getScope(node);
-        const attributeValue = JSX3__namespace.getAttributeStaticValue(node, attributeScope);
-        const attributeValueResolved = VAR__namespace.toResolved(attributeValue).value;
-        if (typeof attributeValueResolved !== "string") return;
-        if (shared.RE_JAVASCRIPT_PROTOCOL.test(attributeValueResolved)) {
+        const attributeName = JSX__namespace.getAttributeName(node);
+        const attributeValue = JSX__namespace.getAttributeValue(node, attributeName, attributeScope);
+        if (attributeValue.kind === "none" || typeof attributeValue.value !== "string") return;
+        if (shared.RE_JAVASCRIPT_PROTOCOL.test(attributeValue.value)) {
           context.report({
             messageId: "noScriptUrl",
             node: node.value
@@ -1484,9 +1505,15 @@ var RULE_NAME10 = "no-unsafe-iframe-sandbox";
 var RULE_FEATURES9 = [
   "CHK"
 ];
-var unsafeCombinations = [
+var unsafeSandboxValues = [
   ["allow-scripts", "allow-same-origin"]
 ];
+function hasSafeSandbox(value) {
+  if (typeof value !== "string") return false;
+  return !unsafeSandboxValues.some((values) => {
+    return values.every((v) => value.includes(v));
+  });
+}
 var no_unsafe_iframe_sandbox_default = createRule({
   meta: {
     type: "problem",
@@ -1506,25 +1533,40 @@ var no_unsafe_iframe_sandbox_default = createRule({
     const additionalComponents = settings.additionalComponents.filter((c) => c.as === "iframe");
     return {
       JSXElement(node) {
-        const [elementNameOnJsx, elementNameOnHtml] = core.getElementNameOnJsxAndHtml(
-          node.openingElement,
+        const [elementNameOnJsx, elementNameOnDom] = getElementNameOnJsxAndDom(
+          node,
           context,
           polymorphicPropName,
           additionalComponents
         );
-        if (elementNameOnHtml !== "iframe") return;
-        const { attributeNode, attributeValue } = getAttributeNodeAndStringValue(
-          "sandbox",
-          node,
-          context,
-          getAdditionalAttributes(elementNameOnJsx, additionalComponents)
+        if (elementNameOnDom !== "iframe") return;
+        const elementScope = context.sourceCode.getScope(node);
+        const customComponent = findCustomComponent(elementNameOnJsx, additionalComponents);
+        const customComponentProp = findCustomComponentProp("sandbox", customComponent?.attributes ?? []);
+        const propNameOnJsx = customComponentProp?.name ?? "sandbox";
+        const attributeNode = JSX__namespace.getAttribute(
+          propNameOnJsx,
+          node.openingElement.attributes,
+          elementScope
         );
-        if (attributeValue == null) return;
-        if (!unsafeCombinations.some((c) => c.every((v) => attributeValue.includes(v)))) return;
-        context.report({
-          messageId: "noUnsafeIframeSandbox",
-          node: attributeNode ?? node.openingElement
-        });
+        if (attributeNode != null) {
+          const attributeScope = context.sourceCode.getScope(attributeNode);
+          const attributeValue = JSX__namespace.getAttributeValue(attributeNode, propNameOnJsx, attributeScope);
+          if (attributeValue.kind === "some" && !hasSafeSandbox(attributeValue.value)) {
+            context.report({
+              messageId: "noUnsafeIframeSandbox",
+              node: attributeNode
+            });
+            return;
+          }
+        }
+        if (customComponentProp?.defaultValue == null) return;
+        if (!hasSafeSandbox(customComponentProp.defaultValue)) {
+          context.report({
+            messageId: "noUnsafeIframeSandbox",
+            node
+          });
+        }
       }
     };
   },
@@ -1561,28 +1603,38 @@ var no_unsafe_target_blank_default = createRule({
     const additionalComponents = settings.additionalComponents.filter((c) => c.as === "a");
     return {
       JSXElement(node) {
-        const [elementNameOnJsx, elementNameOnHtml] = core.getElementNameOnJsxAndHtml(
-          node.openingElement,
+        const [elementNameOnJsx, elementNameOnDom] = getElementNameOnJsxAndDom(
+          node,
           context,
           polymorphicPropName,
           additionalComponents
         );
-        if (elementNameOnHtml !== "a") return;
-        const getAttributeValue = (name2) => {
-          return getAttributeNodeAndStringValue(
-            name2,
-            node,
-            context,
-            getAdditionalAttributes(elementNameOnJsx, additionalComponents)
-          ).attributeValue;
+        if (elementNameOnDom !== "a") return;
+        const elementScope = context.sourceCode.getScope(node);
+        const customComponent = findCustomComponent(elementNameOnJsx, additionalComponents);
+        const getAttributeStringValue = (name2) => {
+          const customComponentProp = findCustomComponentProp(name2, customComponent?.attributes ?? []);
+          const propNameOnJsx = customComponentProp?.name ?? name2;
+          const attributeNode = JSX__namespace.getAttribute(
+            propNameOnJsx,
+            node.openingElement.attributes,
+            elementScope
+          );
+          if (attributeNode == null) return customComponentProp?.defaultValue;
+          const attributeScope = context.sourceCode.getScope(attributeNode);
+          const attributeValue = JSX__namespace.getAttributeValue(attributeNode, propNameOnJsx, attributeScope);
+          if (attributeValue.kind === "some" && typeof attributeValue.value === "string") {
+            return attributeValue.value;
+          }
+          return eff._;
         };
-        if (getAttributeValue("target") !== "_blank") {
+        if (getAttributeStringValue("target") !== "_blank") {
           return;
         }
-        if (!isExternalLinkLike(getAttributeValue("href"))) {
+        if (!isExternalLinkLike(getAttributeStringValue("href"))) {
           return;
         }
-        if (isSafeRel(getAttributeValue("rel"))) {
+        if (isSafeRel(getAttributeStringValue("rel"))) {
           return;
         }
         context.report({
@@ -1632,7 +1684,7 @@ var no_void_elements_with_children_default = createRule({
   create(context) {
     return {
       JSXElement(node) {
-        const elementName = JSX3__namespace.getElementName(node.openingElement);
+        const elementName = JSX__namespace.getElementName(node);
         if (elementName.length === 0 || !voidElements.has(elementName)) {
           return;
         }
@@ -1647,7 +1699,7 @@ var no_void_elements_with_children_default = createRule({
         }
         const { attributes } = node.openingElement;
         const initialScope = context.sourceCode.getScope(node);
-        const hasAttribute3 = (name2) => JSX3__namespace.hasAttribute(name2, initialScope, attributes);
+        const hasAttribute3 = (name2) => JSX__namespace.hasAttribute(name2, attributes, initialScope);
         if (hasAttribute3("children") || hasAttribute3("dangerouslySetInnerHTML")) {
           context.report({
             messageId: "noVoidElementsWithChildren",

package/dist/index.mjs

@@ -1,49 +1,41 @@
-import * as JSX3 from '@eslint-react/jsx';
-import { _ } from '@eslint-react/eff';
+import * as JSX from '@eslint-react/jsx';
 import { createRuleForPlugin, getSettingsFromContext, RE_JAVASCRIPT_PROTOCOL } from '@eslint-react/shared';
 import { AST_NODE_TYPES } from '@typescript-eslint/types';
-import { getElementNameOnJsxAndHtml } from '@eslint-react/core';
 import * as AST from '@eslint-react/ast';
-import * as VAR from '@eslint-react/var';
 import { compare } from 'compare-versions';
+import { _ } from '@eslint-react/eff';
 
 // package.json
 var name = "eslint-plugin-react-dom";
-var version = "1.24.0-next.8";
-function getAdditionalAttributes(componentName, additionalComponents) {
-  return additionalComponents.findLast((c) => c.name === componentName || c.re.test(componentName))?.attributes ?? [];
+var version = "1.24.0";
+var createRule = createRuleForPlugin("dom");
+
+// src/utils/find-custom-component.ts
+function findCustomComponent(name2, components) {
+  return components.findLast((c) => c.name === name2 || c.re.test(name2));
 }
-function getAttributeMetaData(name2, attributes) {
-  const settings = attributes.findLast((a) => a.as === name2);
-  return {
-    name: settings?.name ?? name2,
-    controlled: settings?.controlled ?? false,
-    defaultValue: settings?.defaultValue
-  };
+function findCustomComponentProp(name2, props) {
+  return props.findLast((a) => a.as === name2);
 }
-function getAttributeNodeAndStringValue(name2, element, context, additionalAttributes) {
-  const attributeMetaData = getAttributeMetaData(name2, additionalAttributes);
-  const attributeNameOnElement = attributeMetaData.name;
-  const attributeNode = JSX3.getAttributeNode(
-    attributeNameOnElement,
-    context.sourceCode.getScope(element),
-    element.openingElement.attributes
+function getElementNameOnJsxAndDom(node, context, polymorphicPropName, additionalComponents = []) {
+  const name2 = JSX.getElementName(node);
+  if (name2 === name2.toLowerCase()) return [name2, name2];
+  const component = additionalComponents.findLast((c) => c.name === name2 || c.re.test(name2));
+  if (component != null) return [name2, component.as];
+  if (polymorphicPropName == null) return [name2, name2];
+  const initialScope = context.sourceCode.getScope(node);
+  const attributeNode = JSX.getAttribute(
+    polymorphicPropName,
+    node.openingElement.attributes,
+    initialScope
   );
-  if (attributeNode == null) {
-    return {
-      attributeNode: _,
-      attributeValue: attributeMetaData.defaultValue
-    };
+  if (attributeNode == null) return [name2, name2];
+  const polymorphicPropValue = JSX.getAttributeValue(attributeNode, polymorphicPropName, initialScope);
+  if (polymorphicPropValue.kind === "some" && typeof polymorphicPropValue.value === "string") {
+    return [name2, polymorphicPropValue.value];
   }
-  const attributeScope = context.sourceCode.getScope(attributeNode);
-  const attributeValue = JSX3.getAttributeStringValue(
-    attributeNameOnElement,
-    attributeNode,
-    attributeScope
-  );
-  return { attributeNode, attributeValue };
+  return [name2, name2];
 }
-var createRule = createRuleForPlugin("dom");
 
 // src/rules/no-dangerously-set-innerhtml.ts
 var RULE_NAME = "no-dangerously-set-innerhtml";
@@ -68,10 +60,10 @@ var no_dangerously_set_innerhtml_default = createRule({
     return {
       JSXElement(node) {
         const attributes = node.openingElement.attributes;
-        const attribute = JSX3.getAttributeNode(
+        const attribute = JSX.getAttribute(
           "dangerouslySetInnerHTML",
-          context.sourceCode.getScope(node),
-          attributes
+          attributes,
+          context.sourceCode.getScope(node)
         );
         if (attribute == null) return;
         context.report({
@@ -106,8 +98,8 @@ var no_dangerously_set_innerhtml_with_children_default = createRule({
       JSXElement(node) {
         const attributes = node.openingElement.attributes;
         const initialScope = context.sourceCode.getScope(node);
-        const hasChildren = hasChildrenWithin(node) || JSX3.hasAttribute("children", initialScope, attributes);
-        if (hasChildren && JSX3.hasAttribute("dangerouslySetInnerHTML", initialScope, attributes)) {
+        const hasChildren = hasChildrenWithin(node) || JSX.hasAttribute("children", attributes, initialScope);
+        if (hasChildren && JSX.hasAttribute("dangerouslySetInnerHTML", attributes, initialScope)) {
           context.report({
             messageId: "noDangerouslySetInnerhtmlWithChildren",
             node
@@ -119,7 +111,7 @@ var no_dangerously_set_innerhtml_with_children_default = createRule({
   defaultOptions: []
 });
 function hasChildrenWithin(node) {
-  return node.children.length > 0 && node.children[0] != null && !JSX3.isLineBreak(node.children[0]);
+  return node.children.length > 0 && node.children[0] != null && !JSX.isLineBreak(node.children[0]);
 }
 var RULE_NAME3 = "no-find-dom-node";
 var RULE_FEATURES3 = [
@@ -183,23 +175,37 @@ var no_missing_button_type_default = createRule({
     const additionalComponents = settings.additionalComponents.filter((c) => c.as === "button");
     return {
       JSXElement(node) {
-        const [elementNameOnJsx, elementNameOnHtml] = getElementNameOnJsxAndHtml(
-          node.openingElement,
+        const [elementNameOnJsx, elementNameOnDom] = getElementNameOnJsxAndDom(
+          node,
           context,
           polymorphicPropName,
           additionalComponents
         );
-        if (elementNameOnHtml !== "button") return;
-        const { attributeNode, attributeValue } = getAttributeNodeAndStringValue(
-          "type",
-          node,
-          context,
-          getAdditionalAttributes(elementNameOnJsx, additionalComponents)
+        if (elementNameOnDom !== "button") return;
+        const elementScope = context.sourceCode.getScope(node);
+        const customComponent = findCustomComponent(elementNameOnJsx, additionalComponents);
+        const customComponentProp = findCustomComponentProp("type", customComponent?.attributes ?? []);
+        const propNameOnJsx = customComponentProp?.name ?? "type";
+        const attributeNode = JSX.getAttribute(
+          propNameOnJsx,
+          node.openingElement.attributes,
+          elementScope
         );
-        if (typeof attributeValue !== "string") {
+        if (attributeNode != null) {
+          const attributeScope = context.sourceCode.getScope(attributeNode);
+          const attributeValue = JSX.getAttributeValue(attributeNode, propNameOnJsx, attributeScope);
+          if (attributeValue.kind === "some" && typeof attributeValue.value !== "string") {
+            context.report({
+              messageId: "noMissingButtonType",
+              node: attributeNode
+            });
+          }
+          return;
+        }
+        if (typeof customComponentProp?.defaultValue !== "string") {
           context.report({
             messageId: "noMissingButtonType",
-            node: attributeNode ?? node
+            node
           });
         }
       }
@@ -229,6 +235,9 @@ var validTypes = [
   "allow-top-navigation-by-user-activation",
   "allow-top-navigation-to-custom-protocols"
 ];
+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",
@@ -248,25 +257,38 @@ var no_missing_iframe_sandbox_default = createRule({
     const additionalComponents = settings.additionalComponents.filter((c) => c.as === "iframe");
     return {
       JSXElement(node) {
-        const [elementNameOnJsx, elementNameOnHtml] = getElementNameOnJsxAndHtml(
-          node.openingElement,
+        const [elementNameOnJsx, elementNameOnDom] = getElementNameOnJsxAndDom(
+          node,
           context,
           polymorphicPropName,
           additionalComponents
         );
-        if (elementNameOnHtml !== "iframe") return;
-        const { attributeNode, attributeValue } = getAttributeNodeAndStringValue(
-          "sandbox",
-          node,
-          context,
-          getAdditionalAttributes(elementNameOnJsx, additionalComponents)
+        if (elementNameOnDom !== "iframe") return;
+        const elementScope = context.sourceCode.getScope(node);
+        const customComponent = findCustomComponent(elementNameOnJsx, additionalComponents);
+        const customComponentProp = findCustomComponentProp("sandbox", customComponent?.attributes ?? []);
+        const propNameOnJsx = customComponentProp?.name ?? "sandbox";
+        const attributeNode = JSX.getAttribute(
+          propNameOnJsx,
+          node.openingElement.attributes,
+          elementScope
         );
-        const hasValidSandboxValue = typeof attributeValue === "string" && attributeValue.split(" ").every((value) => validTypes.some((valid) => valid === value));
-        if (hasValidSandboxValue) return;
-        context.report({
-          messageId: "noMissingIframeSandbox",
-          node: attributeNode ?? node.openingElement
-        });
+        if (attributeNode != null) {
+          const attributeScope = context.sourceCode.getScope(attributeNode);
+          const attributeValue = JSX.getAttributeValue(attributeNode, propNameOnJsx, attributeScope);
+          if (attributeValue.kind === "some" && hasValidSandBox(attributeValue.value)) return;
+          context.report({
+            messageId: "noMissingIframeSandbox",
+            node: attributeNode
+          });
+          return;
+        }
+        if (!hasValidSandBox(customComponentProp?.defaultValue)) {
+          context.report({
+            messageId: "noMissingIframeSandbox",
+            node
+          });
+        }
       }
     };
   },
@@ -291,14 +313,14 @@ var no_namespace_default = createRule({
   name: RULE_NAME6,
   create(context) {
     return {
-      JSXOpeningElement(node) {
-        const name2 = JSX3.getElementName(node);
+      JSXElement(node) {
+        const name2 = JSX.getElementName(node);
         if (typeof name2 !== "string" || !name2.includes(":")) {
           return;
         }
         context.report({
           messageId: "noNamespace",
-          node,
+          node: node.openingElement.name,
           data: {
             name: name2
           }
@@ -385,10 +407,10 @@ var no_script_url_default = createRule({
           return;
         }
         const attributeScope = context.sourceCode.getScope(node);
-        const attributeValue = JSX3.getAttributeStaticValue(node, attributeScope);
-        const attributeValueResolved = VAR.toResolved(attributeValue).value;
-        if (typeof attributeValueResolved !== "string") return;
-        if (RE_JAVASCRIPT_PROTOCOL.test(attributeValueResolved)) {
+        const attributeName = JSX.getAttributeName(node);
+        const attributeValue = JSX.getAttributeValue(node, attributeName, attributeScope);
+        if (attributeValue.kind === "none" || typeof attributeValue.value !== "string") return;
+        if (RE_JAVASCRIPT_PROTOCOL.test(attributeValue.value)) {
           context.report({
             messageId: "noScriptUrl",
             node: node.value
@@ -1460,9 +1482,15 @@ var RULE_NAME10 = "no-unsafe-iframe-sandbox";
 var RULE_FEATURES9 = [
   "CHK"
 ];
-var unsafeCombinations = [
+var unsafeSandboxValues = [
   ["allow-scripts", "allow-same-origin"]
 ];
+function hasSafeSandbox(value) {
+  if (typeof value !== "string") return false;
+  return !unsafeSandboxValues.some((values) => {
+    return values.every((v) => value.includes(v));
+  });
+}
 var no_unsafe_iframe_sandbox_default = createRule({
   meta: {
     type: "problem",
@@ -1482,25 +1510,40 @@ var no_unsafe_iframe_sandbox_default = createRule({
     const additionalComponents = settings.additionalComponents.filter((c) => c.as === "iframe");
     return {
       JSXElement(node) {
-        const [elementNameOnJsx, elementNameOnHtml] = getElementNameOnJsxAndHtml(
-          node.openingElement,
+        const [elementNameOnJsx, elementNameOnDom] = getElementNameOnJsxAndDom(
+          node,
           context,
           polymorphicPropName,
           additionalComponents
         );
-        if (elementNameOnHtml !== "iframe") return;
-        const { attributeNode, attributeValue } = getAttributeNodeAndStringValue(
-          "sandbox",
-          node,
-          context,
-          getAdditionalAttributes(elementNameOnJsx, additionalComponents)
+        if (elementNameOnDom !== "iframe") return;
+        const elementScope = context.sourceCode.getScope(node);
+        const customComponent = findCustomComponent(elementNameOnJsx, additionalComponents);
+        const customComponentProp = findCustomComponentProp("sandbox", customComponent?.attributes ?? []);
+        const propNameOnJsx = customComponentProp?.name ?? "sandbox";
+        const attributeNode = JSX.getAttribute(
+          propNameOnJsx,
+          node.openingElement.attributes,
+          elementScope
         );
-        if (attributeValue == null) return;
-        if (!unsafeCombinations.some((c) => c.every((v) => attributeValue.includes(v)))) return;
-        context.report({
-          messageId: "noUnsafeIframeSandbox",
-          node: attributeNode ?? node.openingElement
-        });
+        if (attributeNode != null) {
+          const attributeScope = context.sourceCode.getScope(attributeNode);
+          const attributeValue = JSX.getAttributeValue(attributeNode, propNameOnJsx, attributeScope);
+          if (attributeValue.kind === "some" && !hasSafeSandbox(attributeValue.value)) {
+            context.report({
+              messageId: "noUnsafeIframeSandbox",
+              node: attributeNode
+            });
+            return;
+          }
+        }
+        if (customComponentProp?.defaultValue == null) return;
+        if (!hasSafeSandbox(customComponentProp.defaultValue)) {
+          context.report({
+            messageId: "noUnsafeIframeSandbox",
+            node
+          });
+        }
       }
     };
   },
@@ -1537,28 +1580,38 @@ var no_unsafe_target_blank_default = createRule({
     const additionalComponents = settings.additionalComponents.filter((c) => c.as === "a");
     return {
       JSXElement(node) {
-        const [elementNameOnJsx, elementNameOnHtml] = getElementNameOnJsxAndHtml(
-          node.openingElement,
+        const [elementNameOnJsx, elementNameOnDom] = getElementNameOnJsxAndDom(
+          node,
           context,
           polymorphicPropName,
           additionalComponents
         );
-        if (elementNameOnHtml !== "a") return;
-        const getAttributeValue = (name2) => {
-          return getAttributeNodeAndStringValue(
-            name2,
-            node,
-            context,
-            getAdditionalAttributes(elementNameOnJsx, additionalComponents)
-          ).attributeValue;
+        if (elementNameOnDom !== "a") return;
+        const elementScope = context.sourceCode.getScope(node);
+        const customComponent = findCustomComponent(elementNameOnJsx, additionalComponents);
+        const getAttributeStringValue = (name2) => {
+          const customComponentProp = findCustomComponentProp(name2, customComponent?.attributes ?? []);
+          const propNameOnJsx = customComponentProp?.name ?? name2;
+          const attributeNode = JSX.getAttribute(
+            propNameOnJsx,
+            node.openingElement.attributes,
+            elementScope
+          );
+          if (attributeNode == null) return customComponentProp?.defaultValue;
+          const attributeScope = context.sourceCode.getScope(attributeNode);
+          const attributeValue = JSX.getAttributeValue(attributeNode, propNameOnJsx, attributeScope);
+          if (attributeValue.kind === "some" && typeof attributeValue.value === "string") {
+            return attributeValue.value;
+          }
+          return _;
         };
-        if (getAttributeValue("target") !== "_blank") {
+        if (getAttributeStringValue("target") !== "_blank") {
           return;
         }
-        if (!isExternalLinkLike(getAttributeValue("href"))) {
+        if (!isExternalLinkLike(getAttributeStringValue("href"))) {
           return;
         }
-        if (isSafeRel(getAttributeValue("rel"))) {
+        if (isSafeRel(getAttributeStringValue("rel"))) {
           return;
         }
         context.report({
@@ -1608,7 +1661,7 @@ var no_void_elements_with_children_default = createRule({
   create(context) {
     return {
       JSXElement(node) {
-        const elementName = JSX3.getElementName(node.openingElement);
+        const elementName = JSX.getElementName(node);
         if (elementName.length === 0 || !voidElements.has(elementName)) {
           return;
         }
@@ -1623,7 +1676,7 @@ var no_void_elements_with_children_default = createRule({
         }
         const { attributes } = node.openingElement;
         const initialScope = context.sourceCode.getScope(node);
-        const hasAttribute3 = (name2) => JSX3.hasAttribute(name2, initialScope, attributes);
+        const hasAttribute3 = (name2) => JSX.hasAttribute(name2, attributes, initialScope);
         if (hasAttribute3("children") || hasAttribute3("dangerouslySetInnerHTML")) {
           context.report({
             messageId: "noVoidElementsWithChildren",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-dom",
-  "version": "1.24.0-next.8",
+  "version": "1.24.0",
   "description": "ESLint React's ESLint plugin for React DOM related rules.",
   "keywords": [
     "react",
@@ -46,13 +46,13 @@
     "@typescript-eslint/utils": "^8.20.0",
     "compare-versions": "^6.1.1",
     "string-ts": "^2.2.0",
-    "ts-pattern": "^5.6.0",
-    "@eslint-react/core": "1.24.0-next.8",
-    "@eslint-react/ast": "1.24.0-next.8",
-    "@eslint-react/eff": "1.24.0-next.8",
-    "@eslint-react/jsx": "1.24.0-next.8",
-    "@eslint-react/shared": "1.24.0-next.8",
-    "@eslint-react/var": "1.24.0-next.8"
+    "ts-pattern": "^5.6.1",
+    "@eslint-react/ast": "1.24.0",
+    "@eslint-react/core": "1.24.0",
+    "@eslint-react/eff": "1.24.0",
+    "@eslint-react/shared": "1.24.0",
+    "@eslint-react/jsx": "1.24.0",
+    "@eslint-react/var": "1.24.0"
   },
   "devDependencies": {
     "@types/react": "^19.0.7",