@multiplatform.one/forms 6.1.0 → 6.3.0

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

@@ -1,299 +0,0 @@
-import { action } from "@multiplatform.one/storybook";
-import { useForm } from "@tanstack/react-form";
-import { useState } from "react";
-import { YStack } from "tamagui";
-import { Button } from "../../Button/index.mjs";
-import { Form } from "../../Form/index.mjs";
-import { MentionInput } from "./index.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-const meta = {
-  title: "Forms/MentionInput",
-  component: MentionInput,
-  parameters: {
-    docs: {
-      description: {
-        component: "A text input component with @mention support for tagging users, hashtags, or other entities with autocomplete suggestions."
-      }
-    }
-  },
-  argTypes: {
-    label: {
-      control: "text",
-      description: "Field label"
-    },
-    placeholder: {
-      control: "text",
-      description: "Placeholder text"
-    },
-    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 the input"
-    },
-    size: {
-      control: "select",
-      options: ["$2", "$3", "$4"],
-      description: "Field size"
-    },
-    minHeight: {
-      control: "number",
-      description: "Minimum height of input"
-    },
-    maxHeight: {
-      control: "number",
-      description: "Maximum height of input"
-    }
-  }
-};
-var MentionInput_stories_default = meta;
-const userMentions = {
-  trigger: "@",
-  data: [{
-    id: "1",
-    display: "John Doe",
-    avatar: "https://i.pravatar.cc/150?img=1",
-    description: "Software Engineer"
-  }, {
-    id: "2",
-    display: "Jane Smith",
-    avatar: "https://i.pravatar.cc/150?img=2",
-    description: "Product Manager"
-  }, {
-    id: "3",
-    display: "Bob Johnson",
-    avatar: "https://i.pravatar.cc/150?img=3",
-    description: "Designer"
-  }, {
-    id: "4",
-    display: "Alice Williams",
-    avatar: "https://i.pravatar.cc/150?img=4",
-    description: "Marketing"
-  }, {
-    id: "5",
-    display: "Charlie Brown",
-    avatar: "https://i.pravatar.cc/150?img=5",
-    description: "Developer"
-  }],
-  allowSpace: false,
-  insertSpace: true
-};
-const hashtagMentions = {
-  trigger: "#",
-  data: [{
-    id: "react",
-    display: "react"
-  }, {
-    id: "javascript",
-    display: "javascript"
-  }, {
-    id: "typescript",
-    display: "typescript"
-  }, {
-    id: "webdev",
-    display: "webdev"
-  }, {
-    id: "programming",
-    display: "programming"
-  }],
-  allowSpace: false,
-  insertSpace: true
-};
-const Main = {
-  name: "Main",
-  render: () => {
-    const FormExample = () => {
-      const form = useForm({
-        defaultValues: {
-          comment: {
-            text: "",
-            mentions: []
-          },
-          message: {
-            text: "",
-            mentions: []
-          }
-        },
-        onSubmit: async ({
-          value
-        }) => {
-          action("onSubmit")(value);
-        }
-      });
-      return /* @__PURE__ */jsx(Form, {
-        form,
-        children: /* @__PURE__ */jsxs(YStack, {
-          gap: "$4",
-          children: [/* @__PURE__ */jsx(MentionInput, {
-            label: "Comment",
-            name: "comment",
-            mentions: [userMentions],
-            helperText: "Type @ to mention team members",
-            onMentionSelect: mention => action("mentionSelected")(mention),
-            placeholder: "Type @ to mention someone"
-          }), /* @__PURE__ */jsx(MentionInput, {
-            label: "Message",
-            name: "message",
-            mentions: [userMentions],
-            helperText: "Write a message to your team",
-            placeholder: "Type @ to mention someone"
-          }), /* @__PURE__ */jsx(Button, {
-            action: "submit",
-            children: "Submit"
-          })]
-        })
-      });
-    };
-    return /* @__PURE__ */jsx(FormExample, {});
-  }
-};
-const Standalone = {
-  args: {
-    label: "Comment",
-    placeholder: "Type @ to mention...",
-    helperText: "Mention people with @"
-  },
-  render: args => /* @__PURE__ */jsx(MentionInput, {
-    ...args,
-    mentions: [userMentions]
-  })
-};
-const Basic = {
-  render: args => /* @__PURE__ */jsx(MentionInput, {
-    ...args,
-    mentions: [userMentions],
-    onMentionSelect: (mention, trigger) => action("onMentionSelect")(mention, trigger)
-  }),
-  args: {
-    label: "Comment",
-    placeholder: "Type @ to mention someone",
-    disabled: false,
-    minHeight: void 0,
-    maxHeight: void 0
-  }
-};
-const Disabled = {
-  render: args => /* @__PURE__ */jsx(MentionInput, {
-    ...args,
-    mentions: [userMentions]
-  }),
-  args: {
-    label: "Disabled Mention",
-    disabled: true,
-    placeholder: "Cannot interact"
-  }
-};
-const WithError = {
-  render: args => /* @__PURE__ */jsx(MentionInput, {
-    ...args,
-    mentions: [userMentions]
-  }),
-  args: {
-    label: "Required Comment",
-    error: "This field is required",
-    required: true,
-    placeholder: "Type @ to mention someone"
-  }
-};
-const Sizes = {
-  render: () => /* @__PURE__ */jsxs(YStack, {
-    gap: "$4",
-    maxWidth: 400,
-    children: [/* @__PURE__ */jsx(MentionInput, {
-      label: "Small",
-      size: "$2",
-      mentions: [userMentions],
-      placeholder: "Type @ to mention"
-    }), /* @__PURE__ */jsx(MentionInput, {
-      label: "Medium (default)",
-      size: "$3",
-      mentions: [userMentions],
-      placeholder: "Type @ to mention"
-    }), /* @__PURE__ */jsx(MentionInput, {
-      label: "Large",
-      size: "$4",
-      mentions: [userMentions],
-      placeholder: "Type @ to mention"
-    })]
-  })
-};
-const Interactive = {
-  render: () => {
-    const InteractiveExample = () => {
-      const [value, setValue] = useState("");
-      return /* @__PURE__ */jsx(YStack, {
-        gap: "$4",
-        maxWidth: 400,
-        children: /* @__PURE__ */jsx(MentionInput, {
-          label: "Comment",
-          value,
-          onChange: val => {
-            setValue(val);
-            action("onChange")(val);
-          },
-          mentions: [userMentions],
-          placeholder: "Type @ to mention someone",
-          helperText: value ? `Current text: ${value}` : "Start typing..."
-        })
-      });
-    };
-    return /* @__PURE__ */jsx(InteractiveExample, {});
-  }
-};
-const MultipleTriggersStory = {
-  render: args => {
-    const MultipleTriggersComponent = () => {
-      const form = useForm({
-        defaultValues: {
-          post: {
-            text: "",
-            mentions: []
-          }
-        },
-        onSubmit: async ({
-          value
-        }) => {
-          action("onSubmit")(value);
-        }
-      });
-      return /* @__PURE__ */jsxs(YStack, {
-        gap: "$4",
-        children: [/* @__PURE__ */jsx(MentionInput, {
-          label: "Create Post",
-          name: "post",
-          form,
-          mentions: [userMentions, hashtagMentions],
-          helperText: "Use @ to mention team members and # for hashtags",
-          onMentionSelect: (mention, trigger) => action("mentionSelected")(mention, trigger),
-          placeholder: args.placeholder,
-          minHeight: args.minHeight,
-          maxHeight: args.maxHeight,
-          disabled: args.disabled
-        }), /* @__PURE__ */jsx(Button, {
-          form,
-          action: "submit",
-          children: "Post"
-        })]
-      });
-    };
-    return /* @__PURE__ */jsx(MultipleTriggersComponent, {});
-  },
-  args: {
-    placeholder: "Type @ to mention users or # for hashtags",
-    minHeight: 150,
-    maxHeight: void 0,
-    disabled: false
-  }
-};
-export { Basic, Disabled, Interactive, Main, MultipleTriggersStory, Sizes, Standalone, WithError, MentionInput_stories_default as default };
-//# sourceMappingURL=MentionInput.stories.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["action","useForm","useState","YStack","Button","Form","MentionInput","jsx","jsxs","meta","title","component","parameters","docs","description","argTypes","label","control","placeholder","helperText","error","required","disabled","size","options","minHeight","maxHeight","MentionInput_stories_default","userMentions","trigger","data","id","display","avatar","allowSpace","insertSpace","hashtagMentions","Main","name","render","FormExample","form","defaultValues","comment","text","mentions","message","onSubmit","value","children","gap","onMentionSelect","mention","Standalone","args","Basic","Disabled","WithError","Sizes","maxWidth","Interactive","InteractiveExample","setValue","onChange","val","MultipleTriggersStory","MultipleTriggersComponent","post"],"sources":["../../../../src/fields/MentionInput/MentionInput.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -1,318 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { action } from "@multiplatform.one/storybook";
-import { useForm } from "@tanstack/react-form";
-import { useState } from "react";
-import { YStack } from "tamagui";
-import { Button } from "../../Button/index.native.js";
-import { Form } from "../../Form/index.native.js";
-import { MentionInput } from "./index.native.js";
-var meta = {
-  title: "Forms/MentionInput",
-  component: MentionInput,
-  parameters: {
-    docs: {
-      description: {
-        component: "A text input component with @mention support for tagging users, hashtags, or other entities with autocomplete suggestions."
-      }
-    }
-  },
-  argTypes: {
-    label: {
-      control: "text",
-      description: "Field label"
-    },
-    placeholder: {
-      control: "text",
-      description: "Placeholder text"
-    },
-    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 the input"
-    },
-    size: {
-      control: "select",
-      options: ["$2", "$3", "$4"],
-      description: "Field size"
-    },
-    minHeight: {
-      control: "number",
-      description: "Minimum height of input"
-    },
-    maxHeight: {
-      control: "number",
-      description: "Maximum height of input"
-    }
-  }
-};
-var MentionInput_stories_default = meta;
-var userMentions = {
-  trigger: "@",
-  data: [{
-    id: "1",
-    display: "John Doe",
-    avatar: "https://i.pravatar.cc/150?img=1",
-    description: "Software Engineer"
-  }, {
-    id: "2",
-    display: "Jane Smith",
-    avatar: "https://i.pravatar.cc/150?img=2",
-    description: "Product Manager"
-  }, {
-    id: "3",
-    display: "Bob Johnson",
-    avatar: "https://i.pravatar.cc/150?img=3",
-    description: "Designer"
-  }, {
-    id: "4",
-    display: "Alice Williams",
-    avatar: "https://i.pravatar.cc/150?img=4",
-    description: "Marketing"
-  }, {
-    id: "5",
-    display: "Charlie Brown",
-    avatar: "https://i.pravatar.cc/150?img=5",
-    description: "Developer"
-  }],
-  allowSpace: false,
-  insertSpace: true
-};
-var hashtagMentions = {
-  trigger: "#",
-  data: [{
-    id: "react",
-    display: "react"
-  }, {
-    id: "javascript",
-    display: "javascript"
-  }, {
-    id: "typescript",
-    display: "typescript"
-  }, {
-    id: "webdev",
-    display: "webdev"
-  }, {
-    id: "programming",
-    display: "programming"
-  }],
-  allowSpace: false,
-  insertSpace: true
-};
-var Main = {
-  name: "Main",
-  render: function render() {
-    var FormExample = function FormExample2() {
-      var form = useForm({
-        defaultValues: {
-          comment: {
-            text: "",
-            mentions: []
-          },
-          message: {
-            text: "",
-            mentions: []
-          }
-        },
-        onSubmit: async function onSubmit(param) {
-          var {
-            value
-          } = param;
-          action("onSubmit")(value);
-        }
-      });
-      return /* @__PURE__ */_jsx(Form, {
-        form,
-        children: /* @__PURE__ */_jsxs(YStack, {
-          gap: "$4",
-          children: [/* @__PURE__ */_jsx(MentionInput, {
-            label: "Comment",
-            name: "comment",
-            mentions: [userMentions],
-            helperText: "Type @ to mention team members",
-            onMentionSelect: function onMentionSelect(mention) {
-              return action("mentionSelected")(mention);
-            },
-            placeholder: "Type @ to mention someone"
-          }), /* @__PURE__ */_jsx(MentionInput, {
-            label: "Message",
-            name: "message",
-            mentions: [userMentions],
-            helperText: "Write a message to your team",
-            placeholder: "Type @ to mention someone"
-          }), /* @__PURE__ */_jsx(Button, {
-            action: "submit",
-            children: "Submit"
-          })]
-        })
-      });
-    };
-    return /* @__PURE__ */_jsx(FormExample, {});
-  }
-};
-var Standalone = {
-  args: {
-    label: "Comment",
-    placeholder: "Type @ to mention...",
-    helperText: "Mention people with @"
-  },
-  render: function render2(args) {
-    return /* @__PURE__ */_jsx(MentionInput, {
-      ...args,
-      mentions: [userMentions]
-    });
-  }
-};
-var Basic = {
-  render: function render3(args) {
-    return /* @__PURE__ */_jsx(MentionInput, {
-      ...args,
-      mentions: [userMentions],
-      onMentionSelect: function onMentionSelect(mention, trigger) {
-        return action("onMentionSelect")(mention, trigger);
-      }
-    });
-  },
-  args: {
-    label: "Comment",
-    placeholder: "Type @ to mention someone",
-    disabled: false,
-    minHeight: void 0,
-    maxHeight: void 0
-  }
-};
-var Disabled = {
-  render: function render4(args) {
-    return /* @__PURE__ */_jsx(MentionInput, {
-      ...args,
-      mentions: [userMentions]
-    });
-  },
-  args: {
-    label: "Disabled Mention",
-    disabled: true,
-    placeholder: "Cannot interact"
-  }
-};
-var WithError = {
-  render: function render5(args) {
-    return /* @__PURE__ */_jsx(MentionInput, {
-      ...args,
-      mentions: [userMentions]
-    });
-  },
-  args: {
-    label: "Required Comment",
-    error: "This field is required",
-    required: true,
-    placeholder: "Type @ to mention someone"
-  }
-};
-var Sizes = {
-  render: function render6() {
-    return /* @__PURE__ */_jsxs(YStack, {
-      gap: "$4",
-      maxWidth: 400,
-      children: [/* @__PURE__ */_jsx(MentionInput, {
-        label: "Small",
-        size: "$2",
-        mentions: [userMentions],
-        placeholder: "Type @ to mention"
-      }), /* @__PURE__ */_jsx(MentionInput, {
-        label: "Medium (default)",
-        size: "$3",
-        mentions: [userMentions],
-        placeholder: "Type @ to mention"
-      }), /* @__PURE__ */_jsx(MentionInput, {
-        label: "Large",
-        size: "$4",
-        mentions: [userMentions],
-        placeholder: "Type @ to mention"
-      })]
-    });
-  }
-};
-var Interactive = {
-  render: function render7() {
-    var InteractiveExample = function InteractiveExample2() {
-      var [value, setValue] = useState("");
-      return /* @__PURE__ */_jsx(YStack, {
-        gap: "$4",
-        maxWidth: 400,
-        children: /* @__PURE__ */_jsx(MentionInput, {
-          label: "Comment",
-          value,
-          // @ts-expect-error controlled mode not supported
-          onChange: function onChange(val) {
-            setValue(val);
-            action("onChange")(val);
-          },
-          mentions: [userMentions],
-          placeholder: "Type @ to mention someone",
-          helperText: value ? `Current text: ${value}` : "Start typing..."
-        })
-      });
-    };
-    return /* @__PURE__ */_jsx(InteractiveExample, {});
-  }
-};
-var MultipleTriggersStory = {
-  render: function render8(args) {
-    var MultipleTriggersComponent = function MultipleTriggersComponent2() {
-      var form = useForm({
-        defaultValues: {
-          post: {
-            text: "",
-            mentions: []
-          }
-        },
-        onSubmit: async function onSubmit(param) {
-          var {
-            value
-          } = param;
-          action("onSubmit")(value);
-        }
-      });
-      return /* @__PURE__ */_jsxs(YStack, {
-        gap: "$4",
-        children: [/* @__PURE__ */_jsx(MentionInput, {
-          label: "Create Post",
-          name: "post",
-          form,
-          mentions: [userMentions, hashtagMentions],
-          helperText: "Use @ to mention team members and # for hashtags",
-          onMentionSelect: function onMentionSelect(mention, trigger) {
-            return action("mentionSelected")(mention, trigger);
-          },
-          placeholder: args.placeholder,
-          minHeight: args.minHeight,
-          maxHeight: args.maxHeight,
-          disabled: args.disabled
-        }), /* @__PURE__ */_jsx(Button, {
-          form,
-          action: "submit",
-          children: "Post"
-        })]
-      });
-    };
-    return /* @__PURE__ */_jsx(MultipleTriggersComponent, {});
-  },
-  args: {
-    placeholder: "Type @ to mention users or # for hashtags",
-    minHeight: 150,
-    maxHeight: void 0,
-    disabled: false
-  }
-};
-export { Basic, Disabled, Interactive, Main, MultipleTriggersStory, Sizes, Standalone, WithError, MentionInput_stories_default as default };
-//# sourceMappingURL=MentionInput.stories.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","useForm","useState","YStack","Button","Form","MentionInput","meta","title","component","parameters","docs","description","argTypes","label","control","placeholder","helperText","error","required","disabled","size","options","minHeight","maxHeight","MentionInput_stories_default","userMentions","trigger","data","id","display","avatar","allowSpace","insertSpace","hashtagMentions","Main","name","render","FormExample","FormExample2","form","defaultValues","comment","text","mentions","message","onSubmit","param","value","children","gap","onMentionSelect","mention","Standalone","args","render2","Basic","render3","Disabled","render4","WithError","render5","Sizes","render6","maxWidth"],"sources":["../../../../src/fields/MentionInput/MentionInput.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}