@multiplatform.one/forms 6.0.0

package/dist/cjs/fields/ImageField/ImageField.stories.cjs

@@ -0,0 +1,301 @@
+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 ImageField_stories_exports = {};
+__export(ImageField_stories_exports, {
+  Disabled: () => Disabled,
+  Interactive: () => Interactive,
+  Main: () => Main,
+  NoRemoveButton: () => NoRemoveButton,
+  ReadOnly: () => ReadOnly,
+  RectangularSizes: () => RectangularSizes,
+  Sizes: () => Sizes,
+  Standalone: () => Standalone,
+  WithError: () => WithError,
+  WithExistingImage: () => WithExistingImage,
+  WithPlaceholder: () => WithPlaceholder,
+  default: () => ImageField_stories_default
+});
+module.exports = __toCommonJS(ImageField_stories_exports);
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react_form = require("@tanstack/react-form");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_Button = require("../../Button/index.cjs");
+var import_Form = require("../../Form/index.cjs");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const meta = {
+  title: "Forms/ImageField",
+  component: import_index.ImageField,
+  parameters: {
+    docs: {
+      description: {
+        component: "An image upload field that shows a preview when an image exists, or a dashed upload area when empty. Both states have the same dimensions for consistent layout."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    helperText: {
+      control: "text",
+      description: "Helper text below the field"
+    },
+    error: {
+      control: "text",
+      description: "Error message"
+    },
+    required: {
+      control: "boolean",
+      description: "Mark field as required"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable image upload"
+    },
+    readOnly: {
+      control: "boolean",
+      description: "Read-only mode"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"],
+      description: "Field size"
+    },
+    imageWidth: {
+      control: "number",
+      description: "Width of the image area"
+    },
+    imageHeight: {
+      control: "number",
+      description: "Height of the image area"
+    },
+    showRemove: {
+      control: "boolean",
+      description: "Show remove button on image"
+    },
+    placeholder: {
+      control: "text",
+      description: "Placeholder text when no image"
+    }
+  }
+};
+var ImageField_stories_default = meta;
+const Main = {
+  name: "Main",
+  render: () => {
+    const FormExample = () => {
+      const form = (0, import_react_form.useForm)({
+        defaultValues: {
+          avatar: null,
+          logo: null
+        },
+        onSubmit: async ({
+          value
+        }) => {
+          (0, import_storybook.action)("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        form,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+            ...{
+              label: "Profile Avatar",
+              name: "avatar",
+              helperText: "Upload your profile picture",
+              imageWidth: 64,
+              imageHeight: 64
+            }
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+            ...{
+              label: "Company Logo",
+              name: "logo",
+              helperText: "Upload your company logo",
+              imageWidth: 120,
+              imageHeight: 60
+            }
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
+  }
+};
+const Standalone = {
+  args: {
+    label: "Upload Image",
+    helperText: "Click to upload an image",
+    imageWidth: 64,
+    imageHeight: 64
+  },
+  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+    ...args
+  })
+};
+const WithPlaceholder = {
+  args: {
+    label: "Profile Picture",
+    placeholder: "Upload",
+    imageWidth: 80,
+    imageHeight: 80
+  },
+  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+    ...args
+  })
+};
+const WithExistingImage = {
+  args: {
+    label: "Current Avatar",
+    value: "https://picsum.photos/200",
+    imageWidth: 80,
+    imageHeight: 80,
+    helperText: "Click to change image"
+  },
+  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+    ...args
+  })
+};
+const Disabled = {
+  args: {
+    label: "Disabled Image",
+    disabled: true,
+    imageWidth: 64,
+    imageHeight: 64
+  },
+  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+    ...args
+  })
+};
+const ReadOnly = {
+  args: {
+    label: "Read Only",
+    readOnly: true,
+    value: "https://picsum.photos/200",
+    imageWidth: 64,
+    imageHeight: 64
+  },
+  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+    ...args
+  })
+};
+const WithError = {
+  args: {
+    label: "Required Image",
+    error: "Please upload an image",
+    required: true,
+    imageWidth: 64,
+    imageHeight: 64
+  },
+  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+    ...args
+  })
+};
+const Sizes = {
+  render: () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    gap: "$4",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      gap: "$4",
+      alignItems: "flex-end",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Small (32x32)",
+        imageWidth: 32,
+        imageHeight: 32
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Medium (48x48)",
+        imageWidth: 48,
+        imageHeight: 48
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Large (64x64)",
+        imageWidth: 64,
+        imageHeight: 64
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "XL (96x96)",
+        imageWidth: 96,
+        imageHeight: 96
+      })]
+    })
+  })
+};
+const RectangularSizes = {
+  render: () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$4",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+      label: "Banner (200x80)",
+      imageWidth: 200,
+      imageHeight: 80,
+      placeholder: "Banner"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+      label: "Logo (160x40)",
+      imageWidth: 160,
+      imageHeight: 40,
+      placeholder: "Logo"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+      label: "Thumbnail (120x90)",
+      imageWidth: 120,
+      imageHeight: 90,
+      placeholder: "Thumb"
+    })]
+  })
+};
+const Interactive = {
+  render: () => {
+    const InteractiveExample = () => {
+      const [image, setImage] = (0, import_react.useState)(null);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        gap: "$4",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+          label: "Upload Image",
+          value: image,
+          onValueChange: val => {
+            setImage(val);
+            (0, import_storybook.action)("onValueChange")(val);
+          },
+          imageWidth: 80,
+          imageHeight: 80,
+          helperText: image ? typeof image === "string" ? "URL loaded" : `File: ${image.name}` : "No image selected"
+        })
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InteractiveExample, {});
+  }
+};
+const NoRemoveButton = {
+  args: {
+    label: "No Remove Button",
+    value: "https://picsum.photos/200",
+    showRemove: false,
+    imageWidth: 64,
+    imageHeight: 64,
+    helperText: "Click image to change"
+  },
+  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+    ...args
+  })
+};

package/dist/cjs/fields/ImageField/ImageField.stories.native.js

@@ -0,0 +1,323 @@
+"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 ImageField_stories_exports = {};
+__export(ImageField_stories_exports, {
+  Disabled: () => Disabled,
+  Interactive: () => Interactive,
+  Main: () => Main,
+  NoRemoveButton: () => NoRemoveButton,
+  ReadOnly: () => ReadOnly,
+  RectangularSizes: () => RectangularSizes,
+  Sizes: () => Sizes,
+  Standalone: () => Standalone,
+  WithError: () => WithError,
+  WithExistingImage: () => WithExistingImage,
+  WithPlaceholder: () => WithPlaceholder,
+  default: () => ImageField_stories_default
+});
+module.exports = __toCommonJS(ImageField_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react_form = require("@tanstack/react-form");
+var import_react = 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/ImageField",
+  component: import_index.ImageField,
+  parameters: {
+    docs: {
+      description: {
+        component: "An image upload field that shows a preview when an image exists, or a dashed upload area when empty. Both states have the same dimensions for consistent layout."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    helperText: {
+      control: "text",
+      description: "Helper text below the field"
+    },
+    error: {
+      control: "text",
+      description: "Error message"
+    },
+    required: {
+      control: "boolean",
+      description: "Mark field as required"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable image upload"
+    },
+    readOnly: {
+      control: "boolean",
+      description: "Read-only mode"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"],
+      description: "Field size"
+    },
+    imageWidth: {
+      control: "number",
+      description: "Width of the image area"
+    },
+    imageHeight: {
+      control: "number",
+      description: "Height of the image area"
+    },
+    showRemove: {
+      control: "boolean",
+      description: "Show remove button on image"
+    },
+    placeholder: {
+      control: "text",
+      description: "Placeholder text when no image"
+    }
+  }
+};
+var ImageField_stories_default = meta;
+var Main = {
+  name: "Main",
+  render: function render() {
+    var FormExample = function FormExample2() {
+      var form = (0, import_react_form.useForm)({
+        defaultValues: {
+          avatar: null,
+          logo: null
+        },
+        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,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+            ...{
+              label: "Profile Avatar",
+              name: "avatar",
+              helperText: "Upload your profile picture",
+              imageWidth: 64,
+              imageHeight: 64
+            }
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+            ...{
+              label: "Company Logo",
+              name: "logo",
+              helperText: "Upload your company logo",
+              imageWidth: 120,
+              imageHeight: 60
+            }
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
+  }
+};
+var Standalone = {
+  args: {
+    label: "Upload Image",
+    helperText: "Click to upload an image",
+    imageWidth: 64,
+    imageHeight: 64
+  },
+  render: function render2(args) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+      ...args
+    });
+  }
+};
+var WithPlaceholder = {
+  args: {
+    label: "Profile Picture",
+    placeholder: "Upload",
+    imageWidth: 80,
+    imageHeight: 80
+  },
+  render: function render3(args) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+      ...args
+    });
+  }
+};
+var WithExistingImage = {
+  args: {
+    label: "Current Avatar",
+    value: "https://picsum.photos/200",
+    imageWidth: 80,
+    imageHeight: 80,
+    helperText: "Click to change image"
+  },
+  render: function render4(args) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+      ...args
+    });
+  }
+};
+var Disabled = {
+  args: {
+    label: "Disabled Image",
+    disabled: true,
+    imageWidth: 64,
+    imageHeight: 64
+  },
+  render: function render5(args) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+      ...args
+    });
+  }
+};
+var ReadOnly = {
+  args: {
+    label: "Read Only",
+    readOnly: true,
+    value: "https://picsum.photos/200",
+    imageWidth: 64,
+    imageHeight: 64
+  },
+  render: function render6(args) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+      ...args
+    });
+  }
+};
+var WithError = {
+  args: {
+    label: "Required Image",
+    error: "Please upload an image",
+    required: true,
+    imageWidth: 64,
+    imageHeight: 64
+  },
+  render: function render7(args) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+      ...args
+    });
+  }
+};
+var Sizes = {
+  render: function render8() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      gap: "$4",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$4",
+        alignItems: "flex-end",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+          label: "Small (32x32)",
+          imageWidth: 32,
+          imageHeight: 32
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+          label: "Medium (48x48)",
+          imageWidth: 48,
+          imageHeight: 48
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+          label: "Large (64x64)",
+          imageWidth: 64,
+          imageHeight: 64
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+          label: "XL (96x96)",
+          imageWidth: 96,
+          imageHeight: 96
+        })]
+      })
+    });
+  }
+};
+var RectangularSizes = {
+  render: function render9() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$4",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Banner (200x80)",
+        imageWidth: 200,
+        imageHeight: 80,
+        placeholder: "Banner"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Logo (160x40)",
+        imageWidth: 160,
+        imageHeight: 40,
+        placeholder: "Logo"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Thumbnail (120x90)",
+        imageWidth: 120,
+        imageHeight: 90,
+        placeholder: "Thumb"
+      })]
+    });
+  }
+};
+var Interactive = {
+  render: function render10() {
+    var InteractiveExample = function InteractiveExample2() {
+      var [image, setImage] = (0, import_react.useState)(null);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        gap: "$4",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+          label: "Upload Image",
+          value: image,
+          onValueChange: function onValueChange(val) {
+            setImage(val);
+            (0, import_storybook.action)("onValueChange")(val);
+          },
+          imageWidth: 80,
+          imageHeight: 80,
+          helperText: image ? typeof image === "string" ? "URL loaded" : `File: ${image.name}` : "No image selected"
+        })
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InteractiveExample, {});
+  }
+};
+var NoRemoveButton = {
+  args: {
+    label: "No Remove Button",
+    value: "https://picsum.photos/200",
+    showRemove: false,
+    imageWidth: 64,
+    imageHeight: 64,
+    helperText: "Click image to change"
+  },
+  render: function render11(args) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+      ...args
+    });
+  }
+};
+//# sourceMappingURL=ImageField.stories.native.js.map

package/dist/cjs/fields/ImageField/ImageField.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ImageField_stories_exports","__export","Disabled","Interactive","Main","NoRemoveButton","ReadOnly","RectangularSizes","Sizes","Standalone","WithError","WithExistingImage","WithPlaceholder","default","ImageField_stories_default","module","exports","import_jsx_runtime","require","import_storybook","import_react_form","import_react","import_tamagui","import_Button","import_Form","import_index","meta","title","component","ImageField","parameters","docs","description","argTypes","label","control","helperText","error","required","disabled","readOnly","size","options","imageWidth","imageHeight","showRemove","placeholder","name","render","FormExample","FormExample2","form","useForm","defaultValues","avatar","logo","onSubmit","param","action","jsx","Form","children","jsxs","YStack","gap","Button","args","render2","render3","render4","render5","render6"],"sources":["../../../../src/fields/ImageField/ImageField.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}