npm - eslint-plugin-react-dom - Versions diffs - 1.21.1-next.1 → 1.22.0-next.0 - Mend

eslint-plugin-react-dom 1.21.1-next.1 → 1.22.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/README.md CHANGED Viewed

@@ -29,7 +29,6 @@ export default [
     },
     rules: {
       // react-dom recommended rules
-      "react-dom/no-children-in-void-dom-elements": "warn",
       "react-dom/no-dangerously-set-innerhtml-with-children": "error",
       "react-dom/no-dangerously-set-innerhtml": "warn",
       "react-dom/no-find-dom-node": "error",
@@ -41,6 +40,7 @@ export default [
       "react-dom/no-unknown-property": "warn",
       "react-dom/no-unsafe-iframe-sandbox": "warn",
       "react-dom/no-unsafe-target-blank": "warn",
+      "react-dom/no-void-elements-with-children": "warn",
     },
   },
 ];

package/dist/index.d.mts CHANGED Viewed

@@ -6,7 +6,6 @@ declare const _default: {
         readonly version: string;
     };
     readonly rules: {
-        readonly "no-children-in-void-dom-elements": _typescript_eslint_utils_ts_eslint.RuleModule<"noChildrenInVoidDomElements", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-dangerously-set-innerhtml": _typescript_eslint_utils_ts_eslint.RuleModule<"noDangerouslySetInnerhtml", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-dangerously-set-innerhtml-with-children": _typescript_eslint_utils_ts_eslint.RuleModule<"noDangerouslySetInnerhtmlWithChildren", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-find-dom-node": _typescript_eslint_utils_ts_eslint.RuleModule<"noFindDomNode", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
@@ -18,6 +17,9 @@ declare const _default: {
         readonly "no-unknown-property": _typescript_eslint_utils_ts_eslint.RuleModule<string, [], 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-void-elements-with-children": _typescript_eslint_utils_ts_eslint.RuleModule<"noVoidElementsWithChildren", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+        /** @deprecated Use `no-void-elements-with-children` instead */
+        readonly "no-children-in-void-dom-elements": _typescript_eslint_utils_ts_eslint.RuleModule<"noVoidElementsWithChildren", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
     };
 };

package/dist/index.d.ts CHANGED Viewed

@@ -6,7 +6,6 @@ declare const _default: {
         readonly version: string;
     };
     readonly rules: {
-        readonly "no-children-in-void-dom-elements": _typescript_eslint_utils_ts_eslint.RuleModule<"noChildrenInVoidDomElements", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-dangerously-set-innerhtml": _typescript_eslint_utils_ts_eslint.RuleModule<"noDangerouslySetInnerhtml", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-dangerously-set-innerhtml-with-children": _typescript_eslint_utils_ts_eslint.RuleModule<"noDangerouslySetInnerhtmlWithChildren", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-find-dom-node": _typescript_eslint_utils_ts_eslint.RuleModule<"noFindDomNode", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
@@ -18,6 +17,9 @@ declare const _default: {
         readonly "no-unknown-property": _typescript_eslint_utils_ts_eslint.RuleModule<string, [], 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-void-elements-with-children": _typescript_eslint_utils_ts_eslint.RuleModule<"noVoidElementsWithChildren", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+        /** @deprecated Use `no-void-elements-with-children` instead */
+        readonly "no-children-in-void-dom-elements": _typescript_eslint_utils_ts_eslint.RuleModule<"noVoidElementsWithChildren", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
     };
 };

package/dist/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var eff = require('@eslint-react/eff');
-var JSX9 = require('@eslint-react/jsx');
+var JSX8 = require('@eslint-react/jsx');
 var shared = require('@eslint-react/shared');
 var types = require('@typescript-eslint/types');
 var core = require('@eslint-react/core');
@@ -27,12 +27,12 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
-var JSX9__namespace = /*#__PURE__*/_interopNamespace(JSX9);
+var JSX8__namespace = /*#__PURE__*/_interopNamespace(JSX8);
 var AST__namespace = /*#__PURE__*/_interopNamespace(AST);
 // package.json
 var name = "eslint-plugin-react-dom";
-var version = "1.21.1-next.1";
+var version = "1.22.0-next.0";
 var createRule = shared.createRuleForPlugin("dom");
 function findAttrInCustomAttributes(name2, attributes) {
   return eff.F.pipe(
@@ -42,96 +42,29 @@ function findAttrInCustomAttributes(name2, attributes) {
   );
 }
-// src/rules/no-children-in-void-dom-elements.ts
-var RULE_NAME = "no-children-in-void-dom-elements";
+// src/rules/no-dangerously-set-innerhtml.ts
+var RULE_NAME = "no-dangerously-set-innerhtml";
 var RULE_FEATURES = [
   "CHK"
 ];
-var voidElements = [
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "keygen",
-  "link",
-  "menuitem",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-];
-var no_children_in_void_dom_elements_default = createRule({
-  meta: {
-    type: "problem",
-    docs: {
-      description: "disallow passing 'children' to void DOM elements",
-      [Symbol.for("rule_features")]: RULE_FEATURES
-    },
-    messages: {
-      noChildrenInVoidDomElements: "A void DOM element '<{{element}} />' cannot have children."
-    },
-    schema: []
-  },
-  name: RULE_NAME,
-  create(context) {
-    return {
-      JSXElement(node) {
-        const elementName = JSX9__namespace.getElementName(node.openingElement);
-        if (!elementName || !voidElements.includes(elementName)) return;
-        if (node.children.length > 0) {
-          context.report({
-            messageId: "noChildrenInVoidDomElements",
-            node,
-            data: {
-              element: elementName
-            }
-          });
-        }
-        const { attributes } = node.openingElement;
-        const initialScope = context.sourceCode.getScope(node);
-        const hasAttr = (name2) => eff.O.isSome(JSX9__namespace.findPropInAttributes(attributes, initialScope)(name2));
-        const hasChildrenOrDangerAttr = hasAttr("children") || hasAttr("dangerouslySetInnerHTML");
-        if (hasChildrenOrDangerAttr) {
-          context.report({
-            messageId: "noChildrenInVoidDomElements",
-            node,
-            data: {
-              element: elementName
-            }
-          });
-        }
-      }
-    };
-  },
-  defaultOptions: []
-});
-var RULE_NAME2 = "no-dangerously-set-innerhtml";
-var RULE_FEATURES2 = [
-  "CHK"
-];
 var no_dangerously_set_innerhtml_default = createRule({
   meta: {
     type: "problem",
     docs: {
       description: "disallow when a DOM component is using 'dangerouslySetInnerHTML'",
-      [Symbol.for("rule_features")]: RULE_FEATURES2
+      [Symbol.for("rule_features")]: RULE_FEATURES
     },
     messages: {
       noDangerouslySetInnerhtml: "Using 'dangerouslySetInnerHTML' may have security implications."
     },
     schema: []
   },
-  name: RULE_NAME2,
+  name: RULE_NAME,
   create(context) {
     return {
       JSXElement(node) {
         const initialScope = context.sourceCode.getScope(node);
-        const maybeDanger = JSX9__namespace.findPropInAttributes(node.openingElement.attributes, initialScope)(
+        const maybeDanger = JSX8__namespace.findPropInAttributes(node.openingElement.attributes, initialScope)(
           "dangerouslySetInnerHTML"
         );
         if (eff.O.isSome(maybeDanger)) {
@@ -145,34 +78,34 @@ var no_dangerously_set_innerhtml_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME3 = "no-dangerously-set-innerhtml-with-children";
-var RULE_FEATURES3 = [
+var RULE_NAME2 = "no-dangerously-set-innerhtml-with-children";
+var RULE_FEATURES2 = [
   "CHK"
 ];
 function firstChildIsText(node) {
   const [firstChild] = node.children;
-  return node.children.length > 0 && !eff.isNullable(firstChild) && !JSX9__namespace.isLineBreak(firstChild);
+  return node.children.length > 0 && !eff.isNullable(firstChild) && !JSX8__namespace.isLineBreak(firstChild);
 }
 var no_dangerously_set_innerhtml_with_children_default = createRule({
   meta: {
     type: "problem",
     docs: {
       description: "disallow when a DOM component is using both 'children' and 'dangerouslySetInnerHTML'",
-      [Symbol.for("rule_features")]: RULE_FEATURES3
+      [Symbol.for("rule_features")]: RULE_FEATURES2
     },
     messages: {
       noDangerouslySetInnerhtmlWithChildren: "A DOM component cannot use both 'children' and 'dangerouslySetInnerHTML'."
     },
     schema: []
   },
-  name: RULE_NAME3,
+  name: RULE_NAME2,
   create(context) {
     return {
       JSXElement(node) {
         const initialScope = context.sourceCode.getScope(node);
         const hasChildrenWithIn = () => node.children.length > 0 && firstChildIsText(node);
-        const hasChildrenProp = () => JSX9__namespace.hasProp(node.openingElement.attributes, "children", initialScope);
-        const hasDanger = () => JSX9__namespace.hasProp(node.openingElement.attributes, "dangerouslySetInnerHTML", initialScope);
+        const hasChildrenProp = () => JSX8__namespace.hasProp(node.openingElement.attributes, "children", initialScope);
+        const hasDanger = () => JSX8__namespace.hasProp(node.openingElement.attributes, "dangerouslySetInnerHTML", initialScope);
         if (!(hasChildrenWithIn() || hasChildrenProp()) || !hasDanger()) return;
         context.report({
           messageId: "noDangerouslySetInnerhtmlWithChildren",
@@ -183,8 +116,8 @@ var no_dangerously_set_innerhtml_with_children_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME4 = "no-find-dom-node";
-var RULE_FEATURES4 = [
+var RULE_NAME3 = "no-find-dom-node";
+var RULE_FEATURES3 = [
   "CHK"
 ];
 var no_find_dom_node_default = createRule({
@@ -192,14 +125,14 @@ var no_find_dom_node_default = createRule({
     type: "problem",
     docs: {
       description: "disallow 'findDOMNode'",
-      [Symbol.for("rule_features")]: RULE_FEATURES4
+      [Symbol.for("rule_features")]: RULE_FEATURES3
     },
     messages: {
       noFindDomNode: "[Deprecated] Use alternatives instead."
     },
     schema: []
   },
-  name: RULE_NAME4,
+  name: RULE_NAME3,
   create(context) {
     return {
       CallExpression(node) {
@@ -221,8 +154,8 @@ var no_find_dom_node_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME5 = "no-missing-button-type";
-var RULE_FEATURES5 = [
+var RULE_NAME4 = "no-missing-button-type";
+var RULE_FEATURES4 = [
   "CHK"
 ];
 var no_missing_button_type_default = createRule({
@@ -230,14 +163,14 @@ var no_missing_button_type_default = createRule({
     type: "problem",
     docs: {
       description: "enforce that button component have an explicit 'type' attribute",
-      [Symbol.for("rule_features")]: RULE_FEATURES5
+      [Symbol.for("rule_features")]: RULE_FEATURES4
     },
     messages: {
       noMissingButtonType: "Add missing 'type' attribute on 'button' component."
     },
     schema: []
   },
-  name: RULE_NAME5,
+  name: RULE_NAME4,
   create(context) {
     return {
       JSXElement(node) {
@@ -245,7 +178,7 @@ var no_missing_button_type_default = createRule({
         if (elementName !== "button") return;
         const { attributes } = node.openingElement;
         const initialScope = context.sourceCode.getScope(node);
-        const maybeTypeAttribute = JSX9__namespace.findPropInAttributes(attributes, initialScope)("type");
+        const maybeTypeAttribute = JSX8__namespace.findPropInAttributes(attributes, initialScope)("type");
         if (eff.O.isSome(maybeTypeAttribute)) return;
         context.report({
           messageId: "noMissingButtonType",
@@ -256,8 +189,8 @@ var no_missing_button_type_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME6 = "no-missing-iframe-sandbox";
-var RULE_FEATURES6 = [
+var RULE_NAME5 = "no-missing-iframe-sandbox";
+var RULE_FEATURES5 = [
   "CHK"
 ];
 var validTypes = [
@@ -283,14 +216,14 @@ var no_missing_iframe_sandbox_default = createRule({
     type: "problem",
     docs: {
       description: "enforce that 'iframe' component have an explicit 'sandbox' attribute",
-      [Symbol.for("rule_features")]: RULE_FEATURES6
+      [Symbol.for("rule_features")]: RULE_FEATURES5
     },
     messages: {
       noMissingIframeSandbox: "Add missing 'sandbox' attribute on 'iframe' component."
     },
     schema: []
   },
-  name: RULE_NAME6,
+  name: RULE_NAME5,
   create(context) {
     return {
       JSXElement(node) {
@@ -298,7 +231,7 @@ var no_missing_iframe_sandbox_default = createRule({
         if (elementName !== "iframe") return;
         const { attributes } = node.openingElement;
         const initialScope = context.sourceCode.getScope(node);
-        const maybeSandboxAttribute = JSX9__namespace.findPropInAttributes(attributes, initialScope)("sandbox");
+        const maybeSandboxAttribute = JSX8__namespace.findPropInAttributes(attributes, initialScope)("sandbox");
         if (eff.O.isNone(maybeSandboxAttribute)) {
           context.report({
             messageId: "noMissingIframeSandbox",
@@ -308,7 +241,7 @@ var no_missing_iframe_sandbox_default = createRule({
         }
         const sandboxAttribute = maybeSandboxAttribute.value;
         const hasValidSandbox = eff.F.pipe(
-          JSX9__namespace.getPropValue(sandboxAttribute, context.sourceCode.getScope(sandboxAttribute)),
+          JSX8__namespace.getPropValue(sandboxAttribute, context.sourceCode.getScope(sandboxAttribute)),
           eff.O.filter(eff.isString),
           eff.O.map((value) => value.split(" ")),
           eff.O.exists((values) => values.every((value) => validTypes.some((validType) => validType === value)))
@@ -323,8 +256,8 @@ var no_missing_iframe_sandbox_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME7 = "no-namespace";
-var RULE_FEATURES7 = [
+var RULE_NAME6 = "no-namespace";
+var RULE_FEATURES6 = [
   "CHK"
 ];
 var no_namespace_default = createRule({
@@ -332,18 +265,18 @@ var no_namespace_default = createRule({
     type: "problem",
     docs: {
       description: "enforce that namespaces are not used in React elements",
-      [Symbol.for("rule_features")]: RULE_FEATURES7
+      [Symbol.for("rule_features")]: RULE_FEATURES6
     },
     messages: {
       noNamespace: "A React component '{{name}}' must not be in a namespace, as React does not support them."
     },
     schema: []
   },
-  name: RULE_NAME7,
+  name: RULE_NAME6,
   create(context) {
     return {
       JSXOpeningElement(node) {
-        const name2 = JSX9__namespace.getElementName(node);
+        const name2 = JSX8__namespace.getElementName(node);
         if (!eff.isString(name2) || !name2.includes(":")) return;
         context.report({
           messageId: "noNamespace",
@@ -357,8 +290,8 @@ var no_namespace_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME8 = "no-render-return-value";
-var RULE_FEATURES8 = [
+var RULE_NAME7 = "no-render-return-value";
+var RULE_FEATURES7 = [
   "CHK"
 ];
 var banParentTypes = [
@@ -373,14 +306,14 @@ var no_render_return_value_default = createRule({
     type: "problem",
     docs: {
       description: "disallow usage of the return value of 'ReactDOM.render'",
-      [Symbol.for("rule_features")]: RULE_FEATURES8
+      [Symbol.for("rule_features")]: RULE_FEATURES7
     },
     messages: {
       noRenderReturnValue: "Do not depend on the return value from '{{objectName}}.render'."
     },
     schema: []
   },
-  name: RULE_NAME8,
+  name: RULE_NAME7,
   create(context) {
     return {
       CallExpression(node) {
@@ -404,8 +337,8 @@ var no_render_return_value_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME9 = "no-script-url";
-var RULE_FEATURES9 = [
+var RULE_NAME8 = "no-script-url";
+var RULE_FEATURES8 = [
   "CHK"
 ];
 var no_script_url_default = createRule({
@@ -413,20 +346,20 @@ var no_script_url_default = createRule({
     type: "problem",
     docs: {
       description: "disallow 'javascript:' URLs as JSX event handler prop's value",
-      [Symbol.for("rule_features")]: RULE_FEATURES9
+      [Symbol.for("rule_features")]: RULE_FEATURES8
     },
     messages: {
       noScriptUrl: "Using a `javascript:` URL is a security risk and should be avoided."
     },
     schema: []
   },
-  name: RULE_NAME9,
+  name: RULE_NAME8,
   create(context) {
     return {
       JSXAttribute(node) {
         if (node.name.type !== types.AST_NODE_TYPES.JSXIdentifier || !node.value) return;
         const isJavaScript = eff.F.pipe(
-          JSX9__namespace.getPropValue(node, context.sourceCode.getScope(node)),
+          JSX8__namespace.getPropValue(node, context.sourceCode.getScope(node)),
           eff.O.filter(eff.isString),
           eff.O.exists((v) => shared.RE_JAVASCRIPT_PROTOCOL.test(v))
         );
@@ -441,7 +374,7 @@ var no_script_url_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME10 = "no-unknown-property";
+var RULE_NAME9 = "no-unknown-property";
 var DEFAULTS = {
   ignore: [],
   requireDataLowercase: false
@@ -1403,7 +1336,7 @@ var no_unknown_property_default = createRule({
       }
     }]
   },
-  name: RULE_NAME10,
+  name: RULE_NAME9,
   create(context) {
     function getIgnoreConfig() {
       return context.options[0]?.ignore || DEFAULTS.ignore;
@@ -1498,8 +1431,8 @@ function testReactVersion(context, comparator, version2) {
   const { version: localVersion } = shared.normalizeSettings(shared.decodeSettings(context.settings));
   return compareVersions.compare(localVersion, version2, comparator);
 }
-var RULE_NAME11 = "no-unsafe-iframe-sandbox";
-var RULE_FEATURES10 = [
+var RULE_NAME10 = "no-unsafe-iframe-sandbox";
+var RULE_FEATURES9 = [
   "CHK"
 ];
 var unsafeCombinations = [
@@ -1511,14 +1444,14 @@ var no_unsafe_iframe_sandbox_default = createRule({
     type: "problem",
     docs: {
       description: "disallow unsafe iframe 'sandbox' attribute combinations",
-      [Symbol.for("rule_features")]: RULE_FEATURES10
+      [Symbol.for("rule_features")]: RULE_FEATURES9
     },
     messages: {
       noUnsafeIframeSandbox: "Unsafe 'sandbox' attribute value on 'iframe' component."
     },
     schema: []
   },
-  name: RULE_NAME11,
+  name: RULE_NAME10,
   create(context) {
     return {
       JSXElement(node) {
@@ -1526,10 +1459,10 @@ var no_unsafe_iframe_sandbox_default = createRule({
         if (elementName !== "iframe") return;
         const { attributes } = node.openingElement;
         const initialScope = context.sourceCode.getScope(node);
-        const maybeSandboxAttribute = JSX9__namespace.findPropInAttributes(attributes, initialScope)("sandbox");
+        const maybeSandboxAttribute = JSX8__namespace.findPropInAttributes(attributes, initialScope)("sandbox");
         if (eff.O.isNone(maybeSandboxAttribute)) return;
         const isSafeSandboxValue = !eff.F.pipe(
-          JSX9__namespace.getPropValue(maybeSandboxAttribute.value, context.sourceCode.getScope(maybeSandboxAttribute.value)),
+          JSX8__namespace.getPropValue(maybeSandboxAttribute.value, context.sourceCode.getScope(maybeSandboxAttribute.value)),
           eff.O.flatMapNullable(
             (v) => tsPattern.match(v).with(tsPattern.P.string, eff.F.identity).with({ sandbox: tsPattern.P.string }, ({ sandbox }) => sandbox).otherwise(eff.F.constNull)
           ),
@@ -1549,8 +1482,8 @@ var no_unsafe_iframe_sandbox_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME12 = "no-unsafe-target-blank";
-var RULE_FEATURES11 = [
+var RULE_NAME11 = "no-unsafe-target-blank";
+var RULE_FEATURES10 = [
   "CHK"
 ];
 function isExternalLinkLike(value) {
@@ -1564,19 +1497,19 @@ var no_unsafe_target_blank_default = createRule({
     type: "problem",
     docs: {
       description: `disallow 'target="_blank"' on an external link without 'rel="noreferrer noopener"'`,
-      [Symbol.for("rule_features")]: RULE_FEATURES11
+      [Symbol.for("rule_features")]: RULE_FEATURES10
     },
     messages: {
       noUnsafeTargetBlank: `Using 'target="_blank"' on an external link without 'rel="noreferrer noopener"' is a security risk.`
     },
     schema: []
   },
-  name: RULE_NAME12,
+  name: RULE_NAME11,
   create(context) {
     const settings = shared.normalizeSettings(shared.decodeSettings(context.settings));
     const additionalComponents = settings.additionalComponents.filter((c) => c.as === "a");
     function getReportDescriptor(node) {
-      const name2 = JSX9__namespace.getElementName(node.openingElement);
+      const name2 = JSX8__namespace.getElementName(node.openingElement);
       const elementName = core.getElementRepresentName(node.openingElement, context);
       if (elementName !== "a" && !additionalComponents.some((c) => c.re.test(name2))) return eff.O.none();
       const { attributes } = node.openingElement;
@@ -1586,10 +1519,10 @@ var no_unsafe_target_blank_default = createRule({
         targetPropName,
         targetPropDefaultValue
       ] = findAttrInCustomAttributes("target", additionalAttributes);
-      const targetProp = JSX9__namespace.findPropInAttributes(attributes, initialScope)(targetPropName);
+      const targetProp = JSX8__namespace.findPropInAttributes(attributes, initialScope)(targetPropName);
       const targetPropValue = eff.O.isNone(targetProp) ? eff.O.fromNullable(targetPropDefaultValue) : eff.F.pipe(
         targetProp,
-        eff.O.flatMap((attr) => JSX9__namespace.getPropValue(attr, context.sourceCode.getScope(attr))),
+        eff.O.flatMap((attr) => JSX8__namespace.getPropValue(attr, context.sourceCode.getScope(attr))),
         eff.O.flatMapNullable(
           (v) => tsPattern.match(v).with(tsPattern.P.string, eff.F.identity).with({ [targetPropName]: tsPattern.P.string }, (v2) => v2[targetPropName]).otherwise(eff.F.constNull)
         ),
@@ -1600,10 +1533,10 @@ var no_unsafe_target_blank_default = createRule({
         hrefPropName,
         hrefPropDefaultValue
       ] = findAttrInCustomAttributes("href", additionalAttributes);
-      const hrefProp = JSX9__namespace.findPropInAttributes(attributes, initialScope)(hrefPropName);
+      const hrefProp = JSX8__namespace.findPropInAttributes(attributes, initialScope)(hrefPropName);
       const hrefPropValue = eff.O.isNone(hrefProp) ? eff.O.fromNullable(hrefPropDefaultValue) : eff.F.pipe(
         hrefProp,
-        eff.O.flatMap((attr) => JSX9__namespace.getPropValue(attr, context.sourceCode.getScope(attr))),
+        eff.O.flatMap((attr) => JSX8__namespace.getPropValue(attr, context.sourceCode.getScope(attr))),
         eff.O.flatMapNullable(
           (v) => tsPattern.match(v).with(tsPattern.P.string, eff.F.identity).with({ [hrefPropName]: tsPattern.P.string }, (v2) => v2[hrefPropName]).otherwise(eff.F.constNull)
         ),
@@ -1614,10 +1547,10 @@ var no_unsafe_target_blank_default = createRule({
         relPropName,
         relPropDefaultValue
       ] = findAttrInCustomAttributes("rel", additionalAttributes);
-      const relProp = JSX9__namespace.findPropInAttributes(attributes, initialScope)(relPropName);
+      const relProp = JSX8__namespace.findPropInAttributes(attributes, initialScope)(relPropName);
       const relPropValue = eff.O.isNone(relProp) ? eff.O.fromNullable(relPropDefaultValue) : eff.F.pipe(
         relProp,
-        eff.O.flatMap((attr) => JSX9__namespace.getPropValue(attr, context.sourceCode.getScope(attr))),
+        eff.O.flatMap((attr) => JSX8__namespace.getPropValue(attr, context.sourceCode.getScope(attr))),
         eff.O.flatMapNullable(
           (v) => tsPattern.match(v).with(tsPattern.P.string, eff.F.identity).with({ [relPropName]: tsPattern.P.string }, (v2) => v2[relPropName]).otherwise(eff.F.constNull)
         ),
@@ -1635,15 +1568,81 @@ var no_unsafe_target_blank_default = createRule({
   },
   defaultOptions: []
 });
+var RULE_NAME12 = "no-void-elements-with-children";
+var RULE_FEATURES11 = [
+  "CHK"
+];
+var voidElements = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "keygen",
+  "link",
+  "menuitem",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+var no_void_elements_with_children_default = createRule({
+  meta: {
+    type: "problem",
+    docs: {
+      description: "disallow void elements (AKA self-closing elements) from having children",
+      [Symbol.for("rule_features")]: RULE_FEATURES11
+    },
+    messages: {
+      noVoidElementsWithChildren: "'{{element}}' is a void element tag and must not have children."
+    },
+    schema: []
+  },
+  name: RULE_NAME12,
+  create(context) {
+    return {
+      JSXElement(node) {
+        const elementName = JSX8__namespace.getElementName(node.openingElement);
+        if (!elementName || !voidElements.has(elementName)) return;
+        if (node.children.length > 0) {
+          context.report({
+            messageId: "noVoidElementsWithChildren",
+            node,
+            data: {
+              element: elementName
+            }
+          });
+        }
+        const { attributes } = node.openingElement;
+        const initialScope = context.sourceCode.getScope(node);
+        const hasAttr = (name2) => eff.O.isSome(JSX8__namespace.findPropInAttributes(attributes, initialScope)(name2));
+        const hasChildrenOrDangerAttr = hasAttr("children") || hasAttr("dangerouslySetInnerHTML");
+        if (hasChildrenOrDangerAttr) {
+          context.report({
+            messageId: "noVoidElementsWithChildren",
+            node,
+            data: {
+              element: elementName
+            }
+          });
+        }
+      }
+    };
+  },
+  defaultOptions: []
+});
 // src/index.ts
-var src_default = {
+var index_default = {
   meta: {
     name,
     version
   },
   rules: {
-    "no-children-in-void-dom-elements": no_children_in_void_dom_elements_default,
     "no-dangerously-set-innerhtml": no_dangerously_set_innerhtml_default,
     "no-dangerously-set-innerhtml-with-children": no_dangerously_set_innerhtml_with_children_default,
     "no-find-dom-node": no_find_dom_node_default,
@@ -1654,8 +1653,12 @@ var src_default = {
     "no-script-url": no_script_url_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
+    "no-unsafe-target-blank": no_unsafe_target_blank_default,
+    "no-void-elements-with-children": no_void_elements_with_children_default,
+    // Part: deprecated rules
+    /** @deprecated Use `no-void-elements-with-children` instead */
+    "no-children-in-void-dom-elements": no_void_elements_with_children_default
   }
 };
-module.exports = src_default;
+module.exports = index_default;

package/dist/index.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import { O, F, isString, isNullable } from '@eslint-react/eff';
-import * as JSX9 from '@eslint-react/jsx';
+import * as JSX8 from '@eslint-react/jsx';
 import { createRuleForPlugin, RE_JAVASCRIPT_PROTOCOL, normalizeSettings, decodeSettings } from '@eslint-react/shared';
 import { AST_NODE_TYPES } from '@typescript-eslint/types';
 import { getElementRepresentName } from '@eslint-react/core';
@@ -9,7 +9,7 @@ import { match, P } from 'ts-pattern';
 // package.json
 var name = "eslint-plugin-react-dom";
-var version = "1.21.1-next.1";
+var version = "1.22.0-next.0";
 var createRule = createRuleForPlugin("dom");
 function findAttrInCustomAttributes(name2, attributes) {
   return F.pipe(
@@ -19,96 +19,29 @@ function findAttrInCustomAttributes(name2, attributes) {
   );
 }
-// src/rules/no-children-in-void-dom-elements.ts
-var RULE_NAME = "no-children-in-void-dom-elements";
+// src/rules/no-dangerously-set-innerhtml.ts
+var RULE_NAME = "no-dangerously-set-innerhtml";
 var RULE_FEATURES = [
   "CHK"
 ];
-var voidElements = [
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "keygen",
-  "link",
-  "menuitem",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-];
-var no_children_in_void_dom_elements_default = createRule({
-  meta: {
-    type: "problem",
-    docs: {
-      description: "disallow passing 'children' to void DOM elements",
-      [Symbol.for("rule_features")]: RULE_FEATURES
-    },
-    messages: {
-      noChildrenInVoidDomElements: "A void DOM element '<{{element}} />' cannot have children."
-    },
-    schema: []
-  },
-  name: RULE_NAME,
-  create(context) {
-    return {
-      JSXElement(node) {
-        const elementName = JSX9.getElementName(node.openingElement);
-        if (!elementName || !voidElements.includes(elementName)) return;
-        if (node.children.length > 0) {
-          context.report({
-            messageId: "noChildrenInVoidDomElements",
-            node,
-            data: {
-              element: elementName
-            }
-          });
-        }
-        const { attributes } = node.openingElement;
-        const initialScope = context.sourceCode.getScope(node);
-        const hasAttr = (name2) => O.isSome(JSX9.findPropInAttributes(attributes, initialScope)(name2));
-        const hasChildrenOrDangerAttr = hasAttr("children") || hasAttr("dangerouslySetInnerHTML");
-        if (hasChildrenOrDangerAttr) {
-          context.report({
-            messageId: "noChildrenInVoidDomElements",
-            node,
-            data: {
-              element: elementName
-            }
-          });
-        }
-      }
-    };
-  },
-  defaultOptions: []
-});
-var RULE_NAME2 = "no-dangerously-set-innerhtml";
-var RULE_FEATURES2 = [
-  "CHK"
-];
 var no_dangerously_set_innerhtml_default = createRule({
   meta: {
     type: "problem",
     docs: {
       description: "disallow when a DOM component is using 'dangerouslySetInnerHTML'",
-      [Symbol.for("rule_features")]: RULE_FEATURES2
+      [Symbol.for("rule_features")]: RULE_FEATURES
     },
     messages: {
       noDangerouslySetInnerhtml: "Using 'dangerouslySetInnerHTML' may have security implications."
     },
     schema: []
   },
-  name: RULE_NAME2,
+  name: RULE_NAME,
   create(context) {
     return {
       JSXElement(node) {
         const initialScope = context.sourceCode.getScope(node);
-        const maybeDanger = JSX9.findPropInAttributes(node.openingElement.attributes, initialScope)(
+        const maybeDanger = JSX8.findPropInAttributes(node.openingElement.attributes, initialScope)(
           "dangerouslySetInnerHTML"
         );
         if (O.isSome(maybeDanger)) {
@@ -122,34 +55,34 @@ var no_dangerously_set_innerhtml_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME3 = "no-dangerously-set-innerhtml-with-children";
-var RULE_FEATURES3 = [
+var RULE_NAME2 = "no-dangerously-set-innerhtml-with-children";
+var RULE_FEATURES2 = [
   "CHK"
 ];
 function firstChildIsText(node) {
   const [firstChild] = node.children;
-  return node.children.length > 0 && !isNullable(firstChild) && !JSX9.isLineBreak(firstChild);
+  return node.children.length > 0 && !isNullable(firstChild) && !JSX8.isLineBreak(firstChild);
 }
 var no_dangerously_set_innerhtml_with_children_default = createRule({
   meta: {
     type: "problem",
     docs: {
       description: "disallow when a DOM component is using both 'children' and 'dangerouslySetInnerHTML'",
-      [Symbol.for("rule_features")]: RULE_FEATURES3
+      [Symbol.for("rule_features")]: RULE_FEATURES2
     },
     messages: {
       noDangerouslySetInnerhtmlWithChildren: "A DOM component cannot use both 'children' and 'dangerouslySetInnerHTML'."
     },
     schema: []
   },
-  name: RULE_NAME3,
+  name: RULE_NAME2,
   create(context) {
     return {
       JSXElement(node) {
         const initialScope = context.sourceCode.getScope(node);
         const hasChildrenWithIn = () => node.children.length > 0 && firstChildIsText(node);
-        const hasChildrenProp = () => JSX9.hasProp(node.openingElement.attributes, "children", initialScope);
-        const hasDanger = () => JSX9.hasProp(node.openingElement.attributes, "dangerouslySetInnerHTML", initialScope);
+        const hasChildrenProp = () => JSX8.hasProp(node.openingElement.attributes, "children", initialScope);
+        const hasDanger = () => JSX8.hasProp(node.openingElement.attributes, "dangerouslySetInnerHTML", initialScope);
         if (!(hasChildrenWithIn() || hasChildrenProp()) || !hasDanger()) return;
         context.report({
           messageId: "noDangerouslySetInnerhtmlWithChildren",
@@ -160,8 +93,8 @@ var no_dangerously_set_innerhtml_with_children_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME4 = "no-find-dom-node";
-var RULE_FEATURES4 = [
+var RULE_NAME3 = "no-find-dom-node";
+var RULE_FEATURES3 = [
   "CHK"
 ];
 var no_find_dom_node_default = createRule({
@@ -169,14 +102,14 @@ var no_find_dom_node_default = createRule({
     type: "problem",
     docs: {
       description: "disallow 'findDOMNode'",
-      [Symbol.for("rule_features")]: RULE_FEATURES4
+      [Symbol.for("rule_features")]: RULE_FEATURES3
     },
     messages: {
       noFindDomNode: "[Deprecated] Use alternatives instead."
     },
     schema: []
   },
-  name: RULE_NAME4,
+  name: RULE_NAME3,
   create(context) {
     return {
       CallExpression(node) {
@@ -198,8 +131,8 @@ var no_find_dom_node_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME5 = "no-missing-button-type";
-var RULE_FEATURES5 = [
+var RULE_NAME4 = "no-missing-button-type";
+var RULE_FEATURES4 = [
   "CHK"
 ];
 var no_missing_button_type_default = createRule({
@@ -207,14 +140,14 @@ var no_missing_button_type_default = createRule({
     type: "problem",
     docs: {
       description: "enforce that button component have an explicit 'type' attribute",
-      [Symbol.for("rule_features")]: RULE_FEATURES5
+      [Symbol.for("rule_features")]: RULE_FEATURES4
     },
     messages: {
       noMissingButtonType: "Add missing 'type' attribute on 'button' component."
     },
     schema: []
   },
-  name: RULE_NAME5,
+  name: RULE_NAME4,
   create(context) {
     return {
       JSXElement(node) {
@@ -222,7 +155,7 @@ var no_missing_button_type_default = createRule({
         if (elementName !== "button") return;
         const { attributes } = node.openingElement;
         const initialScope = context.sourceCode.getScope(node);
-        const maybeTypeAttribute = JSX9.findPropInAttributes(attributes, initialScope)("type");
+        const maybeTypeAttribute = JSX8.findPropInAttributes(attributes, initialScope)("type");
         if (O.isSome(maybeTypeAttribute)) return;
         context.report({
           messageId: "noMissingButtonType",
@@ -233,8 +166,8 @@ var no_missing_button_type_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME6 = "no-missing-iframe-sandbox";
-var RULE_FEATURES6 = [
+var RULE_NAME5 = "no-missing-iframe-sandbox";
+var RULE_FEATURES5 = [
   "CHK"
 ];
 var validTypes = [
@@ -260,14 +193,14 @@ var no_missing_iframe_sandbox_default = createRule({
     type: "problem",
     docs: {
       description: "enforce that 'iframe' component have an explicit 'sandbox' attribute",
-      [Symbol.for("rule_features")]: RULE_FEATURES6
+      [Symbol.for("rule_features")]: RULE_FEATURES5
     },
     messages: {
       noMissingIframeSandbox: "Add missing 'sandbox' attribute on 'iframe' component."
     },
     schema: []
   },
-  name: RULE_NAME6,
+  name: RULE_NAME5,
   create(context) {
     return {
       JSXElement(node) {
@@ -275,7 +208,7 @@ var no_missing_iframe_sandbox_default = createRule({
         if (elementName !== "iframe") return;
         const { attributes } = node.openingElement;
         const initialScope = context.sourceCode.getScope(node);
-        const maybeSandboxAttribute = JSX9.findPropInAttributes(attributes, initialScope)("sandbox");
+        const maybeSandboxAttribute = JSX8.findPropInAttributes(attributes, initialScope)("sandbox");
         if (O.isNone(maybeSandboxAttribute)) {
           context.report({
             messageId: "noMissingIframeSandbox",
@@ -285,7 +218,7 @@ var no_missing_iframe_sandbox_default = createRule({
         }
         const sandboxAttribute = maybeSandboxAttribute.value;
         const hasValidSandbox = F.pipe(
-          JSX9.getPropValue(sandboxAttribute, context.sourceCode.getScope(sandboxAttribute)),
+          JSX8.getPropValue(sandboxAttribute, context.sourceCode.getScope(sandboxAttribute)),
           O.filter(isString),
           O.map((value) => value.split(" ")),
           O.exists((values) => values.every((value) => validTypes.some((validType) => validType === value)))
@@ -300,8 +233,8 @@ var no_missing_iframe_sandbox_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME7 = "no-namespace";
-var RULE_FEATURES7 = [
+var RULE_NAME6 = "no-namespace";
+var RULE_FEATURES6 = [
   "CHK"
 ];
 var no_namespace_default = createRule({
@@ -309,18 +242,18 @@ var no_namespace_default = createRule({
     type: "problem",
     docs: {
       description: "enforce that namespaces are not used in React elements",
-      [Symbol.for("rule_features")]: RULE_FEATURES7
+      [Symbol.for("rule_features")]: RULE_FEATURES6
     },
     messages: {
       noNamespace: "A React component '{{name}}' must not be in a namespace, as React does not support them."
     },
     schema: []
   },
-  name: RULE_NAME7,
+  name: RULE_NAME6,
   create(context) {
     return {
       JSXOpeningElement(node) {
-        const name2 = JSX9.getElementName(node);
+        const name2 = JSX8.getElementName(node);
         if (!isString(name2) || !name2.includes(":")) return;
         context.report({
           messageId: "noNamespace",
@@ -334,8 +267,8 @@ var no_namespace_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME8 = "no-render-return-value";
-var RULE_FEATURES8 = [
+var RULE_NAME7 = "no-render-return-value";
+var RULE_FEATURES7 = [
   "CHK"
 ];
 var banParentTypes = [
@@ -350,14 +283,14 @@ var no_render_return_value_default = createRule({
     type: "problem",
     docs: {
       description: "disallow usage of the return value of 'ReactDOM.render'",
-      [Symbol.for("rule_features")]: RULE_FEATURES8
+      [Symbol.for("rule_features")]: RULE_FEATURES7
     },
     messages: {
       noRenderReturnValue: "Do not depend on the return value from '{{objectName}}.render'."
     },
     schema: []
   },
-  name: RULE_NAME8,
+  name: RULE_NAME7,
   create(context) {
     return {
       CallExpression(node) {
@@ -381,8 +314,8 @@ var no_render_return_value_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME9 = "no-script-url";
-var RULE_FEATURES9 = [
+var RULE_NAME8 = "no-script-url";
+var RULE_FEATURES8 = [
   "CHK"
 ];
 var no_script_url_default = createRule({
@@ -390,20 +323,20 @@ var no_script_url_default = createRule({
     type: "problem",
     docs: {
       description: "disallow 'javascript:' URLs as JSX event handler prop's value",
-      [Symbol.for("rule_features")]: RULE_FEATURES9
+      [Symbol.for("rule_features")]: RULE_FEATURES8
     },
     messages: {
       noScriptUrl: "Using a `javascript:` URL is a security risk and should be avoided."
     },
     schema: []
   },
-  name: RULE_NAME9,
+  name: RULE_NAME8,
   create(context) {
     return {
       JSXAttribute(node) {
         if (node.name.type !== AST_NODE_TYPES.JSXIdentifier || !node.value) return;
         const isJavaScript = F.pipe(
-          JSX9.getPropValue(node, context.sourceCode.getScope(node)),
+          JSX8.getPropValue(node, context.sourceCode.getScope(node)),
           O.filter(isString),
           O.exists((v) => RE_JAVASCRIPT_PROTOCOL.test(v))
         );
@@ -418,7 +351,7 @@ var no_script_url_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME10 = "no-unknown-property";
+var RULE_NAME9 = "no-unknown-property";
 var DEFAULTS = {
   ignore: [],
   requireDataLowercase: false
@@ -1380,7 +1313,7 @@ var no_unknown_property_default = createRule({
       }
     }]
   },
-  name: RULE_NAME10,
+  name: RULE_NAME9,
   create(context) {
     function getIgnoreConfig() {
       return context.options[0]?.ignore || DEFAULTS.ignore;
@@ -1475,8 +1408,8 @@ function testReactVersion(context, comparator, version2) {
   const { version: localVersion } = normalizeSettings(decodeSettings(context.settings));
   return compare(localVersion, version2, comparator);
 }
-var RULE_NAME11 = "no-unsafe-iframe-sandbox";
-var RULE_FEATURES10 = [
+var RULE_NAME10 = "no-unsafe-iframe-sandbox";
+var RULE_FEATURES9 = [
   "CHK"
 ];
 var unsafeCombinations = [
@@ -1488,14 +1421,14 @@ var no_unsafe_iframe_sandbox_default = createRule({
     type: "problem",
     docs: {
       description: "disallow unsafe iframe 'sandbox' attribute combinations",
-      [Symbol.for("rule_features")]: RULE_FEATURES10
+      [Symbol.for("rule_features")]: RULE_FEATURES9
     },
     messages: {
       noUnsafeIframeSandbox: "Unsafe 'sandbox' attribute value on 'iframe' component."
     },
     schema: []
   },
-  name: RULE_NAME11,
+  name: RULE_NAME10,
   create(context) {
     return {
       JSXElement(node) {
@@ -1503,10 +1436,10 @@ var no_unsafe_iframe_sandbox_default = createRule({
         if (elementName !== "iframe") return;
         const { attributes } = node.openingElement;
         const initialScope = context.sourceCode.getScope(node);
-        const maybeSandboxAttribute = JSX9.findPropInAttributes(attributes, initialScope)("sandbox");
+        const maybeSandboxAttribute = JSX8.findPropInAttributes(attributes, initialScope)("sandbox");
         if (O.isNone(maybeSandboxAttribute)) return;
         const isSafeSandboxValue = !F.pipe(
-          JSX9.getPropValue(maybeSandboxAttribute.value, context.sourceCode.getScope(maybeSandboxAttribute.value)),
+          JSX8.getPropValue(maybeSandboxAttribute.value, context.sourceCode.getScope(maybeSandboxAttribute.value)),
           O.flatMapNullable(
             (v) => match(v).with(P.string, F.identity).with({ sandbox: P.string }, ({ sandbox }) => sandbox).otherwise(F.constNull)
           ),
@@ -1526,8 +1459,8 @@ var no_unsafe_iframe_sandbox_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME12 = "no-unsafe-target-blank";
-var RULE_FEATURES11 = [
+var RULE_NAME11 = "no-unsafe-target-blank";
+var RULE_FEATURES10 = [
   "CHK"
 ];
 function isExternalLinkLike(value) {
@@ -1541,19 +1474,19 @@ var no_unsafe_target_blank_default = createRule({
     type: "problem",
     docs: {
       description: `disallow 'target="_blank"' on an external link without 'rel="noreferrer noopener"'`,
-      [Symbol.for("rule_features")]: RULE_FEATURES11
+      [Symbol.for("rule_features")]: RULE_FEATURES10
     },
     messages: {
       noUnsafeTargetBlank: `Using 'target="_blank"' on an external link without 'rel="noreferrer noopener"' is a security risk.`
     },
     schema: []
   },
-  name: RULE_NAME12,
+  name: RULE_NAME11,
   create(context) {
     const settings = normalizeSettings(decodeSettings(context.settings));
     const additionalComponents = settings.additionalComponents.filter((c) => c.as === "a");
     function getReportDescriptor(node) {
-      const name2 = JSX9.getElementName(node.openingElement);
+      const name2 = JSX8.getElementName(node.openingElement);
       const elementName = getElementRepresentName(node.openingElement, context);
       if (elementName !== "a" && !additionalComponents.some((c) => c.re.test(name2))) return O.none();
       const { attributes } = node.openingElement;
@@ -1563,10 +1496,10 @@ var no_unsafe_target_blank_default = createRule({
         targetPropName,
         targetPropDefaultValue
       ] = findAttrInCustomAttributes("target", additionalAttributes);
-      const targetProp = JSX9.findPropInAttributes(attributes, initialScope)(targetPropName);
+      const targetProp = JSX8.findPropInAttributes(attributes, initialScope)(targetPropName);
       const targetPropValue = O.isNone(targetProp) ? O.fromNullable(targetPropDefaultValue) : F.pipe(
         targetProp,
-        O.flatMap((attr) => JSX9.getPropValue(attr, context.sourceCode.getScope(attr))),
+        O.flatMap((attr) => JSX8.getPropValue(attr, context.sourceCode.getScope(attr))),
         O.flatMapNullable(
           (v) => match(v).with(P.string, F.identity).with({ [targetPropName]: P.string }, (v2) => v2[targetPropName]).otherwise(F.constNull)
         ),
@@ -1577,10 +1510,10 @@ var no_unsafe_target_blank_default = createRule({
         hrefPropName,
         hrefPropDefaultValue
       ] = findAttrInCustomAttributes("href", additionalAttributes);
-      const hrefProp = JSX9.findPropInAttributes(attributes, initialScope)(hrefPropName);
+      const hrefProp = JSX8.findPropInAttributes(attributes, initialScope)(hrefPropName);
       const hrefPropValue = O.isNone(hrefProp) ? O.fromNullable(hrefPropDefaultValue) : F.pipe(
         hrefProp,
-        O.flatMap((attr) => JSX9.getPropValue(attr, context.sourceCode.getScope(attr))),
+        O.flatMap((attr) => JSX8.getPropValue(attr, context.sourceCode.getScope(attr))),
         O.flatMapNullable(
           (v) => match(v).with(P.string, F.identity).with({ [hrefPropName]: P.string }, (v2) => v2[hrefPropName]).otherwise(F.constNull)
         ),
@@ -1591,10 +1524,10 @@ var no_unsafe_target_blank_default = createRule({
         relPropName,
         relPropDefaultValue
       ] = findAttrInCustomAttributes("rel", additionalAttributes);
-      const relProp = JSX9.findPropInAttributes(attributes, initialScope)(relPropName);
+      const relProp = JSX8.findPropInAttributes(attributes, initialScope)(relPropName);
       const relPropValue = O.isNone(relProp) ? O.fromNullable(relPropDefaultValue) : F.pipe(
         relProp,
-        O.flatMap((attr) => JSX9.getPropValue(attr, context.sourceCode.getScope(attr))),
+        O.flatMap((attr) => JSX8.getPropValue(attr, context.sourceCode.getScope(attr))),
         O.flatMapNullable(
           (v) => match(v).with(P.string, F.identity).with({ [relPropName]: P.string }, (v2) => v2[relPropName]).otherwise(F.constNull)
         ),
@@ -1612,15 +1545,81 @@ var no_unsafe_target_blank_default = createRule({
   },
   defaultOptions: []
 });
+var RULE_NAME12 = "no-void-elements-with-children";
+var RULE_FEATURES11 = [
+  "CHK"
+];
+var voidElements = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "keygen",
+  "link",
+  "menuitem",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+var no_void_elements_with_children_default = createRule({
+  meta: {
+    type: "problem",
+    docs: {
+      description: "disallow void elements (AKA self-closing elements) from having children",
+      [Symbol.for("rule_features")]: RULE_FEATURES11
+    },
+    messages: {
+      noVoidElementsWithChildren: "'{{element}}' is a void element tag and must not have children."
+    },
+    schema: []
+  },
+  name: RULE_NAME12,
+  create(context) {
+    return {
+      JSXElement(node) {
+        const elementName = JSX8.getElementName(node.openingElement);
+        if (!elementName || !voidElements.has(elementName)) return;
+        if (node.children.length > 0) {
+          context.report({
+            messageId: "noVoidElementsWithChildren",
+            node,
+            data: {
+              element: elementName
+            }
+          });
+        }
+        const { attributes } = node.openingElement;
+        const initialScope = context.sourceCode.getScope(node);
+        const hasAttr = (name2) => O.isSome(JSX8.findPropInAttributes(attributes, initialScope)(name2));
+        const hasChildrenOrDangerAttr = hasAttr("children") || hasAttr("dangerouslySetInnerHTML");
+        if (hasChildrenOrDangerAttr) {
+          context.report({
+            messageId: "noVoidElementsWithChildren",
+            node,
+            data: {
+              element: elementName
+            }
+          });
+        }
+      }
+    };
+  },
+  defaultOptions: []
+});
 // src/index.ts
-var src_default = {
+var index_default = {
   meta: {
     name,
     version
   },
   rules: {
-    "no-children-in-void-dom-elements": no_children_in_void_dom_elements_default,
     "no-dangerously-set-innerhtml": no_dangerously_set_innerhtml_default,
     "no-dangerously-set-innerhtml-with-children": no_dangerously_set_innerhtml_with_children_default,
     "no-find-dom-node": no_find_dom_node_default,
@@ -1631,8 +1630,12 @@ var src_default = {
     "no-script-url": no_script_url_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
+    "no-unsafe-target-blank": no_unsafe_target_blank_default,
+    "no-void-elements-with-children": no_void_elements_with_children_default,
+    // Part: deprecated rules
+    /** @deprecated Use `no-void-elements-with-children` instead */
+    "no-children-in-void-dom-elements": no_void_elements_with_children_default
   }
 };
-export { src_default as default };
+export { index_default as default };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-dom",
-  "version": "1.21.1-next.1",
+  "version": "1.22.0-next.0",
   "description": "ESLint React's ESLint plugin for React DOM related rules.",
   "keywords": [
     "react",
@@ -39,7 +39,7 @@
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "files": [
-    "./dist",
+    "dist",
     "./package.json"
   ],
   "dependencies": {
@@ -48,13 +48,13 @@
     "@typescript-eslint/utils": "^8.18.1",
     "compare-versions": "^6.1.1",
     "ts-pattern": "^5.6.0",
-    "@eslint-react/ast": "1.21.1-next.1",
-    "@eslint-react/core": "1.21.1-next.1",
-    "@eslint-react/eff": "1.21.1-next.1",
-    "@eslint-react/jsx": "1.21.1-next.1",
-    "@eslint-react/shared": "1.21.1-next.1",
-    "@eslint-react/types": "1.21.1-next.1",
-    "@eslint-react/var": "1.21.1-next.1"
+    "@eslint-react/ast": "1.22.0-next.0",
+    "@eslint-react/jsx": "1.22.0-next.0",
+    "@eslint-react/core": "1.22.0-next.0",
+    "@eslint-react/eff": "1.22.0-next.0",
+    "@eslint-react/shared": "1.22.0-next.0",
+    "@eslint-react/types": "1.22.0-next.0",
+    "@eslint-react/var": "1.22.0-next.0"
   },
   "devDependencies": {
     "@types/react": "^19.0.2",