add replace-use-form-state codemod

Author: dmytro068

transforms/__testfixtures__/replace-use-form-state/default-import.input.js

@@ -0,0 +1,6 @@
+import ReactDOM from "react-dom";
+
+function StatefulForm({}) {
+  const [state, formAction] = ReactDOM.useFormState(increment, 0);
+  return <form></form>;
+}

transforms/__testfixtures__/replace-use-form-state/default-import.output.js

@@ -0,0 +1,6 @@
+import ReactDOM from "react-dom";
+
+function StatefulForm({}) {
+  const [state, formAction] = ReactDOM.useActionState(increment, 0);
+  return <form></form>;
+}

transforms/__testfixtures__/replace-use-form-state/named-import-2.input.js

@@ -0,0 +1,8 @@
+import { createPortal, useFormState } from "react-dom";
+
+function StatefulForm({}) {
+  const [state, formAction] = useFormState(increment, 0);
+
+  createPortal();
+  return <form></form>;
+}

transforms/__testfixtures__/replace-use-form-state/named-import-2.output.js

@@ -0,0 +1,8 @@
+import { createPortal, useActionState } from "react-dom";
+
+function StatefulForm({}) {
+  const [state, formAction] = useActionState(increment, 0);
+
+  createPortal();
+  return <form></form>;
+}

transforms/__testfixtures__/replace-use-form-state/named-import-3.input.js

@@ -0,0 +1,8 @@
+import { useFormState as UFS, createPortal } from "react-dom";
+
+function StatefulForm({}) {
+  const [state, formAction] = UFS(increment, 0);
+
+  createPortal();
+  return <form></form>;
+}

transforms/__testfixtures__/replace-use-form-state/named-import-3.output.js

@@ -0,0 +1,8 @@
+import { useActionState as UFS, createPortal } from "react-dom";
+
+function StatefulForm({}) {
+  const [state, formAction] = UFS(increment, 0);
+
+  createPortal();
+  return <form></form>;
+}

transforms/__testfixtures__/replace-use-form-state/named-import.input.js

@@ -0,0 +1,15 @@
+import { useFormState } from "react-dom";
+
+async function increment(previousState, formData) {
+  return previousState + 1;
+}
+
+function StatefulForm({}) {
+  const [state, formAction] = useFormState(increment, 0);
+  return (
+    <form>
+      {state}
+      <button formAction={formAction}>Increment</button>
+    </form>
+  );
+}

transforms/__testfixtures__/replace-use-form-state/named-import.output.js

@@ -0,0 +1,15 @@
+import { useActionState } from "react-dom";
+
+async function increment(previousState, formData) {
+  return previousState + 1;
+}
+
+function StatefulForm({}) {
+  const [state, formAction] = useActionState(increment, 0);
+  return (
+    <form>
+      {state}
+      <button formAction={formAction}>Increment</button>
+    </form>
+  );
+}

transforms/__testfixtures__/replace-use-form-state/other-import.input.js

@@ -0,0 +1,6 @@
+import { other } from "react-dom";
+
+function StatefulForm({}) {
+  const otherResult = other();
+  return <div></div>;
+}

transforms/__testfixtures__/replace-use-form-state/other-import.output.js

@@ -0,0 +1,6 @@
+import { other } from "react-dom";
+
+function StatefulForm({}) {
+  const otherResult = other();
+  return <div></div>;
+}