@multiplatform.one/forms 6.0.0

package/dist/esm/FormsIntegration.stories.mjs

@@ -0,0 +1,388 @@
+import { action } from "@multiplatform.one/storybook";
+import { EnvelopeIcon, KeyIcon, MagnifyingGlassIcon, EyeIcon, EyeSlashIcon } from "@phosphor-icons/react";
+import { useForm } from "@tanstack/react-form";
+import { useState } from "react";
+import { Paragraph, ScrollView, Separator, View, XStack, YStack } from "tamagui";
+import { Button, Checkbox, Form, Input, OTPInput, PhoneInput, Select, Switch, TextArea, useFocusManagement } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FormsIntegration_stories_default = {
+  title: "Forms/FormsIntegration",
+  component: Form,
+  parameters: {
+    status: {
+      type: "beta"
+    },
+    docs: {
+      description: {
+        component: "Complete form integration examples showing how all form components work together with TanStack Form."
+      }
+    }
+  }
+};
+const multiStepRegistration = () => {
+  const [step, setStep] = useState("personal");
+  const [_otpCode, setOtpCode] = useState("");
+  const [_isSubmitting, setIsSubmitting] = useState(false);
+  const form = useForm({
+    defaultValues: {
+      firstName: "",
+      lastName: "",
+      email: "",
+      phone: "",
+      password: "",
+      confirmPassword: "",
+      country: "US",
+      agreeToTerms: false,
+      marketingEmails: true,
+      otp: "",
+      search: ""
+    },
+    onSubmit: async ({
+      value
+    }) => {
+      setIsSubmitting(true);
+      action("onSubmit")(value);
+      await new Promise(resolve => setTimeout(resolve, 2e3));
+      setIsSubmitting(false);
+      action("onSubmitComplete")("Form submitted successfully!");
+    }
+  });
+  const focusManagement = useFocusManagement({
+    trapFocus: true,
+    initialFocus: "first"
+  });
+  const handleOTPComplete = code => {
+    setOtpCode(code);
+    form.setFieldValue("otp", code);
+    action("onOTPComplete")(code);
+  };
+  const renderPersonalInfo = () => /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    ref: focusManagement.containerRef,
+    children: [/* @__PURE__ */jsx(Paragraph, {
+      size: "$6",
+      fontWeight: "bold",
+      children: "Personal Information"
+    }), /* @__PURE__ */jsxs(YStack, {
+      gap: "$2",
+      children: [/* @__PURE__ */jsx(Paragraph, {
+        children: "Full Name"
+      }), /* @__PURE__ */jsxs(XStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */jsx(Input, {
+          form,
+          name: "firstName",
+          inputProps: {
+            placeholder: "First Name"
+          },
+          validators: {
+            onChange: ({
+              value
+            }) => !value ? "First name is required" : void 0
+          }
+        }), /* @__PURE__ */jsx(Input, {
+          form,
+          name: "lastName",
+          inputProps: {
+            placeholder: "Last Name"
+          },
+          validators: {
+            onChange: ({
+              value
+            }) => !value ? "Last name is required" : void 0
+          }
+        })]
+      })]
+    }), /* @__PURE__ */jsx(Input, {
+      form,
+      name: "email",
+      label: "Email Address",
+      inputProps: {
+        placeholder: "Enter your email"
+      },
+      validators: {
+        onChange: ({
+          value
+        }) => {
+          if (!value) return "Email is required";
+          if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
+            return "Please enter a valid email";
+          }
+        }
+      }
+    }), /* @__PURE__ */jsx(PhoneInput, {
+      form,
+      name: "phone",
+      label: "Phone Number",
+      inputProps: {
+        placeholder: "Enter your phone number"
+      },
+      defaultCountry: "US",
+      validators: {
+        onChange: ({
+          value
+        }) => !value ? "Phone number is required" : void 0
+      }
+    }), /* @__PURE__ */jsx(Input, {
+      form,
+      name: "password",
+      label: "Password",
+      inputProps: {
+        placeholder: "Create a password",
+        secureTextEntry: true
+      },
+      validators: {
+        onChange: ({
+          value
+        }) => {
+          if (!value) return "Password is required";
+          if (value.length < 8) return "Password must be at least 8 characters";
+          if (!/(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/.test(value)) {
+            return "Password must contain uppercase, lowercase, and number";
+          }
+        }
+      }
+    }), /* @__PURE__ */jsx(Input, {
+      form,
+      name: "confirmPassword",
+      inputProps: {
+        placeholder: "Confirm password"
+      },
+      validators: {
+        onChange: ({
+          value
+        }) => {
+          const password = form.getFieldValue("password");
+          if (!value) return "Please confirm your password";
+          if (value !== password) return "Passwords do not match";
+        }
+      }
+    }), /* @__PURE__ */jsx(Button, {
+      onPress: () => setStep("contact"),
+      children: "Next: Contact Preferences"
+    })]
+  });
+  const renderContactPreferences = () => /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    children: [/* @__PURE__ */jsx(Paragraph, {
+      size: "$6",
+      fontWeight: "bold",
+      children: "Contact Preferences"
+    }), /* @__PURE__ */jsx(Select, {
+      form,
+      name: "country",
+      options: [{
+        label: "United States",
+        value: "US"
+      }, {
+        label: "Canada",
+        value: "CA"
+      }, {
+        label: "United Kingdom",
+        value: "GB"
+      }, {
+        label: "Germany",
+        value: "DE"
+      }, {
+        label: "France",
+        value: "FR"
+      }],
+      placeholder: "Select your country"
+    }), /* @__PURE__ */jsx(Checkbox, {
+      form,
+      name: "agreeToTerms",
+      label: "I agree to the Terms and Conditions",
+      validators: {
+        onChange: ({
+          value
+        }) => !value ? "You must agree to the terms" : void 0
+      }
+    }), /* @__PURE__ */jsx(Switch, {
+      form,
+      name: "marketingEmails",
+      label: "Subscribe to marketing emails"
+    }), /* @__PURE__ */jsx(Input, {
+      form,
+      name: "search",
+      label: "Search interests (optional)",
+      inputProps: {
+        placeholder: "Search topics..."
+      }
+    }), /* @__PURE__ */jsxs(XStack, {
+      gap: "$2",
+      children: [/* @__PURE__ */jsx(Button, {
+        variant: "outlined",
+        onPress: () => setStep("personal"),
+        children: "Back"
+      }), /* @__PURE__ */jsx(Button, {
+        onPress: () => setStep("verification"),
+        children: "Next: Verification"
+      })]
+    })]
+  });
+  const renderVerification = () => /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    children: [/* @__PURE__ */jsx(Paragraph, {
+      size: "$6",
+      fontWeight: "bold",
+      children: "Verification"
+    }), /* @__PURE__ */jsx(Paragraph, {
+      children: "Please enter the 6-digit verification code sent to your email."
+    }), /* @__PURE__ */jsx(OTPInput, {
+      form,
+      name: "otp",
+      length: 6,
+      onComplete: handleOTPComplete,
+      validators: {
+        onChange: ({
+          value
+        }) => {
+          if (!value || value.length !== 6) {
+            return "Please enter a valid 6-digit code";
+          }
+        }
+      }
+    }), /* @__PURE__ */jsxs(XStack, {
+      gap: "$2",
+      children: [/* @__PURE__ */jsx(Button, {
+        variant: "outlined",
+        onPress: () => setStep("contact"),
+        children: "Back"
+      }), /* @__PURE__ */jsx(form.Subscribe, {
+        selector: state => [state.canSubmit, state.isSubmitting],
+        children: ([canSubmit, isSubmitting]) => /* @__PURE__ */jsx(Button, {
+          action: "submit",
+          disabled: !canSubmit || isSubmitting,
+          children: isSubmitting ? "Submitting..." : "Complete Registration"
+        })
+      })]
+    })]
+  });
+  return /* @__PURE__ */jsx(ScrollView, {
+    children: /* @__PURE__ */jsx(View, {
+      padding: "$4",
+      maxWidth: 600,
+      alignSelf: "center",
+      children: /* @__PURE__ */jsxs(Form, {
+        form,
+        children: [step === "personal" && renderPersonalInfo(), step === "contact" && renderContactPreferences(), step === "verification" && renderVerification()]
+      })
+    })
+  });
+};
+multiStepRegistration.storyName = "Main";
+const inputComposition = () => {
+  const [showPassword, setShowPassword] = useState(false);
+  return /* @__PURE__ */jsx(ScrollView, {
+    children: /* @__PURE__ */jsx(View, {
+      padding: "$4",
+      maxWidth: 600,
+      alignSelf: "center",
+      children: /* @__PURE__ */jsxs(YStack, {
+        gap: "$6",
+        children: [/* @__PURE__ */jsx(Paragraph, {
+          size: "$7",
+          fontWeight: "bold",
+          children: "Input Composition Patterns"
+        }), /* @__PURE__ */jsxs(YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */jsx(Paragraph, {
+            size: "$5",
+            fontWeight: "600",
+            children: "Convenience Props (recommended)"
+          }), /* @__PURE__ */jsx(Input, {
+            label: "Email",
+            placeholder: "you@example.com",
+            helperText: "We'll never share your email",
+            leftIcon: /* @__PURE__ */jsx(EnvelopeIcon, {})
+          }), /* @__PURE__ */jsx(Input, {
+            label: "Password",
+            placeholder: "Enter password",
+            secureTextEntry: !showPassword,
+            leftIcon: /* @__PURE__ */jsx(KeyIcon, {}),
+            rightIcon: showPassword ? /* @__PURE__ */jsx(EyeSlashIcon, {
+              cursor: "pointer",
+              onClick: () => setShowPassword(false)
+            }) : /* @__PURE__ */jsx(EyeIcon, {
+              cursor: "pointer",
+              onClick: () => setShowPassword(true)
+            })
+          }), /* @__PURE__ */jsx(Input, {
+            label: "Required Field",
+            placeholder: "This field is required",
+            required: true
+          }), /* @__PURE__ */jsx(Input, {
+            label: "With Error",
+            placeholder: "Invalid input",
+            error: "This field has a validation error",
+            defaultValue: "bad value"
+          }), /* @__PURE__ */jsx(TextArea, {
+            label: "Bio",
+            placeholder: "Tell us about yourself...",
+            helperText: "Max 500 characters",
+            showCount: true,
+            maxLength: 500
+          }), /* @__PURE__ */jsx(Select, {
+            label: "Country",
+            options: [{
+              label: "United States",
+              value: "US"
+            }, {
+              label: "Canada",
+              value: "CA"
+            }, {
+              label: "United Kingdom",
+              value: "GB"
+            }],
+            placeholder: "Select your country"
+          })]
+        }), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsxs(YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */jsx(Paragraph, {
+            size: "$5",
+            fontWeight: "600",
+            children: "Compound Composition (full control)"
+          }), /* @__PURE__ */jsxs(Input, {
+            children: [/* @__PURE__ */jsx(Input.Label, {
+              children: "Custom Styled Label"
+            }), /* @__PURE__ */jsxs(Input.Box, {
+              children: [/* @__PURE__ */jsx(Input.Icon, {
+                children: /* @__PURE__ */jsx(MagnifyingGlassIcon, {})
+              }), /* @__PURE__ */jsx(Input.Area, {
+                placeholder: "Search anything..."
+              })]
+            }), /* @__PURE__ */jsx(Input.Info, {
+              children: "Press Enter to search"
+            })]
+          }), /* @__PURE__ */jsxs(Input, {
+            children: [/* @__PURE__ */jsx(Input.Label, {
+              color: "$blue10",
+              fontWeight: "bold",
+              children: "Styled Label"
+            }), /* @__PURE__ */jsx(Input.Box, {
+              children: /* @__PURE__ */jsx(Input.Area, {
+                placeholder: "With custom label styling"
+              })
+            })]
+          }), /* @__PURE__ */jsxs(Input, {
+            error: true,
+            children: [/* @__PURE__ */jsx(Input.Label, {
+              color: "$red10",
+              children: "Error State (compound)"
+            }), /* @__PURE__ */jsx(Input.Box, {
+              children: /* @__PURE__ */jsx(Input.Area, {
+                placeholder: "Something went wrong"
+              })
+            }), /* @__PURE__ */jsx(Input.Info, {
+              color: "$red10",
+              role: "alert",
+              children: "This field is invalid"
+            })]
+          })]
+        })]
+      })
+    })
+  });
+};
+export { FormsIntegration_stories_default as default, inputComposition, multiStepRegistration };
+//# sourceMappingURL=FormsIntegration.stories.mjs.map

package/dist/esm/FormsIntegration.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["action","EnvelopeIcon","KeyIcon","MagnifyingGlassIcon","EyeIcon","EyeSlashIcon","useForm","useState","Paragraph","ScrollView","Separator","View","XStack","YStack","Button","Checkbox","Form","Input","OTPInput","PhoneInput","Select","Switch","TextArea","useFocusManagement","jsx","jsxs","FormsIntegration_stories_default","title","component","parameters","status","type","docs","description","multiStepRegistration","step","setStep","_otpCode","setOtpCode","_isSubmitting","setIsSubmitting","form","defaultValues","firstName","lastName","email","phone","password","confirmPassword","country","agreeToTerms","marketingEmails","otp","search","onSubmit","value","Promise","resolve","setTimeout","focusManagement","trapFocus","initialFocus","handleOTPComplete","code","setFieldValue","renderPersonalInfo","gap","ref","containerRef","children","size","fontWeight","name","inputProps","placeholder","validators","onChange","label","test","defaultCountry","secureTextEntry","length","getFieldValue","onPress","renderContactPreferences","options","variant","renderVerification","onComplete","Subscribe","selector","state","canSubmit","isSubmitting","disabled","padding","maxWidth","alignSelf","storyName","inputComposition","showPassword","setShowPassword","helperText","leftIcon","rightIcon","cursor","onClick","required","error","defaultValue","showCount","maxLength","Label","Box","Icon","Area","Info","color","role"],"sources":["../../src/FormsIntegration.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}