@multiplatform.one/forms 6.0.0

package/dist/esm/fields/Stepper/Stepper.spec.native.js

@@ -0,0 +1,210 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useForm } from "@tanstack/react-form";
+import { act, fireEvent, waitFor } from "@testing-library/react";
+import { YStack } from "tamagui";
+import { describe, expect, it, vi } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.native.js";
+import { Button } from "../../Button/index.native.js";
+import { Stepper } from "./index.native.js";
+describe("Stepper", function () {
+  describe("without form context", function () {
+    it("should render with label and helper text correctly", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Stepper, {
+        label: "Quantity",
+        helperText: "Enter a number",
+        name: "quantity",
+        defaultValue: 5
+      }));
+      var input = result.getInput();
+      expect(result.container.textContent).toContain("Quantity");
+      expect(result.container.textContent).toContain("Enter a number");
+      expect(input === null || input === void 0 ? void 0 : input.value).toBe("5");
+      expect(input === null || input === void 0 ? void 0 : input.hasAttribute("disabled")).toBeFalsy();
+    });
+    it("should handle disabled state", async function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Stepper, {
+        label: "Quantity",
+        name: "quantity",
+        defaultValue: 10,
+        disabled: true
+      }));
+      var input = result.getInput();
+      await act(async function () {
+        fireEvent.change(input, {
+          target: {
+            value: "25"
+          }
+        });
+      });
+      var isDisabled = (input === null || input === void 0 ? void 0 : input.hasAttribute("disabled")) || (input === null || input === void 0 ? void 0 : input.getAttribute("aria-disabled")) === "true";
+      expect(isDisabled).toBeTruthy();
+    });
+    it("should render required label with asterisk", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Stepper, {
+        label: "Required Field",
+        name: "quantity",
+        required: true
+      }));
+      var label = result.container.querySelector("label");
+      expect(label === null || label === void 0 ? void 0 : label.textContent).toContain("Required Field");
+      expect(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+    });
+    it("should handle custom input props", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Stepper, {
+        label: "Custom Input",
+        name: "quantity",
+        inputProps: {
+          placeholder: "Enter number",
+          maxLength: 5
+        }
+      }));
+      var input = result.getInput();
+      expect(input === null || input === void 0 ? void 0 : input.getAttribute("placeholder")).toBe("Enter number");
+      expect(input === null || input === void 0 ? void 0 : input.getAttribute("maxLength")).toBe("5");
+    });
+  });
+  describe("with form context", function () {
+    var FormExample = function FormExample2(param) {
+      var {
+        defaultValue = 0,
+        name = "quantity",
+        onSubmit = async function (_value) {}
+      } = param;
+      var form = useForm({
+        defaultValues: {
+          [name]: defaultValue
+        },
+        onSubmit: async function onSubmit1(param2) {
+          var {
+            value
+          } = param2;
+          await onSubmit(value);
+        }
+      });
+      return /* @__PURE__ */_jsxs(Form, {
+        form,
+        children: [/* @__PURE__ */_jsx(Stepper, {
+          label: "Quantity",
+          name,
+          min: 0,
+          max: 100
+        }), /* @__PURE__ */_jsx(Button, {
+          action: "submit",
+          children: "Submit"
+        })]
+      });
+    };
+    it("should render with form context and handle form submission", async function () {
+      var onSubmit = vi.fn();
+      var result = renderWithProviders(/* @__PURE__ */_jsx(YStack, {
+        children: /* @__PURE__ */_jsx(FormExample, {
+          onSubmit
+        })
+      }));
+      var input = result.getInput();
+      var submitButton = result.getSubmitButton();
+      expect(input === null || input === void 0 ? void 0 : input.value).toBe("0");
+      if (submitButton) {
+        await act(async function () {
+          fireEvent.click(submitButton);
+        });
+        await waitFor(function () {
+          expect(onSubmit).toHaveBeenCalledWith({
+            quantity: 0
+          });
+        });
+        await act(async function () {
+          fireEvent.change(input, {
+            target: {
+              value: "25"
+            }
+          });
+        });
+        await act(async function () {
+          fireEvent.click(submitButton);
+        });
+      }
+      await waitFor(function () {
+        expect(onSubmit).toHaveBeenCalledWith({
+          quantity: 25
+        });
+      });
+    });
+    it("should display error message when error prop is passed in form context", async function () {
+      var onSubmit = vi.fn();
+      var result = renderWithProviders(/* @__PURE__ */_jsxs(YStack, {
+        children: [/* @__PURE__ */_jsx(FormExample, {
+          onSubmit
+        }), /* @__PURE__ */_jsx(Stepper, {
+          label: "Quantity",
+          name: "quantity",
+          error: "This field is required"
+        })]
+      }));
+      expect(result.findTextElement("This field is required")).toBeDefined();
+    });
+  });
+  describe("with useForm hook directly", function () {
+    it("should handle form submission with useForm", async function () {
+      var onSubmitMock = vi.fn();
+      var TestComponent = function TestComponent2() {
+        var form = useForm({
+          defaultValues: {
+            quantity: 5
+          },
+          onSubmit: async function onSubmit(param) {
+            var {
+              value
+            } = param;
+            onSubmitMock(value);
+          }
+        });
+        return /* @__PURE__ */_jsxs(Form, {
+          form,
+          children: [/* @__PURE__ */_jsx(Stepper, {
+            label: "Quantity",
+            name: "quantity",
+            min: 0,
+            max: 50
+          }), /* @__PURE__ */_jsx(Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        });
+      };
+      var result = renderWithProviders(/* @__PURE__ */_jsx(TestComponent, {}));
+      var input = result.getInput();
+      var submitButton = result.getSubmitButton() || Array.from(result.container.querySelectorAll("button")).find(function (btn) {
+        var _btn_textContent;
+        return (_btn_textContent = btn.textContent) === null || _btn_textContent === void 0 ? void 0 : _btn_textContent.includes("Submit");
+      });
+      if (submitButton) {
+        await act(async function () {
+          fireEvent.click(submitButton);
+        });
+        await waitFor(function () {
+          expect(onSubmitMock).toHaveBeenCalledWith({
+            quantity: 5
+          });
+        });
+        await act(async function () {
+          fireEvent.change(input, {
+            target: {
+              value: "30"
+            }
+          });
+        });
+        await act(async function () {
+          fireEvent.click(submitButton);
+        });
+      }
+      await waitFor(function () {
+        expect(onSubmitMock).toHaveBeenCalledWith({
+          quantity: 30
+        });
+      });
+    });
+  });
+});
+//# sourceMappingURL=Stepper.spec.native.js.map

package/dist/esm/fields/Stepper/Stepper.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useForm","act","fireEvent","waitFor","YStack","describe","expect","it","vi","renderWithProviders","Form","Button","Stepper","result","label","helperText","name","defaultValue","input","getInput","container","textContent","toContain","value","toBe","hasAttribute","toBeFalsy","disabled","change","target","isDisabled","getAttribute","toBeTruthy","required","querySelector","inputProps","placeholder","maxLength","FormExample","FormExample2","param","onSubmit","_value","form","defaultValues","onSubmit1","param2","children","min","max","action","fn","submitButton","getSubmitButton","click","toHaveBeenCalledWith","quantity","error","findTextElement","toBeDefined","onSubmitMock","TestComponent","TestComponent2"],"sources":["../../../../src/fields/Stepper/Stepper.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/Stepper/Stepper.stories.mjs

@@ -0,0 +1,207 @@
+import { action } from "@multiplatform.one/storybook";
+import { useForm } from "@tanstack/react-form";
+import { useState } from "react";
+import { Paragraph, YStack } from "tamagui";
+import { Button } from "../../Button/index.mjs";
+import { Form } from "../../Form/index.mjs";
+import { Stepper } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const meta = {
+  title: "Forms/Stepper",
+  component: Stepper,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text"
+    },
+    placeholder: {
+      control: "text"
+    },
+    helperText: {
+      control: "text"
+    },
+    error: {
+      control: "text"
+    },
+    required: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"]
+    },
+    min: {
+      control: "number"
+    },
+    max: {
+      control: "number"
+    },
+    step: {
+      control: "number"
+    },
+    // @ts-expect-error controlled mode not supported
+    value: {
+      control: "number"
+    },
+    defaultValue: {
+      control: "number"
+    },
+    precision: {
+      control: "number"
+    },
+    showButtons: {
+      control: "boolean"
+    },
+    buttonPosition: {
+      control: "select",
+      options: ["left", "right", "both"]
+    },
+    allowEmpty: {
+      control: "boolean"
+    },
+    readOnly: {
+      control: "boolean"
+    }
+  }
+};
+var Stepper_stories_default = meta;
+const Main = {
+  name: "Main",
+  render: () => {
+    const FormExample = () => {
+      const form = useForm({
+        defaultValues: {
+          quantity: 5,
+          price: 10.99,
+          discount: 0
+        },
+        onSubmit: async ({
+          value
+        }) => {
+          action("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */jsx(Form, {
+        form,
+        children: /* @__PURE__ */jsxs(YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */jsx(Stepper, {
+            label: "Quantity",
+            name: "quantity",
+            min: 1,
+            max: 100
+          }), /* @__PURE__ */jsx(Stepper, {
+            label: "Price",
+            name: "price",
+            step: 0.01,
+            min: 0
+          }), /* @__PURE__ */jsx(Stepper, {
+            label: "Discount (%)",
+            name: "discount",
+            min: 0,
+            max: 50,
+            step: 5
+          }), /* @__PURE__ */jsx(Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */jsx(FormExample, {});
+  }
+};
+const Standalone = {
+  args: {
+    label: "Quantity",
+    placeholder: "0",
+    helperText: "Enter a number",
+    disabled: false,
+    required: false,
+    size: "$3",
+    min: 0,
+    max: 100,
+    step: 1
+  },
+  render: args => /* @__PURE__ */jsx(Stepper, {
+    ...args
+  })
+};
+const Basic = {
+  args: {
+    label: "Quantity",
+    error: void 0,
+    helperText: "Enter a number between 1 and 100",
+    defaultValue: 5,
+    min: 1,
+    max: 100
+  }
+};
+const Disabled = {
+  args: {
+    label: "Disabled Field",
+    disabled: true,
+    placeholder: "Cannot interact"
+  }
+};
+const WithError = {
+  args: {
+    label: "Field with Error",
+    error: "This field is required",
+    required: true
+  }
+};
+const Sizes = {
+  render: () => /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    maxWidth: 400,
+    children: [/* @__PURE__ */jsx(Stepper, {
+      label: "Small",
+      size: "$2",
+      placeholder: "Small input"
+    }), /* @__PURE__ */jsx(Stepper, {
+      label: "Medium (default)",
+      size: "$3",
+      placeholder: "Medium input"
+    }), /* @__PURE__ */jsx(Stepper, {
+      label: "Large",
+      size: "$4",
+      placeholder: "Large input"
+    })]
+  })
+};
+const Interactive = {
+  render: () => {
+    const InteractiveExample = () => {
+      const [value, setValue] = useState(0);
+      return /* @__PURE__ */jsxs(YStack, {
+        gap: "$4",
+        maxWidth: 400,
+        children: [/* @__PURE__ */jsx(Stepper, {
+          label: "Quantity",
+          value,
+          onChange: val => {
+            setValue(val);
+            action("onChange")(val);
+          },
+          min: 0,
+          max: 100,
+          step: 1
+        }), /* @__PURE__ */jsxs(Paragraph, {
+          size: "$2",
+          children: ["Current value: ", value ?? "empty"]
+        })]
+      });
+    };
+    return /* @__PURE__ */jsx(InteractiveExample, {});
+  }
+};
+export { Basic, Disabled, Interactive, Main, Sizes, Standalone, WithError, Stepper_stories_default as default };
+//# sourceMappingURL=Stepper.stories.mjs.map

package/dist/esm/fields/Stepper/Stepper.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["action","useForm","useState","Paragraph","YStack","Button","Form","Stepper","jsx","jsxs","meta","title","component","parameters","status","type","argTypes","label","control","placeholder","helperText","error","required","disabled","size","options","min","max","step","value","defaultValue","precision","showButtons","buttonPosition","allowEmpty","readOnly","Stepper_stories_default","Main","name","render","FormExample","form","defaultValues","quantity","price","discount","onSubmit","children","gap","Standalone","args","Basic","Disabled","WithError","Sizes","maxWidth","Interactive","InteractiveExample","setValue","onChange","val"],"sources":["../../../../src/fields/Stepper/Stepper.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/Stepper/Stepper.stories.native.js

@@ -0,0 +1,213 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { action } from "@multiplatform.one/storybook";
+import { useForm } from "@tanstack/react-form";
+import { useState } from "react";
+import { Paragraph, YStack } from "tamagui";
+import { Button } from "../../Button/index.native.js";
+import { Form } from "../../Form/index.native.js";
+import { Stepper } from "./index.native.js";
+var meta = {
+  title: "Forms/Stepper",
+  component: Stepper,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text"
+    },
+    placeholder: {
+      control: "text"
+    },
+    helperText: {
+      control: "text"
+    },
+    error: {
+      control: "text"
+    },
+    required: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"]
+    },
+    min: {
+      control: "number"
+    },
+    max: {
+      control: "number"
+    },
+    step: {
+      control: "number"
+    },
+    // @ts-expect-error controlled mode not supported
+    value: {
+      control: "number"
+    },
+    defaultValue: {
+      control: "number"
+    },
+    precision: {
+      control: "number"
+    },
+    showButtons: {
+      control: "boolean"
+    },
+    buttonPosition: {
+      control: "select",
+      options: ["left", "right", "both"]
+    },
+    allowEmpty: {
+      control: "boolean"
+    },
+    readOnly: {
+      control: "boolean"
+    }
+  }
+};
+var Stepper_stories_default = meta;
+var Main = {
+  name: "Main",
+  render: function render() {
+    var FormExample = function FormExample2() {
+      var form = useForm({
+        defaultValues: {
+          quantity: 5,
+          price: 10.99,
+          discount: 0
+        },
+        onSubmit: async function onSubmit(param) {
+          var {
+            value
+          } = param;
+          action("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */_jsx(Form, {
+        form,
+        children: /* @__PURE__ */_jsxs(YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */_jsx(Stepper, {
+            label: "Quantity",
+            name: "quantity",
+            min: 1,
+            max: 100
+          }), /* @__PURE__ */_jsx(Stepper, {
+            label: "Price",
+            name: "price",
+            step: 0.01,
+            min: 0
+          }), /* @__PURE__ */_jsx(Stepper, {
+            label: "Discount (%)",
+            name: "discount",
+            min: 0,
+            max: 50,
+            step: 5
+          }), /* @__PURE__ */_jsx(Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */_jsx(FormExample, {});
+  }
+};
+var Standalone = {
+  args: {
+    label: "Quantity",
+    placeholder: "0",
+    helperText: "Enter a number",
+    disabled: false,
+    required: false,
+    size: "$3",
+    min: 0,
+    max: 100,
+    step: 1
+  },
+  render: function render2(args) {
+    return /* @__PURE__ */_jsx(Stepper, {
+      ...args
+    });
+  }
+};
+var Basic = {
+  args: {
+    label: "Quantity",
+    error: void 0,
+    helperText: "Enter a number between 1 and 100",
+    defaultValue: 5,
+    min: 1,
+    max: 100
+  }
+};
+var Disabled = {
+  args: {
+    label: "Disabled Field",
+    disabled: true,
+    placeholder: "Cannot interact"
+  }
+};
+var WithError = {
+  args: {
+    label: "Field with Error",
+    error: "This field is required",
+    required: true
+  }
+};
+var Sizes = {
+  render: function render3() {
+    return /* @__PURE__ */_jsxs(YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */_jsx(Stepper, {
+        label: "Small",
+        size: "$2",
+        placeholder: "Small input"
+      }), /* @__PURE__ */_jsx(Stepper, {
+        label: "Medium (default)",
+        size: "$3",
+        placeholder: "Medium input"
+      }), /* @__PURE__ */_jsx(Stepper, {
+        label: "Large",
+        size: "$4",
+        placeholder: "Large input"
+      })]
+    });
+  }
+};
+var Interactive = {
+  render: function render4() {
+    var InteractiveExample = function InteractiveExample2() {
+      var [value, setValue] = useState(0);
+      return /* @__PURE__ */_jsxs(YStack, {
+        gap: "$4",
+        maxWidth: 400,
+        children: [/* @__PURE__ */_jsx(Stepper, {
+          label: "Quantity",
+          value,
+          // @ts-expect-error controlled mode not supported
+          onChange: function onChange(val) {
+            setValue(val);
+            action("onChange")(val);
+          },
+          min: 0,
+          max: 100,
+          step: 1
+        }), /* @__PURE__ */_jsxs(Paragraph, {
+          size: "$2",
+          children: ["Current value: ", value !== null && value !== void 0 ? value : "empty"]
+        })]
+      });
+    };
+    return /* @__PURE__ */_jsx(InteractiveExample, {});
+  }
+};
+export { Basic, Disabled, Interactive, Main, Sizes, Standalone, WithError, Stepper_stories_default as default };
+//# sourceMappingURL=Stepper.stories.native.js.map

package/dist/esm/fields/Stepper/Stepper.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","useForm","useState","Paragraph","YStack","Button","Form","Stepper","meta","title","component","parameters","status","type","argTypes","label","control","placeholder","helperText","error","required","disabled","size","options","min","max","step","value","defaultValue","precision","showButtons","buttonPosition","allowEmpty","readOnly","Stepper_stories_default","Main","name","render","FormExample","FormExample2","form","defaultValues","quantity","price","discount","onSubmit","param","children","gap"],"sources":["../../../../src/fields/Stepper/Stepper.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AAEvB,SAASC,MAAA,sCAAe;AACxB,SAASC,OAAA,8BAAgB;AACzB,SAASC,QAAA,QAAW;AACpB,SAASC,SAAA,EAAAC,MAAc;AACvB,SAASC,MAAA,QAAY;AACrB,SAASC,IAAA,oCAAe;AA+Cd,SACEC,OADF;AA7CV,IAAAC,IAAM;EACJC,KAAA,EAAO;EACPC,SAAA,EAAWH,OAAA;EACXI,UAAA,EAAY;IACZC,MAAA,EAAU;MACRC,IAAA,EAAO;IACP;EAA+B;EACDC,QAC9B,EAAO;IACPC,KAAA;MACAC,OAAA,EAAU;IACV;IACAC,WAAO;MACPD,OAAO;IACP;IAA0BE,UAAA;MAE1BF,OAAS;IACT;IACAG,KAAA;MACAH,OAAA;IACA;IACAI,QAAA;MACAJ,OAAA,EAAU;IACZ;IACFK,QAAA;MAEOL,OAAA;IAGA;IACLM,IAAM;MACNN,OAAQ,UAAM;MACZO,OAAM,GACJ,IAAM,EACJ,MAAe,IACb;IACO;IACGC,GAAA,EACZ;MAAAR,OACA;IACE;IAAwBS,GAAA,EAC1B;MACFT,OAAC;IACD;IAGMU,IAAA;MAA4DV,OAC5D;IAAwD;IACgB;IAC1CW,KAChC;MAGNX,OAAA;IACA;IACFY,YAAA;MACFZ,OAAA;IAEO;IACLa,SAAM;MACJb,OAAO;IACP;IACAc,WAAA,EAAY;MACZd,OAAA,EAAU;IACV;IACAe,cAAM;MACNf,OAAK;MACLO,OAAK,GACL,MAAM,EACR,SACA,MAAS;IAGJ;IACLS,UAAM;MACJhB,OAAO;IACP;IACAiB,QAAA;MACAjB,OAAA;IACA;EAAK;AACA;AAET,IAAAkB,uBAAA,GAAA1B,IAAA;AAEO,IAAA2B,IAAM;EACXC,IAAA,EAAM;EAAAC,MACJ,WAAOA,OAAA;IACP,IAAAC,WAAU,YAAAC,aAAA;MACV,IAAAC,IAAA,GAAavC,OAAA;QACfwC,aAAA;UACFC,QAAA;UAEaC,KAAA,OAAmB;UACxBC,QAAA;QACJ;QACAC,QAAO,iBAAAA,SAAAC,KAAA;UACP,IAAU;YAAAnB;UAAA,IAAAmB,KAAA;UACZ9C,MAAA,aAAA2B,KAAA;QACF;MAEa;MACX,OAAQ,eACN9B,IAAA,CAAAS,IAAC;QACCkC,IAAA;QACAO,QAAA,iBAAChD,KAAQ,CAAAK,MAAM;UACf4C,GAAA;UACFD,QAAA,GAEJ,eAAAlD,IAAA,CAAAU,OAAA;YAEaQ,KAAA,EAAqB;YACxBqB,IAAM;YACNZ,GAAA;YACGC,GAAA;UACP,CACE,GACE,eAAA5B,IAAA,CAAAU,OAAA;YAACQ,KAAA;YAAAqB,IAAA;YACCV,IAAA,EAAM;YACNF,GAAA;UAEA,IACE,eAAY3B,IAAA,CAAAU,OAAA;YACZQ,KAAA,EAAO,cAAY;YACrBqB,IAAA;YACAZ,GAAK;YACLC,GAAK;YACLC,IAAM;UAAA,IACR,eAAA7B,IAAA,CAAAQ,MAAA;YACAL,MAAA,UAAC;YAAoB+C,QAAA;UAAgB;QAAiB,CACxD;MAEJ;IACA;IACF,sBAAAlD,IAAA,CAAAyC,WAAA;EACF","ignoreList":[]}