@multiplatform.one/forms 6.0.0

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

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

package/dist/jsx/fields/Rating/Rating.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","Rating_stories_exports","Basic","Disabled","Interactive","Main","Pointy","Sizes","Standalone","WithError","default","Rating_stories_default","module","exports","import_jsx_runtime","require","import_storybook","import_react","import_react_form","import_react2","import_tamagui","import_Button","import_Form","import_index","meta","title","component","Rating","parameters","docs","description","argTypes","label","control","helperText","error","required","disabled","size","options","type","min","max","maxStars","render","FormExample","FormExample2","form","useForm","defaultValues","quality","service","onSubmit","param","action","jsx","Form","maxWidth","children","jsxs","YStack","gap","starIcon","StarIcon","Button","args","render2","onChange","render3","Text","fontWeight"],"sources":["../../../../src/fields/Rating/Rating.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}