@multiplatform.one/forms 6.0.0

package/dist/esm/fields/OTPInput/OtpInput.stories.mjs

@@ -0,0 +1,227 @@
+import { useState } from "react";
+import { action } from "@multiplatform.one/storybook";
+import { useForm } from "@tanstack/react-form";
+import { Card, Text, YStack } from "tamagui";
+import { Button } from "../../Button/index.mjs";
+import { Input } from "../Input/index.mjs";
+import { Form } from "../../Form/index.mjs";
+import { OTPInput } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const meta = {
+  title: "Forms/OTPInput",
+  component: OTPInput,
+  parameters: {
+    docs: {
+      description: {
+        component: "A one-time password input component with form integration for secure verification codes."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text",
+      description: "Label for the OTP input"
+    },
+    helperText: {
+      control: "text",
+      description: "Helper text displayed below the OTP input"
+    },
+    error: {
+      control: "text",
+      description: "Error message to display"
+    },
+    required: {
+      control: "boolean",
+      description: "Whether the OTP input is required"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Whether the OTP input is disabled"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"],
+      description: "Size of the OTP input"
+    },
+    length: {
+      control: "number",
+      description: "Number of input fields"
+    },
+    value: {
+      control: "text",
+      description: "Current OTP value"
+    },
+    type: {
+      control: "select",
+      options: ["numeric", "alphanumeric", "password"],
+      description: "Input type restriction"
+    }
+  }
+};
+var OtpInput_stories_default = meta;
+const Main = {
+  name: "Main",
+  render: () => {
+    const FormExample = () => {
+      const form = useForm({
+        defaultValues: {
+          phoneNumber: "",
+          verificationCode: ""
+        },
+        onSubmit: async ({
+          value
+        }) => {
+          action("onSubmit")(value);
+          await new Promise(resolve => setTimeout(resolve, 1e3));
+          action("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */jsx(Form, {
+        form,
+        maxWidth: 400,
+        children: /* @__PURE__ */jsxs(YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */jsx(Input, {
+            label: "Phone Number",
+            placeholder: "+1 (555) 123-4567"
+          }), /* @__PURE__ */jsx(OTPInput, {
+            label: "Verification Code",
+            name: "verificationCode",
+            length: 6,
+            helperText: "Enter the 6-digit code sent to your phone",
+            required: true
+          }), /* @__PURE__ */jsx(Button, {
+            action: "submit",
+            children: "Verify Phone Number"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */jsx(FormExample, {});
+  }
+};
+const Standalone = {
+  args: {
+    label: "Verification Code",
+    helperText: "Enter the 6-digit code",
+    length: 6
+  },
+  render: args => /* @__PURE__ */jsx(OTPInput, {
+    ...args
+  })
+};
+const Basic = {
+  args: {
+    label: "Verification Code",
+    helperText: "Enter the 6-digit code sent to your phone",
+    name: "otp",
+    length: 6,
+    onChange: action("onChange"),
+    onComplete: action("onComplete")
+  }
+};
+const Disabled = {
+  args: {
+    label: "Disabled OTP",
+    disabled: true,
+    length: 6
+  }
+};
+const WithError = {
+  args: {
+    label: "OTP with Error",
+    error: "This field is required",
+    required: true,
+    length: 6
+  }
+};
+const Sizes = {
+  render: () => /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    maxWidth: 400,
+    children: [/* @__PURE__ */jsx(OTPInput, {
+      label: "Small",
+      size: "$2",
+      length: 6
+    }), /* @__PURE__ */jsx(OTPInput, {
+      label: "Medium (default)",
+      size: "$3",
+      length: 6
+    }), /* @__PURE__ */jsx(OTPInput, {
+      label: "Large",
+      size: "$4",
+      length: 6
+    })]
+  })
+};
+const Interactive = {
+  render: () => {
+    const InteractiveExample = () => {
+      const [value, setValue] = useState("");
+      return /* @__PURE__ */jsxs(YStack, {
+        gap: "$4",
+        maxWidth: 400,
+        children: [/* @__PURE__ */jsx(OTPInput, {
+          label: "Enter Code",
+          length: 6,
+          value,
+          onChange: setValue
+        }), /* @__PURE__ */jsxs(Text, {
+          children: ["Current value: ", value || "Empty"]
+        })]
+      });
+    };
+    return /* @__PURE__ */jsx(InteractiveExample, {});
+  }
+};
+const AutoSubmit = {
+  args: {
+    ...Basic.args
+  },
+  render: args => {
+    const AutoSubmitDemo = () => {
+      const [submittedValue, setSubmittedValue] = useState("");
+      const handleComplete = value => {
+        setSubmittedValue(value);
+        action("Auto-submitted")(value);
+      };
+      return /* @__PURE__ */jsxs(YStack, {
+        gap: "$4",
+        children: [/* @__PURE__ */jsxs(Card, {
+          padding: "$4",
+          backgroundColor: "$yellow2",
+          borderRadius: "$2",
+          children: [/* @__PURE__ */jsx(Text, {
+            fontSize: "$4",
+            fontWeight: "600",
+            children: "Auto-Submit Demo:"
+          }), /* @__PURE__ */jsx(Text, {
+            children: "Enter a complete 6-digit code and it will auto-submit."
+          }), /* @__PURE__ */jsx(Text, {
+            children: "This demonstrates automatic form submission on completion."
+          })]
+        }), /* @__PURE__ */jsx(OTPInput, {
+          ...args,
+          onComplete: handleComplete
+        }), submittedValue && /* @__PURE__ */jsxs(Card, {
+          padding: "$4",
+          backgroundColor: "$green2",
+          borderRadius: "$2",
+          children: [/* @__PURE__ */jsx(Text, {
+            fontSize: "$4",
+            fontWeight: "600",
+            children: "Auto-Submitted Value:"
+          }), /* @__PURE__ */jsx(Text, {
+            fontSize: "$6",
+            fontWeight: "bold",
+            color: "$green11",
+            children: submittedValue
+          })]
+        })]
+      });
+    };
+    return /* @__PURE__ */jsx(AutoSubmitDemo, {});
+  }
+};
+export { AutoSubmit, Basic, Disabled, Interactive, Main, Sizes, Standalone, WithError, OtpInput_stories_default as default };
+//# sourceMappingURL=OtpInput.stories.mjs.map

package/dist/esm/fields/OTPInput/OtpInput.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","action","useForm","Card","Text","YStack","Button","Input","Form","OTPInput","jsx","jsxs","meta","title","component","parameters","docs","description","argTypes","label","control","helperText","error","required","disabled","size","options","length","value","type","OtpInput_stories_default","Main","name","render","FormExample","form","defaultValues","phoneNumber","verificationCode","onSubmit","Promise","resolve","setTimeout","maxWidth","children","gap","placeholder","Standalone","args","Basic","onChange","onComplete","Disabled","WithError","Sizes","Interactive","InteractiveExample","setValue","AutoSubmit","AutoSubmitDemo","submittedValue","setSubmittedValue","handleComplete","padding","backgroundColor","borderRadius","fontSize","fontWeight","color"],"sources":["../../../../src/fields/OTPInput/OtpInput.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/OTPInput/OtpInput.stories.native.js

@@ -0,0 +1,235 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { action } from "@multiplatform.one/storybook";
+import { useForm } from "@tanstack/react-form";
+import { Card, Text, YStack } from "tamagui";
+import { Button } from "../../Button/index.native.js";
+import { Input } from "../Input/index.native.js";
+import { Form } from "../../Form/index.native.js";
+import { OTPInput } from "./index.native.js";
+var meta = {
+  title: "Forms/OTPInput",
+  component: OTPInput,
+  parameters: {
+    docs: {
+      description: {
+        component: "A one-time password input component with form integration for secure verification codes."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text",
+      description: "Label for the OTP input"
+    },
+    helperText: {
+      control: "text",
+      description: "Helper text displayed below the OTP input"
+    },
+    error: {
+      control: "text",
+      description: "Error message to display"
+    },
+    required: {
+      control: "boolean",
+      description: "Whether the OTP input is required"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Whether the OTP input is disabled"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"],
+      description: "Size of the OTP input"
+    },
+    length: {
+      control: "number",
+      description: "Number of input fields"
+    },
+    value: {
+      control: "text",
+      description: "Current OTP value"
+    },
+    type: {
+      control: "select",
+      options: ["numeric", "alphanumeric", "password"],
+      description: "Input type restriction"
+    }
+  }
+};
+var OtpInput_stories_default = meta;
+var Main = {
+  name: "Main",
+  render: function render() {
+    var FormExample = function FormExample2() {
+      var form = useForm({
+        defaultValues: {
+          phoneNumber: "",
+          verificationCode: ""
+        },
+        onSubmit: async function onSubmit(param) {
+          var {
+            value
+          } = param;
+          action("onSubmit")(value);
+          await new Promise(function (resolve) {
+            return setTimeout(resolve, 1e3);
+          });
+          action("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */_jsx(Form, {
+        form,
+        maxWidth: 400,
+        children: /* @__PURE__ */_jsxs(YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */_jsx(Input, {
+            label: "Phone Number",
+            placeholder: "+1 (555) 123-4567"
+          }), /* @__PURE__ */_jsx(OTPInput, {
+            label: "Verification Code",
+            name: "verificationCode",
+            length: 6,
+            helperText: "Enter the 6-digit code sent to your phone",
+            required: true
+          }), /* @__PURE__ */_jsx(Button, {
+            action: "submit",
+            children: "Verify Phone Number"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */_jsx(FormExample, {});
+  }
+};
+var Standalone = {
+  args: {
+    label: "Verification Code",
+    helperText: "Enter the 6-digit code",
+    length: 6
+  },
+  render: function render2(args) {
+    return /* @__PURE__ */_jsx(OTPInput, {
+      ...args
+    });
+  }
+};
+var Basic = {
+  args: {
+    label: "Verification Code",
+    helperText: "Enter the 6-digit code sent to your phone",
+    name: "otp",
+    length: 6,
+    onChange: action("onChange"),
+    onComplete: action("onComplete")
+  }
+};
+var Disabled = {
+  args: {
+    label: "Disabled OTP",
+    disabled: true,
+    length: 6
+  }
+};
+var WithError = {
+  args: {
+    label: "OTP with Error",
+    error: "This field is required",
+    required: true,
+    length: 6
+  }
+};
+var Sizes = {
+  render: function render3() {
+    return /* @__PURE__ */_jsxs(YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */_jsx(OTPInput, {
+        label: "Small",
+        size: "$2",
+        length: 6
+      }), /* @__PURE__ */_jsx(OTPInput, {
+        label: "Medium (default)",
+        size: "$3",
+        length: 6
+      }), /* @__PURE__ */_jsx(OTPInput, {
+        label: "Large",
+        size: "$4",
+        length: 6
+      })]
+    });
+  }
+};
+var Interactive = {
+  render: function render4() {
+    var InteractiveExample = function InteractiveExample2() {
+      var [value, setValue] = useState("");
+      return /* @__PURE__ */_jsxs(YStack, {
+        gap: "$4",
+        maxWidth: 400,
+        children: [/* @ts-expect-error controlled mode typing mismatch */
+        /* @__PURE__ */_jsx(OTPInput, {
+          label: "Enter Code",
+          length: 6,
+          value,
+          onChange: setValue
+        }), /* @__PURE__ */_jsxs(Text, {
+          children: ["Current value: ", value || "Empty"]
+        })]
+      });
+    };
+    return /* @__PURE__ */_jsx(InteractiveExample, {});
+  }
+};
+var AutoSubmit = {
+  args: {
+    ...Basic.args
+  },
+  render: function render5(args) {
+    var AutoSubmitDemo = function AutoSubmitDemo2() {
+      var [submittedValue, setSubmittedValue] = useState("");
+      var handleComplete = function handleComplete2(value) {
+        setSubmittedValue(value);
+        action("Auto-submitted")(value);
+      };
+      return /* @__PURE__ */_jsxs(YStack, {
+        gap: "$4",
+        children: [/* @__PURE__ */_jsxs(Card, {
+          padding: "$4",
+          backgroundColor: "$yellow2",
+          borderRadius: "$2",
+          children: [/* @__PURE__ */_jsx(Text, {
+            fontSize: "$4",
+            fontWeight: "600",
+            children: "Auto-Submit Demo:"
+          }), /* @__PURE__ */_jsx(Text, {
+            children: "Enter a complete 6-digit code and it will auto-submit."
+          }), /* @__PURE__ */_jsx(Text, {
+            children: "This demonstrates automatic form submission on completion."
+          })]
+        }), /* @__PURE__ */_jsx(OTPInput, {
+          ...args,
+          onComplete: handleComplete
+        }), submittedValue && /* @__PURE__ */_jsxs(Card, {
+          padding: "$4",
+          backgroundColor: "$green2",
+          borderRadius: "$2",
+          children: [/* @__PURE__ */_jsx(Text, {
+            fontSize: "$4",
+            fontWeight: "600",
+            children: "Auto-Submitted Value:"
+          }), /* @__PURE__ */_jsx(Text, {
+            fontSize: "$6",
+            fontWeight: "bold",
+            color: "$green11",
+            children: submittedValue
+          })]
+        })]
+      });
+    };
+    return /* @__PURE__ */_jsx(AutoSubmitDemo, {});
+  }
+};
+export { AutoSubmit, Basic, Disabled, Interactive, Main, Sizes, Standalone, WithError, OtpInput_stories_default as default };
+//# sourceMappingURL=OtpInput.stories.native.js.map

package/dist/esm/fields/OTPInput/OtpInput.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useState","action","useForm","Card","Text","YStack","Button","Input","Form","OTPInput","meta","title","component","parameters","docs","description","argTypes","label","control","helperText","error","required","disabled","size","options","length","value","type","OtpInput_stories_default","Main","name","render","FormExample","FormExample2","form","defaultValues","phoneNumber","verificationCode","onSubmit","param","Promise","resolve","setTimeout","maxWidth","children","gap","placeholder","Standalone","args","render2","Basic","onChange","onComplete","Disabled","WithError","Sizes","render3"],"sources":["../../../../src/fields/OTPInput/OtpInput.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}