@multiplatform.one/forms 6.0.0

package/dist/jsx/fields/OTPInput/OtpInput.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_react_form","import_react","import_vitest","import_test_utils","import_Form","import_Button","import_index","describe","it","result","renderWithProviders","jsx","OTPInput","name","inputs","container","querySelectorAll","expect","length","toBe","label","labelElement","querySelector","Array","from","find","el","_el_textContent","textContent","includes","toBeTruthy","helperText","findTextElement","toBeDefined","act","focus","fireEvent","change","target","value","document","activeElement","keyDown","key","toBeGreaterThan","waitFor","_updatedInputs_","_updatedInputs_1","_updatedInputs_2","_updatedInputs_3","updatedInputs","_inputs_","_inputs_1","type","_inputs_2","_inputs_3","onChange","vi","fn","toHaveBeenCalledWith","onComplete","clearable","clearButton","click","separator","separators","filter","Form","formOptions","defaultValues","otp","children","onSubmit","FormExample","FormExample2","jsxs","onSubmit1","Button","action","submitButton","getSubmitButton","onSubmitMock","TestComponent","TestComponent2","form","useForm","verificationCode","param","toContain"],"sources":["../../../../src/fields/OTPInput/OtpInput.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/fields/OTPInput/OtpInput.stories.native.js

@@ -0,0 +1,271 @@
+"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 OtpInput_stories_exports = {};
+__export(OtpInput_stories_exports, {
+  AutoSubmit: () => AutoSubmit,
+  Basic: () => Basic,
+  Disabled: () => Disabled,
+  Interactive: () => Interactive,
+  Main: () => Main,
+  Sizes: () => Sizes,
+  Standalone: () => Standalone,
+  WithError: () => WithError,
+  default: () => OtpInput_stories_default
+});
+module.exports = __toCommonJS(OtpInput_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react_form = require("@tanstack/react-form");
+var import_tamagui = require("tamagui");
+var import_Button = require("../../Button/index.native.js");
+var import_Input = require("../Input/index.native.js");
+var import_Form = require("../../Form/index.native.js");
+var import_index = require("./index.native.js");
+var meta = {
+  title: "Forms/OTPInput",
+  component: import_index.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 = (0, import_react_form.useForm)({
+        defaultValues: {
+          phoneNumber: "",
+          verificationCode: ""
+        },
+        onSubmit: async function onSubmit(param) {
+          var {
+            value
+          } = param;
+          (0, import_storybook.action)("onSubmit")(value);
+          await new Promise(function (resolve) {
+            return setTimeout(resolve, 1e3);
+          });
+          (0, import_storybook.action)("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        form,
+        maxWidth: 400,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Input.Input, {
+            label: "Phone Number",
+            placeholder: "+1 (555) 123-4567"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.OTPInput, {
+            label: "Verification Code",
+            name: "verificationCode",
+            length: 6,
+            helperText: "Enter the 6-digit code sent to your phone",
+            required: true
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            action: "submit",
+            children: "Verify Phone Number"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
+  }
+};
+var Standalone = {
+  args: {
+    label: "Verification Code",
+    helperText: "Enter the 6-digit code",
+    length: 6
+  },
+  render: function render2(args) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.OTPInput, {
+      ...args
+    });
+  }
+};
+var Basic = {
+  args: {
+    label: "Verification Code",
+    helperText: "Enter the 6-digit code sent to your phone",
+    name: "otp",
+    length: 6,
+    onChange: (0, import_storybook.action)("onChange"),
+    onComplete: (0, import_storybook.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__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.OTPInput, {
+        label: "Small",
+        size: "$2",
+        length: 6
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.OTPInput, {
+        label: "Medium (default)",
+        size: "$3",
+        length: 6
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.OTPInput, {
+        label: "Large",
+        size: "$4",
+        length: 6
+      })]
+    });
+  }
+};
+var Interactive = {
+  render: function render4() {
+    var InteractiveExample = function InteractiveExample2() {
+      var [value, setValue] = (0, import_react.useState)("");
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$4",
+        maxWidth: 400,
+        children: [/* @ts-expect-error controlled mode typing mismatch */
+        /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.OTPInput, {
+          label: "Enter Code",
+          length: 6,
+          value,
+          onChange: setValue
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+          children: ["Current value: ", value || "Empty"]
+        })]
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InteractiveExample, {});
+  }
+};
+var AutoSubmit = {
+  args: {
+    ...Basic.args
+  },
+  render: function render5(args) {
+    var AutoSubmitDemo = function AutoSubmitDemo2() {
+      var [submittedValue, setSubmittedValue] = (0, import_react.useState)("");
+      var handleComplete = function handleComplete2(value) {
+        setSubmittedValue(value);
+        (0, import_storybook.action)("Auto-submitted")(value);
+      };
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$4",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Card, {
+          padding: "$4",
+          backgroundColor: "$yellow2",
+          borderRadius: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$4",
+            fontWeight: "600",
+            children: "Auto-Submit Demo:"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            children: "Enter a complete 6-digit code and it will auto-submit."
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            children: "This demonstrates automatic form submission on completion."
+          })]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.OTPInput, {
+          ...args,
+          onComplete: handleComplete
+        }), submittedValue && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Card, {
+          padding: "$4",
+          backgroundColor: "$green2",
+          borderRadius: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$4",
+            fontWeight: "600",
+            children: "Auto-Submitted Value:"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$6",
+            fontWeight: "bold",
+            color: "$green11",
+            children: submittedValue
+          })]
+        })]
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(AutoSubmitDemo, {});
+  }
+};
+//# sourceMappingURL=OtpInput.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","OtpInput_stories_exports","AutoSubmit","Basic","Disabled","Interactive","Main","Sizes","Standalone","WithError","default","OtpInput_stories_default","module","exports","import_jsx_runtime","require","import_react","import_storybook","import_react_form","import_tamagui","import_Button","import_Input","import_Form","import_index","meta","title","component","OTPInput","parameters","docs","description","argTypes","label","control","helperText","error","required","disabled","size","options","length","type","render","FormExample","FormExample2","form","useForm","defaultValues","phoneNumber","verificationCode","onSubmit","param","action","Promise","resolve","setTimeout","jsx","Form","maxWidth","children","jsxs","YStack","gap","Input","placeholder","Button","args","render2","onChange","onComplete"],"sources":["../../../../src/fields/OTPInput/OtpInput.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}