@multiplatform.one/forms 6.0.0

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

@@ -0,0 +1,460 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FormsIntegration_stories_exports = {};
+__export(FormsIntegration_stories_exports, {
+  default: () => FormsIntegration_stories_default,
+  inputComposition: () => inputComposition,
+  multiStepRegistration: () => multiStepRegistration
+});
+module.exports = __toCommonJS(FormsIntegration_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react = require("@phosphor-icons/react");
+var import_react_form = require("@tanstack/react-form");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_index = require("./index.native.js");
+var FormsIntegration_stories_default = {
+  title: "Forms/FormsIntegration",
+  component: import_index.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] = (0, import_react2.useState)("personal");
+  var [_otpCode, setOtpCode] = (0, import_react2.useState)("");
+  var [_isSubmitting, setIsSubmitting] = (0, import_react2.useState)(false);
+  var form = (0, import_react_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);
+      (0, import_storybook.action)("onSubmit")(value);
+      await new Promise(function (resolve) {
+        return setTimeout(resolve, 2e3);
+      });
+      setIsSubmitting(false);
+      (0, import_storybook.action)("onSubmitComplete")("Form submitted successfully!");
+    }
+  });
+  var focusManagement = (0, import_index.useFocusManagement)({
+    trapFocus: true,
+    initialFocus: "first"
+  });
+  var handleOTPComplete = function handleOTPComplete2(code) {
+    setOtpCode(code);
+    form.setFieldValue("otp", code);
+    (0, import_storybook.action)("onOTPComplete")(code);
+  };
+  var renderPersonalInfo = function renderPersonalInfo2() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$4",
+      ref: focusManagement.containerRef,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        size: "$6",
+        fontWeight: "bold",
+        children: "Personal Information"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+          children: "Full Name"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+        onPress: function onPress() {
+          return setStep("contact");
+        },
+        children: "Next: Contact Preferences"
+      })]
+    });
+  };
+  var renderContactPreferences = function renderContactPreferences2() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$4",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        size: "$6",
+        fontWeight: "bold",
+        children: "Contact Preferences"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.Switch, {
+        form,
+        name: "marketingEmails",
+        label: "Subscribe to marketing emails"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+        form,
+        name: "search",
+        label: "Search interests (optional)",
+        inputProps: {
+          placeholder: "Search topics..."
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+          variant: "outlined",
+          onPress: function onPress() {
+            return setStep("personal");
+          },
+          children: "Back"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+          onPress: function onPress() {
+            return setStep("verification");
+          },
+          children: "Next: Verification"
+        })]
+      })]
+    });
+  };
+  var renderVerification = function renderVerification2() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$4",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        size: "$6",
+        fontWeight: "bold",
+        children: "Verification"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Please enter the 6-digit verification code sent to your email."
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+          variant: "outlined",
+          onPress: function onPress() {
+            return setStep("contact");
+          },
+          children: "Back"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(form.Subscribe, {
+          selector: function selector(state) {
+            return [state.canSubmit, state.isSubmitting];
+          },
+          children: function children(param) {
+            var [canSubmit, isSubmitting] = param;
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
+              action: "submit",
+              disabled: !canSubmit || isSubmitting,
+              children: isSubmitting ? "Submitting..." : "Complete Registration"
+            });
+          }
+        })]
+      })]
+    });
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      padding: "$4",
+      maxWidth: 600,
+      alignSelf: "center",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Form, {
+        form,
+        children: [step === "personal" && renderPersonalInfo(), step === "contact" && renderContactPreferences(), step === "verification" && renderVerification()]
+      })
+    })
+  });
+};
+multiStepRegistration.storyName = "Main";
+var inputComposition = function inputComposition2() {
+  var [showPassword, setShowPassword] = (0, import_react2.useState)(false);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      padding: "$4",
+      maxWidth: 600,
+      alignSelf: "center",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$6",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+          size: "$7",
+          fontWeight: "bold",
+          children: "Input Composition Patterns"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            size: "$5",
+            fontWeight: "600",
+            children: "Convenience Props (recommended)"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+            label: "Email",
+            placeholder: "you@example.com",
+            helperText: "We'll never share your email",
+            leftIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.EnvelopeIcon, {})
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+            label: "Password",
+            placeholder: "Enter password",
+            secureTextEntry: !showPassword,
+            leftIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.KeyIcon, {}),
+            rightIcon: showPassword ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.EyeSlashIcon, {
+              cursor: "pointer",
+              onClick: function onClick() {
+                return setShowPassword(false);
+              }
+            }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.EyeIcon, {
+              cursor: "pointer",
+              onClick: function onClick() {
+                return setShowPassword(true);
+              }
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+            label: "Required Field",
+            placeholder: "This field is required",
+            required: true
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+            label: "With Error",
+            placeholder: "Invalid input",
+            error: "This field has a validation error",
+            defaultValue: "bad value"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.TextArea, {
+            label: "Bio",
+            placeholder: "Tell us about yourself...",
+            helperText: "Max 500 characters",
+            showCount: true,
+            maxLength: 500
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Select, {
+            label: "Country",
+            options: [{
+              label: "United States",
+              value: "US"
+            }, {
+              label: "Canada",
+              value: "CA"
+            }, {
+              label: "United Kingdom",
+              value: "GB"
+            }],
+            placeholder: "Select your country"
+          })]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            size: "$5",
+            fontWeight: "600",
+            children: "Compound Composition (full control)"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Input, {
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Label, {
+              children: "Custom Styled Label"
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Input.Box, {
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Icon, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.MagnifyingGlassIcon, {})
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Area, {
+                placeholder: "Search anything..."
+              })]
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Info, {
+              children: "Press Enter to search"
+            })]
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Input, {
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Label, {
+              color: "$blue10",
+              fontWeight: "bold",
+              children: "Styled Label"
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Box, {
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Area, {
+                placeholder: "With custom label styling"
+              })
+            })]
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Input, {
+            error: true,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Label, {
+              color: "$red10",
+              children: "Error State (compound)"
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Box, {
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Area, {
+                placeholder: "Something went wrong"
+              })
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Info, {
+              color: "$red10",
+              role: "alert",
+              children: "This field is invalid"
+            })]
+          })]
+        })]
+      })
+    })
+  });
+};
+//# sourceMappingURL=FormsIntegration.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormsIntegration_stories_exports","__export","default","FormsIntegration_stories_default","inputComposition","multiStepRegistration","module","exports","import_jsx_runtime","require","import_storybook","import_react","import_react_form","import_react2","import_tamagui","import_index","title","component","Form","parameters","status","type","docs","description","multiStepRegistration2","step","setStep","useState","_otpCode","setOtpCode","_isSubmitting","setIsSubmitting","form","useForm","defaultValues","firstName","lastName","email","phone","password","confirmPassword","country","agreeToTerms","marketingEmails","otp","search","onSubmit","param","action","Promise","resolve","setTimeout","focusManagement","useFocusManagement","trapFocus","initialFocus","handleOTPComplete","handleOTPComplete2","code","setFieldValue","renderPersonalInfo","renderPersonalInfo2","jsxs","YStack","gap","ref","containerRef","children","jsx","Paragraph","size","fontWeight","XStack","Input","name","inputProps","placeholder","validators","onChange","label","test","PhoneInput","defaultCountry","secureTextEntry","length","getFieldValue","Button","onPress","renderContactPreferences","renderContactPreferences2","Select","options","Checkbox","Switch","variant","renderVerification","renderVerification2","OTPInput","onComplete","Subscribe","selector","state","canSubmit","isSubmitting","disabled"],"sources":["../../src/FormsIntegration.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}