eslint-plugin-react-dom 1.17.1-beta.2 → 1.17.1-beta.3

package/dist/index.js

@@ -5,6 +5,7 @@ var shared = require('@eslint-react/shared');
 var tools = require('@eslint-react/tools');
 var types = require('@typescript-eslint/types');
 var AST = require('@eslint-react/ast');
+var compareVersions = require('compare-versions');
 var tsPattern = require('ts-pattern');
 
 function _interopNamespace(e) {
@@ -30,7 +31,7 @@ var AST__namespace = /*#__PURE__*/_interopNamespace(AST);
 
 // package.json
 var name = "eslint-plugin-react-dom";
-var version = "1.17.1-beta.2";
+var version = "1.17.1-beta.3";
 var createRule = shared.createRuleForPlugin("dom");
 function findAttrInCustomAttributes(name2, attributes) {
   return tools.F.pipe(
@@ -412,8 +413,6 @@ var no_script_url_default = createRule({
   },
   defaultOptions: []
 });
-
-// src/rules/no-unknown-property.ts
 var RULE_NAME10 = "no-unknown-property";
 var DEFAULTS = {
   ignore: [],
@@ -820,11 +819,7 @@ var DOM_PROPERTY_NAMES_ONE_WORD = [
   "results",
   "security",
   // Video specific
-  "controls",
-  // popovers
-  "popover",
-  "popovertarget",
-  "popovertargetaction"
+  "controls"
 ];
 var DOM_PROPERTY_NAMES_TWO_WORDS = [
   // Global attributes - can be used on any HTML/DOM element
@@ -1289,11 +1284,24 @@ var REACT_ON_PROPS = [
   "onPointerUp",
   "onPointerUpCapture"
 ];
+var POPOVER_API_PROPS = [
+  "popover",
+  "popoverTarget",
+  "popoverTargetAction",
+  "onToggle",
+  "onBeforeToggle"
+];
 function getDOMPropertyNames(context) {
   const ALL_DOM_PROPERTY_NAMES = DOM_PROPERTY_NAMES_TWO_WORDS.concat(DOM_PROPERTY_NAMES_ONE_WORD);
-  {
-    return ALL_DOM_PROPERTY_NAMES.concat(REACT_ON_PROPS);
+  if (testReactVersion(context, "<=", "16.1.0")) {
+    ALL_DOM_PROPERTY_NAMES.push("allowTransparency");
+    return ALL_DOM_PROPERTY_NAMES;
+  }
+  if (testReactVersion(context, ">=", "16.4.0")) {
+    ALL_DOM_PROPERTY_NAMES.push(...REACT_ON_PROPS);
   }
+  testReactVersion(context, ">=", "19.0.0-rc.0") ? ALL_DOM_PROPERTY_NAMES.push(...POPOVER_API_PROPS) : ALL_DOM_PROPERTY_NAMES.push(...POPOVER_API_PROPS.map((prop) => prop.toLowerCase()));
+  return ALL_DOM_PROPERTY_NAMES;
 }
 function isValidHTMLTagInJSX(childNode) {
   const tagConvention = /^[a-z][^-]*$/;
@@ -1334,7 +1342,7 @@ function getStandardName(name2, context) {
   if (has(SVGDOM_ATTRIBUTE_NAMES, name2)) {
     return SVGDOM_ATTRIBUTE_NAMES[name2];
   }
-  const names = getDOMPropertyNames();
+  const names = getDOMPropertyNames(context);
   return names.find((element) => element.toLowerCase() === name2.toLowerCase());
 }
 var messages = {
@@ -1416,7 +1424,7 @@ var no_unknown_property_default = createRule({
           }
           return;
         }
-        const standardName = getStandardName(name2);
+        const standardName = getStandardName(name2, context);
         const hasStandardNameButIsNotUsed = standardName && standardName !== name2;
         const usesStandardName = standardName && standardName === name2;
         if (usesStandardName) {
@@ -1458,6 +1466,11 @@ function report(context, message, messageId, data) {
     ...data
   });
 }
+function testReactVersion(context, comparator, version2) {
+  const { version: localVersion } = shared.normalizeSettings(shared.decodeSettings(context.settings));
+  console.log(localVersion, version2, comparator);
+  return compareVersions.compare(localVersion, version2, comparator);
+}
 var RULE_NAME11 = "no-unsafe-iframe-sandbox";
 var unsafeCombinations = [
   ["allow-scripts", "allow-same-origin"]

package/dist/index.mjs

@@ -3,11 +3,12 @@ import { createRuleForPlugin, normalizeSettings, decodeSettings, RE_JAVASCRIPT_P
 import { O, F, isString, isNullable } from '@eslint-react/tools';
 import { AST_NODE_TYPES } from '@typescript-eslint/types';
 import * as AST from '@eslint-react/ast';
+import { compare } from 'compare-versions';
 import { match, P } from 'ts-pattern';
 
 // package.json
 var name = "eslint-plugin-react-dom";
-var version = "1.17.1-beta.2";
+var version = "1.17.1-beta.3";
 var createRule = createRuleForPlugin("dom");
 function findAttrInCustomAttributes(name2, attributes) {
   return F.pipe(
@@ -389,8 +390,6 @@ var no_script_url_default = createRule({
   },
   defaultOptions: []
 });
-
-// src/rules/no-unknown-property.ts
 var RULE_NAME10 = "no-unknown-property";
 var DEFAULTS = {
   ignore: [],
@@ -797,11 +796,7 @@ var DOM_PROPERTY_NAMES_ONE_WORD = [
   "results",
   "security",
   // Video specific
-  "controls",
-  // popovers
-  "popover",
-  "popovertarget",
-  "popovertargetaction"
+  "controls"
 ];
 var DOM_PROPERTY_NAMES_TWO_WORDS = [
   // Global attributes - can be used on any HTML/DOM element
@@ -1266,11 +1261,24 @@ var REACT_ON_PROPS = [
   "onPointerUp",
   "onPointerUpCapture"
 ];
+var POPOVER_API_PROPS = [
+  "popover",
+  "popoverTarget",
+  "popoverTargetAction",
+  "onToggle",
+  "onBeforeToggle"
+];
 function getDOMPropertyNames(context) {
   const ALL_DOM_PROPERTY_NAMES = DOM_PROPERTY_NAMES_TWO_WORDS.concat(DOM_PROPERTY_NAMES_ONE_WORD);
-  {
-    return ALL_DOM_PROPERTY_NAMES.concat(REACT_ON_PROPS);
+  if (testReactVersion(context, "<=", "16.1.0")) {
+    ALL_DOM_PROPERTY_NAMES.push("allowTransparency");
+    return ALL_DOM_PROPERTY_NAMES;
+  }
+  if (testReactVersion(context, ">=", "16.4.0")) {
+    ALL_DOM_PROPERTY_NAMES.push(...REACT_ON_PROPS);
   }
+  testReactVersion(context, ">=", "19.0.0-rc.0") ? ALL_DOM_PROPERTY_NAMES.push(...POPOVER_API_PROPS) : ALL_DOM_PROPERTY_NAMES.push(...POPOVER_API_PROPS.map((prop) => prop.toLowerCase()));
+  return ALL_DOM_PROPERTY_NAMES;
 }
 function isValidHTMLTagInJSX(childNode) {
   const tagConvention = /^[a-z][^-]*$/;
@@ -1311,7 +1319,7 @@ function getStandardName(name2, context) {
   if (has(SVGDOM_ATTRIBUTE_NAMES, name2)) {
     return SVGDOM_ATTRIBUTE_NAMES[name2];
   }
-  const names = getDOMPropertyNames();
+  const names = getDOMPropertyNames(context);
   return names.find((element) => element.toLowerCase() === name2.toLowerCase());
 }
 var messages = {
@@ -1393,7 +1401,7 @@ var no_unknown_property_default = createRule({
           }
           return;
         }
-        const standardName = getStandardName(name2);
+        const standardName = getStandardName(name2, context);
         const hasStandardNameButIsNotUsed = standardName && standardName !== name2;
         const usesStandardName = standardName && standardName === name2;
         if (usesStandardName) {
@@ -1435,6 +1443,11 @@ function report(context, message, messageId, data) {
     ...data
   });
 }
+function testReactVersion(context, comparator, version2) {
+  const { version: localVersion } = normalizeSettings(decodeSettings(context.settings));
+  console.log(localVersion, version2, comparator);
+  return compare(localVersion, version2, comparator);
+}
 var RULE_NAME11 = "no-unsafe-iframe-sandbox";
 var unsafeCombinations = [
   ["allow-scripts", "allow-same-origin"]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-dom",
-  "version": "1.17.1-beta.2",
+  "version": "1.17.1-beta.3",
   "description": "ESLint React's ESLint plugin for React DOM related rules.",
   "keywords": [
     "eslint",
@@ -45,14 +45,15 @@
     "@typescript-eslint/scope-manager": "^8.15.0",
     "@typescript-eslint/types": "^8.15.0",
     "@typescript-eslint/utils": "^8.15.0",
+    "compare-versions": "^6.1.1",
     "ts-pattern": "^5.5.0",
-    "@eslint-react/ast": "1.17.1-beta.2",
-    "@eslint-react/core": "1.17.1-beta.2",
-    "@eslint-react/jsx": "1.17.1-beta.2",
-    "@eslint-react/shared": "1.17.1-beta.2",
-    "@eslint-react/types": "1.17.1-beta.2",
-    "@eslint-react/tools": "1.17.1-beta.2",
-    "@eslint-react/var": "1.17.1-beta.2"
+    "@eslint-react/ast": "1.17.1-beta.3",
+    "@eslint-react/core": "1.17.1-beta.3",
+    "@eslint-react/jsx": "1.17.1-beta.3",
+    "@eslint-react/shared": "1.17.1-beta.3",
+    "@eslint-react/tools": "1.17.1-beta.3",
+    "@eslint-react/types": "1.17.1-beta.3",
+    "@eslint-react/var": "1.17.1-beta.3"
   },
   "devDependencies": {
     "@types/react": "^18.3.12",