@multiplatform.one/forms 6.0.0

package/dist/esm/FormsIntegration.stories.native.js

@@ -0,0 +1,430 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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.native.js";
+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."
+      }
+    }
+  }
+};
+var multiStepRegistration = function multiStepRegistration2() {
+  var [step, setStep] = useState("personal");
+  var [_otpCode, setOtpCode] = useState("");
+  var [_isSubmitting, setIsSubmitting] = useState(false);
+  var form = useForm({
+    defaultValues: {
+      firstName: "",
+      lastName: "",
+      email: "",
+      phone: "",
+      password: "",
+      confirmPassword: "",
+      country: "US",
+      agreeToTerms: false,
+      marketingEmails: true,
+      otp: "",
+      search: ""
+    },
+    onSubmit: async function onSubmit(param) {
+      var {
+        value
+      } = param;
+      setIsSubmitting(true);
+      action("onSubmit")(value);
+      await new Promise(function (resolve) {
+        return setTimeout(resolve, 2e3);
+      });
+      setIsSubmitting(false);
+      action("onSubmitComplete")("Form submitted successfully!");
+    }
+  });
+  var focusManagement = useFocusManagement({
+    trapFocus: true,
+    initialFocus: "first"
+  });
+  var handleOTPComplete = function handleOTPComplete2(code) {
+    setOtpCode(code);
+    form.setFieldValue("otp", code);
+    action("onOTPComplete")(code);
+  };
+  var renderPersonalInfo = function renderPersonalInfo2() {
+    return /* @__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: function onChange(param) {
+                var {
+                  value
+                } = param;
+                return !value ? "First name is required" : void 0;
+              }
+            }
+          }), /* @__PURE__ */_jsx(Input, {
+            form,
+            name: "lastName",
+            inputProps: {
+              placeholder: "Last Name"
+            },
+            validators: {
+              onChange: function onChange(param) {
+                var {
+                  value
+                } = param;
+                return !value ? "Last name is required" : void 0;
+              }
+            }
+          })]
+        })]
+      }), /* @__PURE__ */_jsx(Input, {
+        form,
+        name: "email",
+        label: "Email Address",
+        inputProps: {
+          placeholder: "Enter your email"
+        },
+        validators: {
+          onChange: function onChange(param) {
+            var {
+              value
+            } = param;
+            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: function onChange(param) {
+            var {
+              value
+            } = param;
+            return !value ? "Phone number is required" : void 0;
+          }
+        }
+      }), /* @__PURE__ */_jsx(Input, {
+        form,
+        name: "password",
+        label: "Password",
+        inputProps: {
+          placeholder: "Create a password",
+          secureTextEntry: true
+        },
+        validators: {
+          onChange: function onChange(param) {
+            var {
+              value
+            } = param;
+            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: function onChange(param) {
+            var {
+              value
+            } = param;
+            var password = form.getFieldValue("password");
+            if (!value) return "Please confirm your password";
+            if (value !== password) return "Passwords do not match";
+          }
+        }
+      }), /* @__PURE__ */_jsx(Button, {
+        onPress: function onPress() {
+          return setStep("contact");
+        },
+        children: "Next: Contact Preferences"
+      })]
+    });
+  };
+  var renderContactPreferences = function renderContactPreferences2() {
+    return /* @__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: function onChange(param) {
+            var {
+              value
+            } = param;
+            return !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: function onPress() {
+            return setStep("personal");
+          },
+          children: "Back"
+        }), /* @__PURE__ */_jsx(Button, {
+          onPress: function onPress() {
+            return setStep("verification");
+          },
+          children: "Next: Verification"
+        })]
+      })]
+    });
+  };
+  var renderVerification = function renderVerification2() {
+    return /* @__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: function onChange(param) {
+            var {
+              value
+            } = param;
+            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: function onPress() {
+            return setStep("contact");
+          },
+          children: "Back"
+        }), /* @__PURE__ */_jsx(form.Subscribe, {
+          selector: function selector(state) {
+            return [state.canSubmit, state.isSubmitting];
+          },
+          children: function children(param) {
+            var [canSubmit, isSubmitting] = param;
+            return /* @__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";
+var inputComposition = function inputComposition2() {
+  var [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: function onClick() {
+                return setShowPassword(false);
+              }
+            }) : /* @__PURE__ */_jsx(EyeIcon, {
+              cursor: "pointer",
+              onClick: function onClick() {
+                return 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.native.js.map

package/dist/esm/FormsIntegration.stories.native.js.map

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