@multiplatform.one/forms 6.0.0

package/dist/esm/AdaptivePopup/AdaptivePopup.stories.mjs

@@ -0,0 +1,226 @@
+import { action } from "@multiplatform.one/storybook";
+import { useState } from "react";
+import { Paragraph, Text, XStack, YStack } from "tamagui";
+import { Button } from "../Button/index.mjs";
+import { Input } from "../fields/Input/index.mjs";
+import { AdaptivePopup } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const meta = {
+  title: "Forms/AdaptivePopup",
+  component: AdaptivePopup,
+  parameters: {
+    docs: {
+      description: {
+        component: "A responsive popup component that renders as a bottom Sheet on mobile/small screens and a centered Dialog on desktop. Resize your browser to see the adaptive behavior."
+      }
+    }
+  },
+  argTypes: {
+    size: {
+      control: "select",
+      options: ["sm", "md", "lg", "xl", "fullscreen"]
+    },
+    title: {
+      control: "text"
+    },
+    description: {
+      control: "text"
+    },
+    showCloseButton: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    }
+  }
+};
+var AdaptivePopup_stories_default = meta;
+const Main = {
+  name: "Main",
+  render: () => {
+    const Example = () => {
+      const [open, setOpen] = useState(false);
+      return /* @__PURE__ */jsx(AdaptivePopup, {
+        open,
+        onOpenChange: setOpen,
+        title: "Edit Profile",
+        description: "Make changes to your profile here.",
+        trigger: /* @__PURE__ */jsx(Button, {
+          children: "Open Popup"
+        }),
+        footer: /* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          justifyContent: "flex-end",
+          children: [/* @__PURE__ */jsx(Button, {
+            chromeless: true,
+            onPress: () => setOpen(false),
+            children: "Cancel"
+          }), /* @__PURE__ */jsx(Button, {
+            onPress: () => setOpen(false),
+            children: "Save"
+          })]
+        }),
+        children: /* @__PURE__ */jsxs(YStack, {
+          gap: "$3",
+          children: [/* @__PURE__ */jsx(Input, {
+            label: "Name",
+            placeholder: "Enter your name"
+          }), /* @__PURE__ */jsx(Input, {
+            label: "Email",
+            placeholder: "Enter your email"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */jsx(Example, {});
+  }
+};
+const Sizes = {
+  render: () => {
+    const SizeExample = ({
+      size
+    }) => {
+      const [open, setOpen] = useState(false);
+      return /* @__PURE__ */jsx(AdaptivePopup, {
+        open,
+        onOpenChange: setOpen,
+        title: `Size: ${size}`,
+        size,
+        trigger: /* @__PURE__ */jsx(Button, {
+          children: size
+        }),
+        children: /* @__PURE__ */jsxs(Paragraph, {
+          children: ['This popup uses size="', size, '". On desktop this controls the max-width. On mobile it always renders as a sheet.']
+        })
+      });
+    };
+    return /* @__PURE__ */jsxs(XStack, {
+      gap: "$2",
+      flexWrap: "wrap",
+      children: [/* @__PURE__ */jsx(SizeExample, {
+        size: "sm"
+      }), /* @__PURE__ */jsx(SizeExample, {
+        size: "md"
+      }), /* @__PURE__ */jsx(SizeExample, {
+        size: "lg"
+      }), /* @__PURE__ */jsx(SizeExample, {
+        size: "xl"
+      }), /* @__PURE__ */jsx(SizeExample, {
+        size: "fullscreen"
+      })]
+    });
+  }
+};
+const Fullscreen = {
+  render: () => {
+    const Example = () => {
+      const [open, setOpen] = useState(false);
+      return /* @__PURE__ */jsx(AdaptivePopup, {
+        open,
+        onOpenChange: setOpen,
+        title: "Fullscreen View",
+        size: "fullscreen",
+        trigger: /* @__PURE__ */jsx(Button, {
+          children: "Open Fullscreen"
+        }),
+        children: /* @__PURE__ */jsxs(YStack, {
+          flex: 1,
+          backgroundColor: "$color3",
+          borderRadius: "$2",
+          padding: "$4",
+          children: [/* @__PURE__ */jsx(Text, {
+            children: "This content fills the available space."
+          }), /* @__PURE__ */jsx(Text, {
+            color: "$color9",
+            marginTop: "$2",
+            children: "Great for maps, image viewers, or any content that benefits from more space."
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */jsx(Example, {});
+  }
+};
+const WithoutTrigger = {
+  render: () => {
+    const Example = () => {
+      const [open, setOpen] = useState(false);
+      return /* @__PURE__ */jsxs(YStack, {
+        gap: "$3",
+        children: [/* @__PURE__ */jsx(Text, {
+          children: "Control the popup externally without using the trigger prop:"
+        }), /* @__PURE__ */jsx(Button, {
+          onPress: () => setOpen(true),
+          children: "Open via external state"
+        }), /* @__PURE__ */jsx(AdaptivePopup, {
+          open,
+          onOpenChange: setOpen,
+          title: "Externally Controlled",
+          description: "This popup was opened via external state management.",
+          children: /* @__PURE__ */jsx(Paragraph, {
+            children: "Useful when you need to open the popup from multiple places or in response to async events."
+          })
+        })]
+      });
+    };
+    return /* @__PURE__ */jsx(Example, {});
+  }
+};
+const NoCloseButton = {
+  render: () => {
+    const Example = () => {
+      const [open, setOpen] = useState(false);
+      return /* @__PURE__ */jsx(AdaptivePopup, {
+        open,
+        onOpenChange: setOpen,
+        title: "Confirmation",
+        showCloseButton: false,
+        trigger: /* @__PURE__ */jsx(Button, {
+          children: "Delete Item"
+        }),
+        footer: /* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          justifyContent: "flex-end",
+          children: [/* @__PURE__ */jsx(Button, {
+            chromeless: true,
+            onPress: () => setOpen(false),
+            children: "Cancel"
+          }), /* @__PURE__ */jsx(Button, {
+            backgroundColor: "$red9",
+            onPress: () => {
+              action("delete")();
+              setOpen(false);
+            },
+            children: "Delete"
+          })]
+        }),
+        children: /* @__PURE__ */jsx(Paragraph, {
+          children: "Are you sure you want to delete this item? This action cannot be undone."
+        })
+      });
+    };
+    return /* @__PURE__ */jsx(Example, {});
+  }
+};
+const Disabled = {
+  render: () => {
+    const Example = () => {
+      const [open, setOpen] = useState(false);
+      return /* @__PURE__ */jsx(AdaptivePopup, {
+        open,
+        onOpenChange: setOpen,
+        title: "Disabled",
+        disabled: true,
+        trigger: /* @__PURE__ */jsx(Button, {
+          children: "Disabled Trigger"
+        }),
+        children: /* @__PURE__ */jsx(Paragraph, {
+          children: "You should not see this."
+        })
+      });
+    };
+    return /* @__PURE__ */jsx(Example, {});
+  }
+};
+export { Disabled, Fullscreen, Main, NoCloseButton, Sizes, WithoutTrigger, AdaptivePopup_stories_default as default };
+//# sourceMappingURL=AdaptivePopup.stories.mjs.map

package/dist/esm/AdaptivePopup/AdaptivePopup.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["action","useState","Paragraph","Text","XStack","YStack","Button","Input","AdaptivePopup","jsx","jsxs","meta","title","component","parameters","docs","description","argTypes","size","control","options","showCloseButton","disabled","AdaptivePopup_stories_default","Main","name","render","Example","open","setOpen","onOpenChange","trigger","children","footer","gap","justifyContent","chromeless","onPress","label","placeholder","Sizes","SizeExample","flexWrap","Fullscreen","flex","backgroundColor","borderRadius","padding","color","marginTop","WithoutTrigger","NoCloseButton","Disabled"],"sources":["../../../src/AdaptivePopup/AdaptivePopup.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/AdaptivePopup/AdaptivePopup.stories.native.js

@@ -0,0 +1,235 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { action } from "@multiplatform.one/storybook";
+import { useState } from "react";
+import { Paragraph, Text, XStack, YStack } from "tamagui";
+import { Button } from "../Button/index.native.js";
+import { Input } from "../fields/Input/index.native.js";
+import { AdaptivePopup } from "./index.native.js";
+var meta = {
+  title: "Forms/AdaptivePopup",
+  component: AdaptivePopup,
+  parameters: {
+    docs: {
+      description: {
+        component: "A responsive popup component that renders as a bottom Sheet on mobile/small screens and a centered Dialog on desktop. Resize your browser to see the adaptive behavior."
+      }
+    }
+  },
+  argTypes: {
+    size: {
+      control: "select",
+      options: ["sm", "md", "lg", "xl", "fullscreen"]
+    },
+    title: {
+      control: "text"
+    },
+    description: {
+      control: "text"
+    },
+    showCloseButton: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    }
+  }
+};
+var AdaptivePopup_stories_default = meta;
+var Main = {
+  name: "Main",
+  render: function render() {
+    var Example = function Example2() {
+      var [open, setOpen] = useState(false);
+      return /* @__PURE__ */_jsx(AdaptivePopup, {
+        open,
+        onOpenChange: setOpen,
+        title: "Edit Profile",
+        description: "Make changes to your profile here.",
+        trigger: /* @__PURE__ */_jsx(Button, {
+          children: "Open Popup"
+        }),
+        footer: /* @__PURE__ */_jsxs(XStack, {
+          gap: "$2",
+          justifyContent: "flex-end",
+          children: [/* @__PURE__ */_jsx(Button, {
+            chromeless: true,
+            onPress: function onPress() {
+              return setOpen(false);
+            },
+            children: "Cancel"
+          }), /* @__PURE__ */_jsx(Button, {
+            onPress: function onPress() {
+              return setOpen(false);
+            },
+            children: "Save"
+          })]
+        }),
+        children: /* @__PURE__ */_jsxs(YStack, {
+          gap: "$3",
+          children: [/* @__PURE__ */_jsx(Input, {
+            label: "Name",
+            placeholder: "Enter your name"
+          }), /* @__PURE__ */_jsx(Input, {
+            label: "Email",
+            placeholder: "Enter your email"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */_jsx(Example, {});
+  }
+};
+var Sizes = {
+  render: function render2() {
+    var SizeExample = function SizeExample2(param) {
+      var {
+        size
+      } = param;
+      var [open, setOpen] = useState(false);
+      return /* @__PURE__ */_jsx(AdaptivePopup, {
+        open,
+        onOpenChange: setOpen,
+        title: `Size: ${size}`,
+        size,
+        trigger: /* @__PURE__ */_jsx(Button, {
+          children: size
+        }),
+        children: /* @__PURE__ */_jsxs(Paragraph, {
+          children: ['This popup uses size="', size, '". On desktop this controls the max-width. On mobile it always renders as a sheet.']
+        })
+      });
+    };
+    return /* @__PURE__ */_jsxs(XStack, {
+      gap: "$2",
+      flexWrap: "wrap",
+      children: [/* @__PURE__ */_jsx(SizeExample, {
+        size: "sm"
+      }), /* @__PURE__ */_jsx(SizeExample, {
+        size: "md"
+      }), /* @__PURE__ */_jsx(SizeExample, {
+        size: "lg"
+      }), /* @__PURE__ */_jsx(SizeExample, {
+        size: "xl"
+      }), /* @__PURE__ */_jsx(SizeExample, {
+        size: "fullscreen"
+      })]
+    });
+  }
+};
+var Fullscreen = {
+  render: function render3() {
+    var Example = function Example2() {
+      var [open, setOpen] = useState(false);
+      return /* @__PURE__ */_jsx(AdaptivePopup, {
+        open,
+        onOpenChange: setOpen,
+        title: "Fullscreen View",
+        size: "fullscreen",
+        trigger: /* @__PURE__ */_jsx(Button, {
+          children: "Open Fullscreen"
+        }),
+        children: /* @__PURE__ */_jsxs(YStack, {
+          flex: 1,
+          backgroundColor: "$color3",
+          borderRadius: "$2",
+          padding: "$4",
+          children: [/* @__PURE__ */_jsx(Text, {
+            children: "This content fills the available space."
+          }), /* @__PURE__ */_jsx(Text, {
+            color: "$color9",
+            marginTop: "$2",
+            children: "Great for maps, image viewers, or any content that benefits from more space."
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */_jsx(Example, {});
+  }
+};
+var WithoutTrigger = {
+  render: function render4() {
+    var Example = function Example2() {
+      var [open, setOpen] = useState(false);
+      return /* @__PURE__ */_jsxs(YStack, {
+        gap: "$3",
+        children: [/* @__PURE__ */_jsx(Text, {
+          children: "Control the popup externally without using the trigger prop:"
+        }), /* @__PURE__ */_jsx(Button, {
+          onPress: function onPress() {
+            return setOpen(true);
+          },
+          children: "Open via external state"
+        }), /* @__PURE__ */_jsx(AdaptivePopup, {
+          open,
+          onOpenChange: setOpen,
+          title: "Externally Controlled",
+          description: "This popup was opened via external state management.",
+          children: /* @__PURE__ */_jsx(Paragraph, {
+            children: "Useful when you need to open the popup from multiple places or in response to async events."
+          })
+        })]
+      });
+    };
+    return /* @__PURE__ */_jsx(Example, {});
+  }
+};
+var NoCloseButton = {
+  render: function render5() {
+    var Example = function Example2() {
+      var [open, setOpen] = useState(false);
+      return /* @__PURE__ */_jsx(AdaptivePopup, {
+        open,
+        onOpenChange: setOpen,
+        title: "Confirmation",
+        showCloseButton: false,
+        trigger: /* @__PURE__ */_jsx(Button, {
+          children: "Delete Item"
+        }),
+        footer: /* @__PURE__ */_jsxs(XStack, {
+          gap: "$2",
+          justifyContent: "flex-end",
+          children: [/* @__PURE__ */_jsx(Button, {
+            chromeless: true,
+            onPress: function onPress() {
+              return setOpen(false);
+            },
+            children: "Cancel"
+          }), /* @__PURE__ */_jsx(Button, {
+            backgroundColor: "$red9",
+            onPress: function onPress() {
+              action("delete")();
+              setOpen(false);
+            },
+            children: "Delete"
+          })]
+        }),
+        children: /* @__PURE__ */_jsx(Paragraph, {
+          children: "Are you sure you want to delete this item? This action cannot be undone."
+        })
+      });
+    };
+    return /* @__PURE__ */_jsx(Example, {});
+  }
+};
+var Disabled = {
+  render: function render6() {
+    var Example = function Example2() {
+      var [open, setOpen] = useState(false);
+      return /* @__PURE__ */_jsx(AdaptivePopup, {
+        open,
+        onOpenChange: setOpen,
+        title: "Disabled",
+        disabled: true,
+        trigger: /* @__PURE__ */_jsx(Button, {
+          children: "Disabled Trigger"
+        }),
+        children: /* @__PURE__ */_jsx(Paragraph, {
+          children: "You should not see this."
+        })
+      });
+    };
+    return /* @__PURE__ */_jsx(Example, {});
+  }
+};
+export { Disabled, Fullscreen, Main, NoCloseButton, Sizes, WithoutTrigger, AdaptivePopup_stories_default as default };
+//# sourceMappingURL=AdaptivePopup.stories.native.js.map

package/dist/esm/AdaptivePopup/AdaptivePopup.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","useState","Paragraph","Text","XStack","YStack","Button","Input","AdaptivePopup","meta","title","component","parameters","docs","description","argTypes","size","control","options","showCloseButton","disabled","AdaptivePopup_stories_default","Main","name","render","Example","Example2","open","setOpen","onOpenChange","trigger","children","footer","gap","justifyContent","chromeless","onPress","label","placeholder","Sizes","render2","SizeExample","SizeExample2","param","flexWrap","Fullscreen","render3","flex","backgroundColor","borderRadius","padding","color","marginTop","WithoutTrigger","render4"],"sources":["../../../src/AdaptivePopup/AdaptivePopup.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/AdaptivePopup/index.mjs

@@ -0,0 +1,161 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Dialog, Sheet, Unspaced, useMedia, View, XStack, YStack } from "tamagui";
+import { X } from "@tamagui/lucide-icons-2";
+import { Button } from "../Button/index.mjs";
+import { zIndex } from "../shared/zIndex.mjs";
+import { useViewportGtSm } from "../FloatingPanel/index.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const sizeToWidth = {
+  sm: 400,
+  md: 600,
+  lg: 800,
+  xl: 1e3,
+  fullscreen: "95vw"
+};
+const sizeToHeight = {
+  sm: "auto",
+  md: "auto",
+  lg: "auto",
+  xl: "auto",
+  fullscreen: "90vh"
+};
+function AdaptivePopup({
+  open,
+  onOpenChange,
+  trigger,
+  title,
+  description,
+  children,
+  size = "md",
+  showCloseButton = true,
+  footer,
+  disabled
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const media = useMedia();
+  const viewportGtSm = useViewportGtSm();
+  const isDesktop = typeof window !== "undefined" ? viewportGtSm : media.gtSm === true;
+  const maxWidth = sizeToWidth[size];
+  const maxHeight = sizeToHeight[size];
+  const headerContent = (title || showCloseButton) && /* @__PURE__ */jsxs(XStack, {
+    justifyContent: "space-between",
+    alignItems: "center",
+    children: [title && /* @__PURE__ */jsx(YStack, {
+      flex: 1,
+      children: /* @__PURE__ */jsx(Dialog.Title, {
+        ...knobProps.heading,
+        fontSize: "$6",
+        children: title
+      })
+    }), showCloseButton && /* @__PURE__ */jsx(Dialog.Close, {
+      asChild: true,
+      children: /* @__PURE__ */jsx(Button, {
+        size: "$3",
+        circular: true,
+        chromeless: true,
+        children: /* @__PURE__ */jsx(X, {
+          size: 20
+        })
+      })
+    })]
+  });
+  const descriptionContent = description && /* @__PURE__ */jsx(Dialog.Description, {
+    ...knobProps.body,
+    color: "$color11",
+    fontSize: knobProps.sizeToken,
+    children: description
+  });
+  const footerContent = footer && /* @__PURE__ */jsx(YStack, {
+    paddingTop: "$2",
+    children: footer
+  });
+  if (!isDesktop) {
+    return /* @__PURE__ */jsxs(Fragment, {
+      children: [trigger && /* @__PURE__ */jsx(View, {
+        onPress: () => !disabled && onOpenChange(true),
+        cursor: disabled ? "not-allowed" : "pointer",
+        opacity: disabled ? 0.5 : 1,
+        children: trigger
+      }), /* @__PURE__ */jsxs(Sheet, {
+        modal: true,
+        open,
+        onOpenChange,
+        dismissOnSnapToBottom: true,
+        snapPointsMode: size === "fullscreen" ? "percent" : "fit",
+        snapPoints: size === "fullscreen" ? [92] : void 0,
+        zIndex: zIndex.sheet,
+        children: [/* @__PURE__ */jsx(Sheet.Overlay, {
+          backgroundColor: "$shadow6",
+          enterStyle: {
+            opacity: 0
+          },
+          exitStyle: {
+            opacity: 0
+          }
+        }), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */jsxs(Sheet.Frame, {
+          ...knobProps.panelPadding,
+          ...knobProps.gap,
+          children: [headerContent, descriptionContent, /* @__PURE__ */jsx(YStack, {
+            flex: size === "fullscreen" ? 1 : void 0,
+            children
+          }), footerContent]
+        })]
+      })]
+    });
+  }
+  return /* @__PURE__ */jsxs(Dialog, {
+    modal: true,
+    open,
+    onOpenChange,
+    children: [trigger && /* @__PURE__ */jsx(Dialog.Trigger, {
+      asChild: true,
+      disabled,
+      children: /* @__PURE__ */jsx(View, {
+        cursor: disabled ? "not-allowed" : "pointer",
+        opacity: disabled ? 0.5 : 1,
+        children: trigger
+      })
+    }), /* @__PURE__ */jsxs(Dialog.Portal, {
+      zIndex: zIndex.dropdown,
+      children: [/* @__PURE__ */jsx(Dialog.Overlay, {
+        backgroundColor: "$shadow6",
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        }
+      }, "overlay"), /* @__PURE__ */jsxs(Dialog.Content, {
+        bordered: true,
+        elevate: true,
+        enterStyle: {
+          opacity: 0,
+          scale: 0.96,
+          y: -10
+        },
+        exitStyle: {
+          opacity: 0,
+          scale: 0.96,
+          y: -10
+        },
+        maxWidth,
+        maxHeight,
+        width: "90vw",
+        backgroundColor: "$background",
+        ...knobProps.panelPadding,
+        ...knobProps.gap,
+        ...knobProps.borderRadius,
+        children: [headerContent && /* @__PURE__ */jsx(Unspaced, {
+          children: headerContent
+        }), descriptionContent, /* @__PURE__ */jsx(YStack, {
+          flex: size === "fullscreen" ? 1 : void 0,
+          children
+        }), footerContent]
+      }, "content")]
+    })]
+  });
+}
+export { AdaptivePopup };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/AdaptivePopup/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","Dialog","Sheet","Unspaced","useMedia","View","XStack","YStack","X","Button","zIndex","useViewportGtSm","Fragment","jsx","jsxs","sizeToWidth","sm","md","lg","xl","fullscreen","sizeToHeight","AdaptivePopup","open","onOpenChange","trigger","title","description","children","size","showCloseButton","footer","disabled","knobProps","media","viewportGtSm","isDesktop","window","gtSm","maxWidth","maxHeight","headerContent","justifyContent","alignItems","flex","Title","heading","fontSize","Close","asChild","circular","chromeless","descriptionContent","Description","body","color","sizeToken","footerContent","paddingTop","onPress","cursor","opacity","modal","dismissOnSnapToBottom","snapPointsMode","snapPoints","sheet","Overlay","backgroundColor","enterStyle","exitStyle","Handle","Frame","panelPadding","gap","Trigger","Portal","dropdown","Content","bordered","elevate","scale","y","width","borderRadius"],"sources":["../../../src/AdaptivePopup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}