fix: move 'react-x/no-string-style-prop' to 'react-dom/no-string-style-prop'

Author: Rel1cx

apps/website/content/docs/rules/meta.json

@@ -47,7 +47,6 @@
     "no-set-state-in-component-did-update",
     "no-set-state-in-component-will-update",
     "no-string-refs",
-    "no-string-style-prop",
     "no-unnecessary-use-callback",
     "no-unnecessary-use-memo",
     "no-unnecessary-use-prefix",
@@ -77,6 +76,7 @@
     "dom-no-render",
     "dom-no-render-return-value",
     "dom-no-script-url",
+    "dom-no-string-style-prop",
     "dom-no-unknown-property",
     "dom-no-unsafe-iframe-sandbox",
     "dom-no-unsafe-target-blank",

apps/website/content/docs/rules/overview.mdx

@@ -74,7 +74,6 @@ The `jsx-*` rules check for issues exclusive to JSX syntax, which are absent fro
 | [`no-set-state-in-component-did-update`](./no-set-state-in-component-did-update)     | 1️⃣ |           | Disallow calling `this.setState` in `componentDidUpdate` outside of functions, such as callbacks    |          |
 | [`no-set-state-in-component-will-update`](./no-set-state-in-component-will-update)   | 1️⃣ |           | Disallow calling `this.setState` in `componentWillUpdate` outside of functions, such as callbacks   |          |
 | [`no-string-refs`](./no-string-refs)                                                 | 2️⃣ |   `🔄`    | Replaces string refs with callback refs                                                             | >=16.3.0 |
-| [`no-string-style-prop`](./no-string-style-prop)                                     | 2️⃣ |           | Disallow string values for the `style` prop                                                          |         |
 | [`no-unnecessary-use-callback`](./no-unnecessary-use-callback)                       | 0️⃣ |   `🧪`    | Disallow unnecessary usage of `useCallback`                                                         |          |
 | [`no-unnecessary-use-memo`](./no-unnecessary-use-memo)                               | 0️⃣ |   `🧪`    | Disallow unnecessary usage of `useMemo`                                                             |          |
 | [`no-unnecessary-use-prefix`](./no-unnecessary-use-prefix)                           | 0️⃣ |           | Enforces that a function with the `use` prefix should use at least one Hook inside of it            |          |
@@ -109,6 +108,7 @@ The `jsx-*` rules check for issues exclusive to JSX syntax, which are absent fro
 | [`no-render`](./dom-no-render)                                                                   | 2️⃣ |   `🔄`    | Replaces usages of `ReactDom.render()` with `createRoot(node).render()`              |  >=18.0.0   |
 | [`no-render-return-value`](./dom-no-render-return-value)                                         | 2️⃣ |           | Disallow the return value of `ReactDOM.render`                                       |             |
 | [`no-script-url`](./dom-no-script-url)                                                           | 1️⃣ |           | Disallow `javascript:` URLs as attribute values                                      |             |
+| [`no-string-style-prop`](./dom-no-string-style-prop)                                             | 2️⃣ |           | Disallow string values for the `style` prop                                          |             |
 | [`no-unknown-property`](./dom-no-unknown-property)                                               | 0️⃣ | `🔧` `⚙️` | Disallow unknown `DOM` property                                                      |             |
 | [`no-unsafe-iframe-sandbox`](./dom-no-unsafe-iframe-sandbox)                                     | 1️⃣ |           | Enforces `sandbox` attribute for `iframe` elements is not set to unsafe combinations |             |
 | [`no-unsafe-target-blank`](./dom-no-unsafe-target-blank)                                         | 1️⃣ |   `🔧`    | Disallow `target="_blank"` without `rel="noreferrer noopener"`                       |             |

packages/plugins/eslint-plugin-react-dom/src/configs/recommended.ts

@@ -15,6 +15,7 @@ export const rules = {
   "react-dom/no-render": "error",
   "react-dom/no-render-return-value": "error",
   "react-dom/no-script-url": "warn",
+  "react-dom/no-string-style-prop": "error",
   "react-dom/no-unsafe-iframe-sandbox": "warn",
   "react-dom/no-unsafe-target-blank": "warn",
   "react-dom/no-use-form-state": "error",

packages/plugins/eslint-plugin-react-dom/src/plugin.ts

@@ -10,6 +10,7 @@ import noNamespace from "./rules/no-namespace";
 import noRender from "./rules/no-render";
 import noRenderReturnValue from "./rules/no-render-return-value";
 import noScriptUrl from "./rules/no-script-url";
+import noStringStyleProp from "./rules/no-string-style-prop";
 import noUnknownProperty from "./rules/no-unknown-property";
 import noUnsafeIframeSandbox from "./rules/no-unsafe-iframe-sandbox";
 import noUnsafeTargetBlank from "./rules/no-unsafe-target-blank";
@@ -33,6 +34,7 @@ export const plugin = {
     "no-render": noRender,
     "no-render-return-value": noRenderReturnValue,
     "no-script-url": noScriptUrl,
+    "no-string-style-prop": noStringStyleProp,
     "no-unknown-property": noUnknownProperty,
     "no-unsafe-iframe-sandbox": noUnsafeIframeSandbox,
     "no-unsafe-target-blank": noUnsafeTargetBlank,

packages/plugins/eslint-plugin-react-x/src/rules/no-string-style-prop.md renamed to packages/plugins/eslint-plugin-react-dom/src/rules/no-string-style-prop.md

@@ -2,21 +2,21 @@
 title: no-string-style-prop
 ---
 
-**Full Name in `eslint-plugin-react-x`**
+**Full Name in `eslint-plugin-react-dom`**
 
 ```sh copy
-react-x/no-string-style-prop
+react-dom/no-string-style-prop
 ```
 
 **Full Name in `@eslint-react/eslint-plugin`**
 
 ```sh copy
-@eslint-react/no-string-style-prop
+@eslint-react/dom/no-string-style-prop
 ```
 
 **Presets**
 
-- `x`
+- `dom`
 - `recommended`
 
 ## Description
@@ -47,5 +47,5 @@ function MyComponent() {
 
 ## Implementation
 
-- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x/src/rules/no-string-style-prop.ts)
-- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x/src/rules/no-string-style-prop.spec.ts)
+- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-string-style-prop.ts)
+- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-string-style-prop.spec.ts)

packages/plugins/eslint-plugin-react-x/src/rules/no-string-style-prop.spec.ts renamed to packages/plugins/eslint-plugin-react-dom/src/rules/no-string-style-prop.spec.ts

@@ -10,7 +10,6 @@ export const rules = {
   "react-x/jsx-no-undef": "off",
   "react-x/jsx-uses-react": "off",
   "react-x/jsx-uses-vars": "off",
-  "react-x/no-string-style-prop": "off",
 } as const satisfies RulePreset;
 
 export const settings = {

packages/plugins/eslint-plugin-react-x/src/rules/no-string-style-prop.ts renamed to packages/plugins/eslint-plugin-react-dom/src/rules/no-string-style-prop.ts

@@ -47,7 +47,6 @@ export const rules = {
   "react-x/no-set-state-in-component-did-update": "warn",
   "react-x/no-set-state-in-component-will-update": "warn",
   "react-x/no-string-refs": "error",
-  "react-x/no-string-style-prop": "error",
   // "react-x/no-unnecessary-use-callback": "warn",
   // "react-x/no-unnecessary-use-memo": "warn",
   "react-x/no-unnecessary-use-prefix": "warn",

packages/plugins/eslint-plugin-react-x/src/configs/recommended-typescript.ts

@@ -43,7 +43,6 @@ import noSetStateInComponentDidMount from "./rules/no-set-state-in-component-did
 import noSetStateInComponentDidUpdate from "./rules/no-set-state-in-component-did-update";
 import noSetStateInComponentWillUpdate from "./rules/no-set-state-in-component-will-update";
 import noStringRefs from "./rules/no-string-refs";
-import noStringStyleProp from "./rules/no-string-style-prop";
 import noUnnecessaryUseCallback from "./rules/no-unnecessary-use-callback";
 import noUnnecessaryUseMemo from "./rules/no-unnecessary-use-memo";
 import noUnnecessaryUsePrefix from "./rules/no-unnecessary-use-prefix";
@@ -122,7 +121,6 @@ export const plugin = {
     "no-set-state-in-component-did-update": noSetStateInComponentDidUpdate,
     "no-set-state-in-component-will-update": noSetStateInComponentWillUpdate,
     "no-string-refs": noStringRefs,
-    "no-string-style-prop": noStringStyleProp,
     "no-unnecessary-use-callback": noUnnecessaryUseCallback,
     "no-unnecessary-use-memo": noUnnecessaryUseMemo,
     "no-unnecessary-use-prefix": noUnnecessaryUsePrefix,