@multiplatform.one/forms 6.0.0

package/dist/jsx/fields/Duration/Duration.spec.mjs

@@ -0,0 +1,81 @@
+import { describe, expect, it } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.mjs";
+import { Duration } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+describe("Duration", () => {
+  describe("without form context", () => {
+    it("renders with label and placeholder", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Duration, {
+        label: "Duration",
+        name: "dur",
+        placeholder: "Select duration"
+      }));
+      expect(result.findTextElement("Duration")).toBeDefined();
+      const input = result.container.querySelector("input");
+      expect(input?.getAttribute("placeholder")).toBe("Select duration");
+    });
+    it("renders required label with asterisk", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Duration, {
+        label: "Required",
+        name: "req",
+        required: true
+      }));
+      const label = result.container.querySelector("label");
+      expect(label?.textContent).toContain("*");
+    });
+    it("renders with helper text", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Duration, {
+        label: "Time",
+        name: "t",
+        helperText: "In seconds"
+      }));
+      expect(result.findTextElement("In seconds")).toBeDefined();
+    });
+    it("renders skeleton placeholder", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Duration, {
+        label: "Loading",
+        name: "l",
+        skeleton: true
+      }));
+      expect(result.container.querySelector("input")).toBeNull();
+    });
+    it("renders disabled state", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Duration, {
+        label: "Disabled",
+        name: "d",
+        disabled: true
+      }));
+      const input = result.container.querySelector("input");
+      expect(input?.getAttribute("aria-disabled")).toBe("true");
+    });
+    it("renders readOnly with formatted value", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Duration, {
+        label: "ReadOnly",
+        name: "r",
+        readOnly: true,
+        value: 3661
+      }));
+      const input = result.container.querySelector("input");
+      expect(input?.getAttribute("aria-readonly")).toBe("true");
+    });
+  });
+  describe("with form context", () => {
+    it("renders inside form", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            dur: 0
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */jsx(Duration, {
+          name: "dur",
+          label: "Duration"
+        })
+      }));
+      expect(result.findTextElement("Duration")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=Duration.spec.mjs.map

package/dist/jsx/fields/Duration/Duration.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","renderWithProviders","Form","Duration","jsx","result","label","name","placeholder","findTextElement","toBeDefined","input","container","querySelector","getAttribute","toBe","required","textContent","toContain","helperText","skeleton","toBeNull","disabled","readOnly","value","formOptions","defaultValues","dur","submitText","children"],"sources":["../../../../src/fields/Duration/Duration.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/Duration/Duration.spec.native.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_Form = require("../../Form/index.native.js");
+var import_index = require("./index.native.js");
+(0, import_vitest.describe)("Duration", function () {
+  (0, import_vitest.describe)("without form context", function () {
+    (0, import_vitest.it)("renders with label and placeholder", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Duration, {
+        label: "Duration",
+        name: "dur",
+        placeholder: "Select duration"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Duration")).toBeDefined();
+      var input = result.container.querySelector("input");
+      (0, import_vitest.expect)(input === null || input === void 0 ? void 0 : input.getAttribute("placeholder")).toBe("Select duration");
+    });
+    (0, import_vitest.it)("renders required label with asterisk", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Duration, {
+        label: "Required",
+        name: "req",
+        required: true
+      }));
+      var label = result.container.querySelector("label");
+      (0, import_vitest.expect)(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+    });
+    (0, import_vitest.it)("renders with helper text", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Duration, {
+        label: "Time",
+        name: "t",
+        helperText: "In seconds"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("In seconds")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders skeleton placeholder", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Duration, {
+        label: "Loading",
+        name: "l",
+        skeleton: true
+      }));
+      (0, import_vitest.expect)(result.container.querySelector("input")).toBeNull();
+    });
+    (0, import_vitest.it)("renders disabled state", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Duration, {
+        label: "Disabled",
+        name: "d",
+        disabled: true
+      }));
+      var input = result.container.querySelector("input");
+      (0, import_vitest.expect)(input === null || input === void 0 ? void 0 : input.getAttribute("aria-disabled")).toBe("true");
+    });
+    (0, import_vitest.it)("renders readOnly with formatted value", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Duration, {
+        label: "ReadOnly",
+        name: "r",
+        readOnly: true,
+        value: 3661
+      }));
+      var input = result.container.querySelector("input");
+      (0, import_vitest.expect)(input === null || input === void 0 ? void 0 : input.getAttribute("aria-readonly")).toBe("true");
+    });
+  });
+  (0, import_vitest.describe)("with form context", function () {
+    (0, import_vitest.it)("renders inside form", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        formOptions: {
+          defaultValues: {
+            dur: 0
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Duration, {
+          name: "dur",
+          label: "Duration"
+        })
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Duration")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=Duration.spec.native.js.map

package/dist/jsx/fields/Duration/Duration.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_vitest","import_test_utils","import_Form","import_index","describe","it","result","renderWithProviders","jsx","Duration","label","name","placeholder","expect","findTextElement","toBeDefined","input","container","querySelector","getAttribute","toBe","required","textContent","toContain","helperText","skeleton","toBeNull","disabled"],"sources":["../../../../src/fields/Duration/Duration.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,kBAAS,GAAAC,OAAA,oBAA2B;AACpC,IAAAC,aAAS,GAAAD,OAAY;AACrB,IAAAE,iBAAS,GAAAF,OAAgB;AAMjB,IAAAG,WAAA,GAAAH,OAAA;AAJR,IAAAI,YAAS,GAAAJ,OAAY,CAAM;AACzB,IAAAC,aAAS,CAAAI,QAAA,YAAwB,cAAM;EACrC,IAAAJ,aAAG,CAAAI,QAAA,wBAA4C;IAC7C,IAAAJ,aAAe,CAAAK,EAAA;MAAA,IACbC,MAAA,OAAAL,iBAAU,CAAAM,mBAAiB,iBAAW,IAAAT,kBAAY,CAAAU,GAAkB,EAAAL,YAAA,CAAAM,QAAA;QACtEC,KAAA;QACAC,IAAA,EAAO;QACPC,WAAM,EAAQ;MACd;MACD,IAAAZ,aAAA,CAAAa,MAAA,EAAAP,MAAA,CAAAQ,eAAA,cAAAC,WAAA;MAED,IAAGC,KAAA,GAAAV,MAAA,CAAAW,SAAA,CAAAC,aAAwC,QAAM;MAC/C,IAAAlB,aAAe,CAAAa,MAAA,EAAAG,KAAA,KAAoB,QAAAA,KAAA,UAAC,SAAS,IAAAA,KAAM,CAAAG,YAAW,cAAW,GAAAC,IAAQ,kBAAG;IACpF;IACA,IAAApB,aAAc,CAAAK,EAAA,wCAA0B;MACzC,IAAAC,MAAA,OAAAL,iBAAA,CAAAM,mBAAA,qBAAAT,kBAAA,CAAAU,GAAA,EAAAL,YAAA,CAAAM,QAAA;QAEEC,KAAA;QACDC,IAAM;QACJU,QAAA;MACF;MACA,IAAAX,KAAO,GAAAJ,MAAO,CAAAW,SAAA,CAAAC,aAA4B,CAAC,OAAE;MAC9C,IAAAlB,aAAA,CAAAa,MAAA,EAAAH,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAAY,WAAA,EAAAC,SAAA;IAED;IACE,IAAAvB,aAAe,CAAAK,EAAA,4BAAoB,cAAC;MACpC,IAAAC,MAAO,IAAO,GAAAL,iBAAU,CAAAM,mBAAwB,iBAAS,IAAAT,kBAAA,CAAAU,GAAA,EAAAL,YAAA,CAAAM,QAAA;QAC1DC,KAAA;QAEEC,IAAA;QACDa,UAAM;MACN;MACA,IAAAxB,aAAc,CAAAa,MAAA,EAAAP,MAAa,CAAAQ,eAAkB,aAAW,GAAAC,WAAA;IAC1D,CAAC;IAED,IAAGf,aAAA,CAAAK,EAAA,gCAA+C;MAChD,IAAAC,MAAM,KAAS,EAAAL,iBAAA,CAAAM,mBAAA,qBAAAT,kBAAA,CAAAU,GAAA,EAAAL,YAAA,CAAAM,QAAA;QACbC,KAAA;QACFC,IAAA;QACAc,QAAM;MACN;MACD,IAAAzB,aAAA,CAAAa,MAAA,EAAAP,MAAA,CAAAW,SAAA,CAAAC,aAAA,WAAAQ,QAAA;IACF;IAED,IAAA1B,aAAS,CAAAK,EAAA,0BAA2B;MAClC,IAAGC,MAAA,OAAAL,iBAA6B,CAAAM,mBAAA,qBAAAT,kBAAA,CAAAU,GAAA,EAAAL,YAAA,CAAAM,QAAA;QAC9BC,KAAM,YAAS;QACbC,IAAA;QAGFgB,QAAA;MACA;MACD,IAAAX,KAAA,GAAAV,MAAA,CAAAW,SAAA,CAAAC,aAAA;MACF,IAAAlB,aAAA,CAAAa,MAAA,EAAAG,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAAG,YAAA,mBAAAC,IAAA;IACF","ignoreList":[]}

package/dist/jsx/fields/Duration/Duration.stories.mjs

@@ -0,0 +1,247 @@
+import { action } from "@multiplatform.one/storybook";
+import { ClockIcon } from "@phosphor-icons/react";
+import { useForm } from "@tanstack/react-form";
+import { useState } from "react";
+import { Text, YStack } from "tamagui";
+import { Button } from "../../Button/index.mjs";
+import { Form } from "../../Form/index.mjs";
+import { Duration } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const meta = {
+  title: "Forms/Duration",
+  component: Duration,
+  parameters: {
+    docs: {
+      description: {
+        component: "A duration picker with scrollable hour/minute/second columns and quick-select presets."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text"
+    },
+    helperText: {
+      control: "text"
+    },
+    error: {
+      control: "text"
+    },
+    required: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"]
+    },
+    value: {
+      control: "number",
+      description: "Duration in seconds"
+    },
+    showSeconds: {
+      control: "boolean",
+      description: "Show seconds column"
+    },
+    placeholder: {
+      control: "text"
+    }
+  }
+};
+var Duration_stories_default = meta;
+const Main = {
+  name: "Main",
+  render: () => {
+    const FormExample = () => {
+      const form = useForm({
+        defaultValues: {
+          workTime: 28800,
+          breakTime: 3600
+        },
+        onSubmit: async ({
+          value
+        }) => {
+          action("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */jsx(Form, {
+        form,
+        maxWidth: 400,
+        children: /* @__PURE__ */jsxs(YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */jsx(Duration, {
+            label: "Work Duration",
+            name: "workTime",
+            helperText: "How long did you work?",
+            clockIcon: /* @__PURE__ */jsx(ClockIcon, {
+              size: 16
+            })
+          }), /* @__PURE__ */jsx(Duration, {
+            label: "Break Duration",
+            name: "breakTime",
+            helperText: "Total break time",
+            clockIcon: /* @__PURE__ */jsx(ClockIcon, {
+              size: 16
+            })
+          }), /* @__PURE__ */jsx(Button, {
+            action: "submit",
+            children: "Log Time"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */jsx(FormExample, {});
+  }
+};
+const Standalone = {
+  args: {
+    label: "Duration",
+    helperText: "How long?",
+    value: 5400,
+    showSeconds: false,
+    placeholder: "Select duration"
+  },
+  render: args => /* @__PURE__ */jsx(Duration, {
+    ...args,
+    clockIcon: /* @__PURE__ */jsx(ClockIcon, {
+      size: 16
+    })
+  })
+};
+const Basic = {
+  args: {
+    label: "Duration",
+    helperText: "Select a time duration",
+    value: 5400,
+    onChange: action("onChange")
+  },
+  render: args => /* @__PURE__ */jsx(Duration, {
+    ...args,
+    clockIcon: /* @__PURE__ */jsx(ClockIcon, {
+      size: 16
+    })
+  })
+};
+const Disabled = {
+  args: {
+    label: "Duration",
+    helperText: "This field is disabled",
+    value: 5400,
+    disabled: true,
+    onChange: action("onChange")
+  },
+  render: args => /* @__PURE__ */jsx(Duration, {
+    ...args,
+    clockIcon: /* @__PURE__ */jsx(ClockIcon, {
+      size: 16
+    })
+  })
+};
+const WithError = {
+  args: {
+    label: "Duration",
+    helperText: "Select a time duration",
+    value: 0,
+    required: true,
+    error: "Duration is required",
+    onChange: action("onChange")
+  },
+  render: args => /* @__PURE__ */jsx(Duration, {
+    ...args,
+    clockIcon: /* @__PURE__ */jsx(ClockIcon, {
+      size: 16
+    })
+  })
+};
+const Sizes = {
+  render: () => /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    maxWidth: 300,
+    children: [/* @__PURE__ */jsx(Text, {
+      fontWeight: "bold",
+      children: "Size $2"
+    }), /* @__PURE__ */jsx(Duration, {
+      label: "Small",
+      value: 3600,
+      size: "$2",
+      clockIcon: /* @__PURE__ */jsx(ClockIcon, {
+        size: 16
+      }),
+      onChange: action("onChange")
+    }), /* @__PURE__ */jsx(Text, {
+      fontWeight: "bold",
+      children: "Size $3"
+    }), /* @__PURE__ */jsx(Duration, {
+      label: "Medium",
+      value: 3600,
+      size: "$3",
+      clockIcon: /* @__PURE__ */jsx(ClockIcon, {
+        size: 16
+      }),
+      onChange: action("onChange")
+    }), /* @__PURE__ */jsx(Text, {
+      fontWeight: "bold",
+      children: "Size $4"
+    }), /* @__PURE__ */jsx(Duration, {
+      label: "Large",
+      value: 3600,
+      size: "$4",
+      clockIcon: /* @__PURE__ */jsx(ClockIcon, {
+        size: 16
+      }),
+      onChange: action("onChange")
+    })]
+  })
+};
+const WithSeconds = {
+  args: {
+    label: "Precise Duration",
+    helperText: "Includes seconds",
+    value: 3661,
+    showSeconds: true,
+    onChange: action("onChange")
+  },
+  render: args => /* @__PURE__ */jsx(Duration, {
+    ...args,
+    clockIcon: /* @__PURE__ */jsx(ClockIcon, {
+      size: 16
+    })
+  })
+};
+const Interactive = {
+  render: () => {
+    const InteractiveExample = () => {
+      const [value, setValue] = useState(5400);
+      const h = Math.floor(value / 3600);
+      const m = Math.floor(value % 3600 / 60);
+      return /* @__PURE__ */jsxs(YStack, {
+        gap: "$4",
+        maxWidth: 300,
+        children: [/* @__PURE__ */jsx(Duration, {
+          label: "Session Length",
+          helperText: `${h}h ${m}m selected`,
+          value,
+          onChange: v => {
+            setValue(v);
+            action("onChange")(v);
+          },
+          clockIcon: /* @__PURE__ */jsx(ClockIcon, {
+            size: 16
+          })
+        }), /* @__PURE__ */jsx(Duration, {
+          label: "Disabled",
+          value: 7200,
+          disabled: true,
+          clockIcon: /* @__PURE__ */jsx(ClockIcon, {
+            size: 16
+          })
+        })]
+      });
+    };
+    return /* @__PURE__ */jsx(InteractiveExample, {});
+  }
+};
+export { Basic, Disabled, Interactive, Main, Sizes, Standalone, WithError, WithSeconds, Duration_stories_default as default };
+//# sourceMappingURL=Duration.stories.mjs.map

package/dist/jsx/fields/Duration/Duration.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["action","ClockIcon","useForm","useState","Text","YStack","Button","Form","Duration","jsx","jsxs","meta","title","component","parameters","docs","description","argTypes","label","control","helperText","error","required","disabled","size","options","value","showSeconds","placeholder","Duration_stories_default","Main","name","render","FormExample","form","defaultValues","workTime","breakTime","onSubmit","maxWidth","children","gap","clockIcon","Standalone","args","Basic","onChange","Disabled","WithError","Sizes","fontWeight","WithSeconds","Interactive","InteractiveExample","setValue","h","Math","floor","m","v"],"sources":["../../../../src/fields/Duration/Duration.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}