@multiplatform.one/forms 6.0.0

package/dist/esm/fields/Rating/Rating.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","renderWithProviders","Form","Rating","jsx","MockStarIcon","size","weight","color","result","label","name","starIcon","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","maxStars","stars","querySelectorAll","length","toBe","skeleton","disabled","formOptions","defaultValues","rating","submitText","children"],"sources":["../../../../src/fields/Rating/Rating.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,97 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, it } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.native.js";
+import { Rating } from "./index.native.js";
+var MockStarIcon = function MockStarIcon2(param) {
+  var {
+    size,
+    weight,
+    color
+  } = param;
+  return /* @__PURE__ */_jsx("span", {
+    "data-testid": "star",
+    "data-size": size,
+    "data-weight": weight,
+    "data-color": color
+  });
+};
+describe("Rating", function () {
+  describe("without form context", function () {
+    it("renders with label", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Rating, {
+        label: "Rating",
+        name: "rating",
+        starIcon: MockStarIcon
+      }));
+      expect(result.findTextElement("Rating")).toBeDefined();
+    });
+    it("renders required label with asterisk", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Rating, {
+        label: "Required",
+        name: "req",
+        starIcon: MockStarIcon,
+        required: true
+      }));
+      var label = result.container.querySelector("label");
+      expect(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+    });
+    it("renders correct number of stars", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Rating, {
+        label: "Stars",
+        name: "s",
+        starIcon: MockStarIcon,
+        maxStars: 5
+      }));
+      var stars = result.container.querySelectorAll("[data-testid='star']");
+      expect(stars.length).toBe(5);
+    });
+    it("renders custom maxStars", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Rating, {
+        label: "Stars",
+        name: "s",
+        starIcon: MockStarIcon,
+        maxStars: 3
+      }));
+      var stars = result.container.querySelectorAll("[data-testid='star']");
+      expect(stars.length).toBe(3);
+    });
+    it("renders skeleton placeholder", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Rating, {
+        label: "Loading",
+        name: "l",
+        starIcon: MockStarIcon,
+        skeleton: true
+      }));
+      expect(result.container.querySelectorAll("[data-testid='star']").length).toBe(0);
+    });
+    it("renders disabled state", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Rating, {
+        label: "Disabled",
+        name: "d",
+        starIcon: MockStarIcon,
+        disabled: true
+      }));
+      expect(result.findTextElement("Disabled")).toBeDefined();
+    });
+  });
+  describe("with form context", function () {
+    it("renders inside form", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            rating: 0
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */_jsx(Rating, {
+          name: "rating",
+          label: "Rate",
+          starIcon: MockStarIcon
+        })
+      }));
+      expect(result.findTextElement("Rate")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=Rating.spec.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","describe","expect","it","renderWithProviders","Form","Rating","MockStarIcon","MockStarIcon2","param","size","weight","color","result","label","name","starIcon","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","maxStars","stars","querySelectorAll","length","toBe"],"sources":["../../../../src/fields/Rating/Rating.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,QAAQ,mBAAc;AACzC,SAASC,QAAA,EAAAC,MAAA,EAAAC,EAAA,QAA2B;AACpC,SAASC,mBAAY;AACrB,SAASC,IAAA,oCAAc;AAGrB,SAAAC,MAAA;AADF,IAAAC,YAAM,YAAkBC,aAAcA,CAAAC,KAAM;EAI5C;IAAAC,IAAS;IAAAC,MAAU;IAAAC;EAAM,IAAAH,KAAA;EACvB,sBAAST,IAAA,OAAwB;IAC/B,aAAG;IACD,WAAM,EAAAU,IAAS;IAAA,aACb,EAAAC,MAAA;IAA6D,YAC/D,EAAAC;EACA;AAAqD;AAGvDX,QAAG;EACDA,QAAA,uBAAe;IAAAE,EAAA,qBACb,EAAC,YAAO;MACV,IAAAU,MAAA,GAAAT,mBAAA,gBAAAJ,IAAA,CAAAM,MAAA;QACAQ,KAAM,UAAQ;QACdC,IAAA,EAAO,QAAO;QACfC,QAAA,EAAAT;MAED,CAAG;MACDL,MAAM,CAAAW,MAAA,CAAAI,eAAS,YAAAC,WAAA;IAAA;IACuDf,EACtE;MACA,IAAAU,MAAM,GAAAT,mBAAyB,gBAAiBJ,IAAA,CAAAM,MAAA;QAChDQ,KAAO,YAAY;QACpBC,IAAA;QAEEC,QAAA,EAAAT,YAAA;QACDY,QAAM;MAAS,EACb;MACF,IAAAL,KAAA,GAAAD,MAAA,CAAAO,SAAA,CAAAC,aAAA;MACAnB,MAAM,CAAAY,KAAA,KAAQ,IAAO,IAAAA,KAAA,KAAU,cAAiB,IAAAA,KAAA,CAAAQ,WAAsB,EAAAC,SAAA;IACtE;IACFpB,EAAC;MAED,IAAGU,MAAA,GAAAT,mBAAA,CAAgC,eAAMJ,IAAA,CAAAM,MAAA;QACvCQ,KAAM,SAAS;QACbC,IAAA;QACFC,QAAA,EAAAT,YAAA;QACAiB,QAAO;MACR;MAED,IAAGC,KAAA,GAAAZ,MAAA,CAAAO,SAA0B,CAAAM,gBAAM;MACjCxB,MAAM,CAAAuB,KAAA,CAAAE,MAAS,EAAAC,IAAA;IAAA;IACsDzB,EACrE;MACA,IAAAU,MAAO,GAAAT,mBAAuB,gBAAaJ,IAAA,CAAAM,MAAY;QACxDQ,KAAA;QACFC,IAAA;QAEDC,QAAS,EAAAT,YAAA;QACJiB,QAAA;MACD;MAAe,IACbC,KAAA,GAAAZ,MAAA,CAAAO,SAAC,CAAAM,gBAAoB,uBAAiB;MAGxCxB,MAAA,CAAAuB,KAAA,CAAAE,MAAA,EAAAC,IAAA;IACA;IACFzB,EAAC;MACF,IAAAU,MAAA,GAAAT,mBAAA,gBAAAJ,IAAA,CAAAM,MAAA;QACFQ,KAAA","ignoreList":[]}

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

@@ -0,0 +1,226 @@
+import { action } from "@multiplatform.one/storybook";
+import { StarIcon } 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 { Rating } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const meta = {
+  title: "Forms/Rating",
+  component: Rating,
+  parameters: {
+    docs: {
+      description: {
+        component: "A star rating field component with form integration."
+      }
+    }
+  },
+  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: {
+        type: "number",
+        min: 0,
+        max: 5
+      },
+      description: "Rating value (0-1 fraction)"
+    },
+    maxStars: {
+      control: "number",
+      description: "Number of stars"
+    }
+  }
+};
+var Rating_stories_default = meta;
+const Main = {
+  name: "Main",
+  render: () => {
+    const FormExample = () => {
+      const form = useForm({
+        defaultValues: {
+          quality: 0.6,
+          service: 0.8
+        },
+        onSubmit: async ({
+          value
+        }) => {
+          action("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */jsx(Form, {
+        form,
+        maxWidth: 400,
+        children: /* @__PURE__ */jsxs(YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */jsx(Rating, {
+            label: "Quality",
+            name: "quality",
+            helperText: "Rate the product quality",
+            starIcon: StarIcon
+          }), /* @__PURE__ */jsx(Rating, {
+            label: "Service",
+            name: "service",
+            helperText: "Rate the customer service",
+            starIcon: StarIcon
+          }), /* @__PURE__ */jsx(Button, {
+            action: "submit",
+            children: "Submit Review"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */jsx(FormExample, {});
+  }
+};
+const Standalone = {
+  args: {
+    label: "Rating",
+    helperText: "Rate your experience",
+    value: 3,
+    maxStars: 5
+  },
+  render: args => /* @__PURE__ */jsx(Rating, {
+    ...args,
+    starIcon: StarIcon
+  })
+};
+const Basic = {
+  args: {
+    label: "Rating",
+    helperText: "Rate your experience",
+    value: 0.6,
+    starIcon: StarIcon,
+    onChange: action("onChange")
+  }
+};
+const Disabled = {
+  args: {
+    label: "Rating",
+    helperText: "This rating is disabled",
+    value: 0.6,
+    disabled: true,
+    starIcon: StarIcon,
+    onChange: action("onChange")
+  }
+};
+const WithError = {
+  args: {
+    label: "Rating",
+    helperText: "Rate your experience",
+    value: 0,
+    required: true,
+    error: "A rating is required",
+    starIcon: StarIcon,
+    onChange: action("onChange")
+  }
+};
+const Sizes = {
+  render: () => /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    maxWidth: 300,
+    children: [/* @__PURE__ */jsx(Text, {
+      fontWeight: "bold",
+      children: "Size $2"
+    }), /* @__PURE__ */jsx(Rating, {
+      label: "Small",
+      value: 0.6,
+      size: "$2",
+      starIcon: StarIcon,
+      onChange: action("onChange")
+    }), /* @__PURE__ */jsx(Text, {
+      fontWeight: "bold",
+      children: "Size $3"
+    }), /* @__PURE__ */jsx(Rating, {
+      label: "Medium",
+      value: 0.6,
+      size: "$3",
+      starIcon: StarIcon,
+      onChange: action("onChange")
+    }), /* @__PURE__ */jsx(Text, {
+      fontWeight: "bold",
+      children: "Size $4"
+    }), /* @__PURE__ */jsx(Rating, {
+      label: "Large",
+      value: 0.6,
+      size: "$4",
+      starIcon: StarIcon,
+      onChange: action("onChange")
+    })]
+  })
+};
+const Pointy = {
+  render: () => {
+    const PointyExample = () => {
+      const [value, setValue] = useState(0.6);
+      return /* @__PURE__ */jsxs(YStack, {
+        gap: "$4",
+        maxWidth: 300,
+        children: [/* @__PURE__ */jsx(Rating, {
+          label: "Pointy (explicit prop)",
+          helperText: "Sharp-pointed stars via the pointy prop",
+          value,
+          onChange: setValue,
+          starIcon: StarIcon,
+          pointy: true
+        }), /* @__PURE__ */jsx(Rating, {
+          label: "Regular",
+          helperText: "Default star icon",
+          value,
+          onChange: setValue,
+          starIcon: StarIcon,
+          pointy: false
+        })]
+      });
+    };
+    return /* @__PURE__ */jsx(PointyExample, {});
+  }
+};
+const Interactive = {
+  render: () => {
+    const InteractiveExample = () => {
+      const [value, setValue] = useState(0.4);
+      return /* @__PURE__ */jsxs(YStack, {
+        gap: "$4",
+        maxWidth: 300,
+        children: [/* @__PURE__ */jsx(Rating, {
+          label: "How would you rate this?",
+          helperText: `${Math.round(value * 5)} out of 5 stars`,
+          value,
+          onChange: v => {
+            setValue(v);
+            action("onChange")(v);
+          },
+          starIcon: StarIcon
+        }), /* @__PURE__ */jsx(Rating, {
+          label: "Disabled",
+          value: 0.8,
+          disabled: true,
+          starIcon: StarIcon
+        })]
+      });
+    };
+    return /* @__PURE__ */jsx(InteractiveExample, {});
+  }
+};
+export { Basic, Disabled, Interactive, Main, Pointy, Sizes, Standalone, WithError, Rating_stories_default as default };
+//# sourceMappingURL=Rating.stories.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["action","StarIcon","useForm","useState","Text","YStack","Button","Form","Rating","jsx","jsxs","meta","title","component","parameters","docs","description","argTypes","label","control","helperText","error","required","disabled","size","options","value","type","min","max","maxStars","Rating_stories_default","Main","name","render","FormExample","form","defaultValues","quality","service","onSubmit","maxWidth","children","gap","starIcon","Standalone","args","Basic","onChange","Disabled","WithError","Sizes","fontWeight","Pointy","PointyExample","setValue","pointy","Interactive","InteractiveExample","Math","round","v"],"sources":["../../../../src/fields/Rating/Rating.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,231 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { action } from "@multiplatform.one/storybook";
+import { StarIcon } from "@phosphor-icons/react";
+import { useForm } from "@tanstack/react-form";
+import { useState } from "react";
+import { Text, YStack } from "tamagui";
+import { Button } from "../../Button/index.native.js";
+import { Form } from "../../Form/index.native.js";
+import { Rating } from "./index.native.js";
+var meta = {
+  title: "Forms/Rating",
+  component: Rating,
+  parameters: {
+    docs: {
+      description: {
+        component: "A star rating field component with form integration."
+      }
+    }
+  },
+  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: {
+        type: "number",
+        min: 0,
+        max: 5
+      },
+      description: "Rating value (0-1 fraction)"
+    },
+    maxStars: {
+      control: "number",
+      description: "Number of stars"
+    }
+  }
+};
+var Rating_stories_default = meta;
+var Main = {
+  name: "Main",
+  render: function render() {
+    var FormExample = function FormExample2() {
+      var form = useForm({
+        defaultValues: {
+          quality: 0.6,
+          service: 0.8
+        },
+        onSubmit: async function onSubmit(param) {
+          var {
+            value
+          } = param;
+          action("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */_jsx(Form, {
+        form,
+        maxWidth: 400,
+        children: /* @__PURE__ */_jsxs(YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */_jsx(Rating, {
+            label: "Quality",
+            name: "quality",
+            helperText: "Rate the product quality",
+            starIcon: StarIcon
+          }), /* @__PURE__ */_jsx(Rating, {
+            label: "Service",
+            name: "service",
+            helperText: "Rate the customer service",
+            starIcon: StarIcon
+          }), /* @__PURE__ */_jsx(Button, {
+            action: "submit",
+            children: "Submit Review"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */_jsx(FormExample, {});
+  }
+};
+var Standalone = {
+  args: {
+    label: "Rating",
+    helperText: "Rate your experience",
+    value: 3,
+    maxStars: 5
+  },
+  render: function render2(args) {
+    return /* @__PURE__ */_jsx(Rating, {
+      ...args,
+      starIcon: StarIcon
+    });
+  }
+};
+var Basic = {
+  args: {
+    label: "Rating",
+    helperText: "Rate your experience",
+    value: 0.6,
+    starIcon: StarIcon,
+    onChange: action("onChange")
+  }
+};
+var Disabled = {
+  args: {
+    label: "Rating",
+    helperText: "This rating is disabled",
+    value: 0.6,
+    disabled: true,
+    starIcon: StarIcon,
+    onChange: action("onChange")
+  }
+};
+var WithError = {
+  args: {
+    label: "Rating",
+    helperText: "Rate your experience",
+    value: 0,
+    required: true,
+    error: "A rating is required",
+    starIcon: StarIcon,
+    onChange: action("onChange")
+  }
+};
+var Sizes = {
+  render: function render3() {
+    return /* @__PURE__ */_jsxs(YStack, {
+      gap: "$4",
+      maxWidth: 300,
+      children: [/* @__PURE__ */_jsx(Text, {
+        fontWeight: "bold",
+        children: "Size $2"
+      }), /* @__PURE__ */_jsx(Rating, {
+        label: "Small",
+        value: 0.6,
+        size: "$2",
+        starIcon: StarIcon,
+        onChange: action("onChange")
+      }), /* @__PURE__ */_jsx(Text, {
+        fontWeight: "bold",
+        children: "Size $3"
+      }), /* @__PURE__ */_jsx(Rating, {
+        label: "Medium",
+        value: 0.6,
+        size: "$3",
+        starIcon: StarIcon,
+        onChange: action("onChange")
+      }), /* @__PURE__ */_jsx(Text, {
+        fontWeight: "bold",
+        children: "Size $4"
+      }), /* @__PURE__ */_jsx(Rating, {
+        label: "Large",
+        value: 0.6,
+        size: "$4",
+        starIcon: StarIcon,
+        onChange: action("onChange")
+      })]
+    });
+  }
+};
+var Pointy = {
+  render: function render4() {
+    var PointyExample = function PointyExample2() {
+      var [value, setValue] = useState(0.6);
+      return /* @__PURE__ */_jsxs(YStack, {
+        gap: "$4",
+        maxWidth: 300,
+        children: [/* @__PURE__ */_jsx(Rating, {
+          label: "Pointy (explicit prop)",
+          helperText: "Sharp-pointed stars via the pointy prop",
+          value,
+          onChange: setValue,
+          starIcon: StarIcon,
+          pointy: true
+        }), /* @__PURE__ */_jsx(Rating, {
+          label: "Regular",
+          helperText: "Default star icon",
+          value,
+          onChange: setValue,
+          starIcon: StarIcon,
+          pointy: false
+        })]
+      });
+    };
+    return /* @__PURE__ */_jsx(PointyExample, {});
+  }
+};
+var Interactive = {
+  render: function render5() {
+    var InteractiveExample = function InteractiveExample2() {
+      var [value, setValue] = useState(0.4);
+      return /* @__PURE__ */_jsxs(YStack, {
+        gap: "$4",
+        maxWidth: 300,
+        children: [/* @__PURE__ */_jsx(Rating, {
+          label: "How would you rate this?",
+          helperText: `${Math.round(value * 5)} out of 5 stars`,
+          value,
+          onChange: function onChange(v) {
+            setValue(v);
+            action("onChange")(v);
+          },
+          starIcon: StarIcon
+        }), /* @__PURE__ */_jsx(Rating, {
+          label: "Disabled",
+          value: 0.8,
+          disabled: true,
+          starIcon: StarIcon
+        })]
+      });
+    };
+    return /* @__PURE__ */_jsx(InteractiveExample, {});
+  }
+};
+export { Basic, Disabled, Interactive, Main, Pointy, Sizes, Standalone, WithError, Rating_stories_default as default };
+//# sourceMappingURL=Rating.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","StarIcon","useForm","useState","Text","YStack","Button","Form","Rating","meta","title","component","parameters","docs","description","argTypes","label","control","helperText","error","required","disabled","size","options","value","type","min","max","maxStars","Rating_stories_default","Main","name","render","FormExample","FormExample2","form","defaultValues","quality","service","onSubmit","param","maxWidth","children","gap","starIcon","Standalone","args","render2","Basic","onChange","Disabled","WithError","Sizes","render3","fontWeight","Pointy","render4","PointyExample","PointyExample2","setValue","pointy"],"sources":["../../../../src/fields/Rating/Rating.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}