@multiplatform.one/forms 6.1.0 → 6.4.0

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

@@ -1,296 +0,0 @@
-"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 Duration_stories_exports = {};
-__export(Duration_stories_exports, {
-  Basic: () => Basic,
-  Disabled: () => Disabled,
-  Interactive: () => Interactive,
-  Main: () => Main,
-  Sizes: () => Sizes,
-  Standalone: () => Standalone,
-  WithError: () => WithError,
-  WithSeconds: () => WithSeconds,
-  default: () => Duration_stories_default
-});
-module.exports = __toCommonJS(Duration_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/Duration",
-  component: import_index.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;
-var Main = {
-  name: "Main",
-  render: function render() {
-    var FormExample = function FormExample2() {
-      var form = (0, import_react_form.useForm)({
-        defaultValues: {
-          workTime: 28800,
-          breakTime: 3600
-        },
-        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.Duration, {
-            label: "Work Duration",
-            name: "workTime",
-            helperText: "How long did you work?",
-            clockIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClockIcon, {
-              size: 16
-            })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Duration, {
-            label: "Break Duration",
-            name: "breakTime",
-            helperText: "Total break time",
-            clockIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClockIcon, {
-              size: 16
-            })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
-            action: "submit",
-            children: "Log Time"
-          })]
-        })
-      });
-    };
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
-  }
-};
-var Standalone = {
-  args: {
-    label: "Duration",
-    helperText: "How long?",
-    value: 5400,
-    showSeconds: false,
-    placeholder: "Select duration"
-  },
-  render: function render2(args) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Duration, {
-      ...args,
-      clockIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClockIcon, {
-        size: 16
-      })
-    });
-  }
-};
-var Basic = {
-  args: {
-    label: "Duration",
-    helperText: "Select a time duration",
-    value: 5400,
-    onChange: (0, import_storybook.action)("onChange")
-  },
-  render: function render3(args) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Duration, {
-      ...args,
-      clockIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClockIcon, {
-        size: 16
-      })
-    });
-  }
-};
-var Disabled = {
-  args: {
-    label: "Duration",
-    helperText: "This field is disabled",
-    value: 5400,
-    disabled: true,
-    onChange: (0, import_storybook.action)("onChange")
-  },
-  render: function render4(args) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Duration, {
-      ...args,
-      clockIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClockIcon, {
-        size: 16
-      })
-    });
-  }
-};
-var WithError = {
-  args: {
-    label: "Duration",
-    helperText: "Select a time duration",
-    value: 0,
-    required: true,
-    error: "Duration is required",
-    onChange: (0, import_storybook.action)("onChange")
-  },
-  render: function render5(args) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Duration, {
-      ...args,
-      clockIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClockIcon, {
-        size: 16
-      })
-    });
-  }
-};
-var Sizes = {
-  render: function render6() {
-    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.Duration, {
-        label: "Small",
-        value: 3600,
-        size: "$2",
-        clockIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClockIcon, {
-          size: 16
-        }),
-        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.Duration, {
-        label: "Medium",
-        value: 3600,
-        size: "$3",
-        clockIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClockIcon, {
-          size: 16
-        }),
-        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.Duration, {
-        label: "Large",
-        value: 3600,
-        size: "$4",
-        clockIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClockIcon, {
-          size: 16
-        }),
-        onChange: (0, import_storybook.action)("onChange")
-      })]
-    });
-  }
-};
-var WithSeconds = {
-  args: {
-    label: "Precise Duration",
-    helperText: "Includes seconds",
-    value: 3661,
-    showSeconds: true,
-    onChange: (0, import_storybook.action)("onChange")
-  },
-  render: function render7(args) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Duration, {
-      ...args,
-      clockIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClockIcon, {
-        size: 16
-      })
-    });
-  }
-};
-var Interactive = {
-  render: function render8() {
-    var InteractiveExample = function InteractiveExample2() {
-      var [value, setValue] = (0, import_react2.useState)(5400);
-      var h = Math.floor(value / 3600);
-      var m = Math.floor(value % 3600 / 60);
-      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        gap: "$4",
-        maxWidth: 300,
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Duration, {
-          label: "Session Length",
-          helperText: `${h}h ${m}m selected`,
-          value,
-          onChange: function onChange(v) {
-            setValue(v);
-            (0, import_storybook.action)("onChange")(v);
-          },
-          clockIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClockIcon, {
-            size: 16
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Duration, {
-          label: "Disabled",
-          value: 7200,
-          disabled: true,
-          clockIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClockIcon, {
-            size: 16
-          })
-        })]
-      });
-    };
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InteractiveExample, {});
-  }
-};
-//# sourceMappingURL=Duration.stories.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Duration_stories_exports","__export","Basic","Disabled","Interactive","Main","Sizes","Standalone","WithError","WithSeconds","default","Duration_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","Duration","parameters","docs","description","argTypes","label","control","helperText","error","required","disabled","size","options","showSeconds","placeholder","name","render","FormExample","FormExample2","form","useForm","defaultValues","workTime","breakTime","onSubmit","param","action","jsx","Form","maxWidth","children","jsxs","YStack","gap","clockIcon","ClockIcon","Button","args","render2","onChange","render3","render4","render5","render6","Text","fontWeight"],"sources":["../../../../src/fields/Duration/Duration.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/FileUpload/FileUpload.spec.cjs

@@ -1,17 +0,0 @@
-var import_vitest = require("vitest");
-var import_test_utils = require("@multiplatform.one/test-utils");
-var import_index = require("./index.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-(0, import_vitest.describe)("FileUpload", () => {
-  (0, import_vitest.it)("should render placeholder and upload button text", () => {
-    const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FileUpload, {
-      label: "Attachment",
-      placeholder: "Upload your file",
-      buttonText: "Pick file",
-      name: "attachment"
-    }));
-    (0, import_vitest.expect)(result.findTextElement("Attachment")).toBeDefined();
-    (0, import_vitest.expect)(result.findTextElement("Upload your file")).toBeDefined();
-    (0, import_vitest.expect)(result.findTextElement("Pick file")).toBeDefined();
-  });
-});

package/dist/cjs/fields/FileUpload/FileUpload.spec.native.js

@@ -1,20 +0,0 @@
-"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_index = require("./index.native.js");
-(0, import_vitest.describe)("FileUpload", function () {
-  (0, import_vitest.it)("should render placeholder and upload button text", function () {
-    var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FileUpload, {
-      label: "Attachment",
-      placeholder: "Upload your file",
-      buttonText: "Pick file",
-      name: "attachment"
-    }));
-    (0, import_vitest.expect)(result.findTextElement("Attachment")).toBeDefined();
-    (0, import_vitest.expect)(result.findTextElement("Upload your file")).toBeDefined();
-    (0, import_vitest.expect)(result.findTextElement("Pick file")).toBeDefined();
-  });
-});
-//# sourceMappingURL=FileUpload.spec.native.js.map

package/dist/cjs/fields/FileUpload/FileUpload.spec.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["import_jsx_runtime","require","import_vitest","import_test_utils","import_index","describe","it","result","renderWithProviders","jsx","FileUpload","label","placeholder","buttonText","name","expect","findTextElement","toBeDefined"],"sources":["../../../../src/fields/FileUpload/FileUpload.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,kBAAA,GAAoCC,OAAA;AACpC,IAAAC,aAAA,GAA2BD,OAAA;AAKrB,IAAAE,iBAAA,GAAAF,OAAA;AAAA,IAHNG,YAAA,GAAAH,OAAA,oBAAS;AACP,IAAAC,aAAA,CAAAG,QAAG;EACD,IAAAH,aAAM,CAAAI,EAAA,EAAS;IAAA,IACbC,MAAA,OAAAJ,iBAAA,CAAAK,mBAAA,qBAAAR,kBAAA,CAAAS,GAAA,EAAAL,YAAA,CAAAM,UAAA;MAAAC,KAAC;MAAAC,WAAA;MAAAC,UACC,EAAM;MAAAC,IACN;IAAY;IACD,IAAAZ,aACN,CAAAa,MAAA,EAAAR,MAAA,CAAAS,eAAA,gBAAAC,WAAA;IAAA,IAAAf,aAAA,CAAAa,MAAA,EAAAR,MAAA,CAAAS,eAAA,sBAAAC,WAAA;IAAA,EACP,EAAAf,aAAA,CAAAa,MAAA,EAAAR,MAAA,CAAAS,eAAA,eAAAC,WAAA;EAAA,EACF;AAEA","ignoreList":[]}

package/dist/cjs/fields/FileUpload/FileUpload.stories.cjs

@@ -1,245 +0,0 @@
-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 FileUpload_stories_exports = {};
-__export(FileUpload_stories_exports, {
-  Basic: () => Basic,
-  Disabled: () => Disabled,
-  ImageOnly: () => ImageOnly,
-  Interactive: () => Interactive,
-  Main: () => Main,
-  Sizes: () => Sizes,
-  Standalone: () => Standalone,
-  WithError: () => WithError,
-  default: () => FileUpload_stories_default
-});
-module.exports = __toCommonJS(FileUpload_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/FileUpload",
-  component: import_index.FileUpload,
-  parameters: {
-    docs: {
-      description: {
-        component: "A file upload component with drag-and-drop support, file validation, and preview capabilities for form integration."
-      }
-    }
-  },
-  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 file upload"
-    },
-    size: {
-      control: "select",
-      options: ["$2", "$3", "$4"],
-      description: "Field size"
-    },
-    accept: {
-      control: "text",
-      description: "Accepted file types"
-    },
-    maxSize: {
-      control: "number",
-      description: "Maximum file size in bytes"
-    },
-    multiple: {
-      control: "boolean",
-      description: "Allow multiple file selection"
-    },
-    dragDrop: {
-      control: "boolean",
-      description: "Enable drag and drop"
-    },
-    showPreview: {
-      control: "boolean",
-      description: "Show file preview"
-    }
-  }
-};
-var FileUpload_stories_default = meta;
-const Main = {
-  name: "Main",
-  render: () => {
-    const FormExample = () => {
-      const form = (0, import_react_form.useForm)({
-        defaultValues: {
-          avatar: null,
-          document: null,
-          attachments: 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.FileUpload, {
-            ...{
-              label: "Profile Picture",
-              name: "avatar",
-              accept: "image/*",
-              helperText: "Upload your profile picture",
-              showPreview: true
-            }
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FileUpload, {
-            ...{
-              label: "Document",
-              name: "document",
-              accept: ".pdf,.doc,.docx",
-              helperText: "Upload PDF or Word document"
-            }
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FileUpload, {
-            ...{
-              label: "Attachments",
-              name: "attachments",
-              multiple: true,
-              helperText: "Upload multiple files"
-            }
-          }), /* @__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 File",
-    helperText: "Max 10MB",
-    accept: "*/*",
-    maxSize: 10485760
-  },
-  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FileUpload, {
-    ...args
-  })
-};
-const Basic = {
-  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FileUpload, {
-    ...args
-  }),
-  args: {
-    label: "Upload File",
-    placeholder: "Click to upload or drag and drop"
-  }
-};
-const Disabled = {
-  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FileUpload, {
-    ...args
-  }),
-  args: {
-    label: "Disabled Upload",
-    disabled: true,
-    placeholder: "Cannot upload"
-  }
-};
-const WithError = {
-  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FileUpload, {
-    ...args
-  }),
-  args: {
-    label: "Required File",
-    error: "Please upload a file",
-    required: true
-  }
-};
-const Sizes = {
-  render: () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    maxWidth: 400,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FileUpload, {
-      label: "Small",
-      size: "$2",
-      placeholder: "Upload a file"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FileUpload, {
-      label: "Medium (default)",
-      size: "$3",
-      placeholder: "Upload a file"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FileUpload, {
-      label: "Large",
-      size: "$4",
-      placeholder: "Upload a file"
-    })]
-  })
-};
-const Interactive = {
-  render: () => {
-    const InteractiveExample = () => {
-      const [file, setFile] = (0, import_react.useState)(null);
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-        gap: "$4",
-        maxWidth: 400,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FileUpload, {
-          label: "Upload File",
-          onChange: f => {
-            setFile(f);
-            (0, import_storybook.action)("onChange")(f);
-          },
-          helperText: file ? `Selected: ${file.name}` : "No file selected"
-        })
-      });
-    };
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InteractiveExample, {});
-  }
-};
-const ImageOnly = {
-  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.FileUpload, {
-    ...args
-  }),
-  args: {
-    label: "Upload Image",
-    accept: "image/*",
-    showPreview: true,
-    helperText: "PNG, JPG, GIF up to 5MB",
-    maxSize: 5 * 1024 * 1024
-  }
-};