@tamagui/form 1.14.1 → 1.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/Form.js CHANGED
@@ -1,2 +1,78 @@
1
- "use strict";var a=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var T=(r,o)=>{for(var n in o)a(r,n,{get:o[n],enumerable:!0})},y=(r,o,n,m)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of f(o))!b.call(r,t)&&t!==n&&a(r,t,{get:()=>o[t],enumerable:!(m=S(o,t))||m.enumerable});return r};var C=r=>y(a({},"__esModule",{value:!0}),r);var v={};T(v,{Form:()=>E,FormFrame:()=>i,FormProvider:()=>d,FormTrigger:()=>u,useFormContext:()=>l});module.exports=C(v);var s=require("react/jsx-runtime"),e=require("@tamagui/core"),g=require("@tamagui/create-context"),p=require("react");const c="Form",i=(0,e.styled)(e.Stack,{name:c,tag:"form"}),[h]=(0,g.createContextScope)(c),[d,l]=h(c),F="FormTrigger",P=(0,e.styled)(e.Stack,{name:F}),u=P.extractable((0,p.forwardRef)((r,o)=>{const{__scopeForm:n,children:m,...t}=r,x=l(F,n);return(0,s.jsx)(P,{tag:"button",...t,children:t.asChild?(0,p.cloneElement)(m,{disabled:t.disabled}):m,ref:o,onPress:(0,e.composeEventHandlers)(r.onPress,x.onSubmit)})}));function _({onSubmit:r,...o}){return(0,s.jsx)(d,{scope:o.__scopeForm,onSubmit:r,children:(0,s.jsx)(i,{...o,onSubmit:n=>n.preventDefault()})})}const E=(0,e.withStaticProperties)(i.extractable(_),{Trigger:u});0&&(module.exports={Form,FormFrame,FormProvider,FormTrigger,useFormContext});
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var Form_exports = {};
20
+ __export(Form_exports, {
21
+ Form: () => Form,
22
+ FormFrame: () => FormFrame,
23
+ FormProvider: () => FormProvider,
24
+ FormTrigger: () => FormTrigger,
25
+ useFormContext: () => useFormContext
26
+ });
27
+ module.exports = __toCommonJS(Form_exports);
28
+ var import_jsx_runtime = require("react/jsx-runtime");
29
+ var import_core = require("@tamagui/core");
30
+ var import_create_context = require("@tamagui/create-context");
31
+ var import_react = require("react");
32
+ const FORM_NAME = "Form";
33
+ const FormFrame = (0, import_core.styled)(import_core.Stack, {
34
+ name: FORM_NAME,
35
+ tag: "form"
36
+ });
37
+ const [createFormContext] = (0, import_create_context.createContextScope)(FORM_NAME);
38
+ const [FormProvider, useFormContext] = createFormContext(FORM_NAME);
39
+ const TRIGGER_NAME = "FormTrigger";
40
+ const FormTriggerFrame = (0, import_core.styled)(import_core.Stack, {
41
+ name: TRIGGER_NAME
42
+ });
43
+ const FormTrigger = FormTriggerFrame.extractable(
44
+ (0, import_react.forwardRef)(
45
+ (props, forwardedRef) => {
46
+ const { __scopeForm, children, ...triggerProps } = props;
47
+ const context = useFormContext(TRIGGER_NAME, __scopeForm);
48
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
49
+ FormTriggerFrame,
50
+ {
51
+ tag: "button",
52
+ ...triggerProps,
53
+ children: triggerProps.asChild ? (0, import_react.cloneElement)(children, { disabled: triggerProps.disabled }) : children,
54
+ ref: forwardedRef,
55
+ onPress: (0, import_core.composeEventHandlers)(props.onPress, context.onSubmit)
56
+ }
57
+ );
58
+ }
59
+ )
60
+ );
61
+ function FormComponent({
62
+ onSubmit,
63
+ ...props
64
+ }) {
65
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormProvider, { scope: props.__scopeForm, onSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormFrame, { ...props, onSubmit: (e) => e.preventDefault() }) });
66
+ }
67
+ const Form = (0, import_core.withStaticProperties)(FormFrame.extractable(FormComponent), {
68
+ Trigger: FormTrigger
69
+ });
70
+ // Annotate the CommonJS export names for ESM import in node:
71
+ 0 && (module.exports = {
72
+ Form,
73
+ FormFrame,
74
+ FormProvider,
75
+ FormTrigger,
76
+ useFormContext
77
+ });
2
78
  //# sourceMappingURL=Form.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/Form.tsx"],
4
4
  "sourcesContent": ["import {\n GetProps,\n Stack,\n StackProps,\n TamaguiElement,\n composeEventHandlers,\n styled,\n withStaticProperties,\n} from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport { PropsWithChildren, cloneElement, forwardRef } from 'react'\n\nconst FORM_NAME = 'Form'\n\nexport const FormFrame = styled(Stack, {\n name: FORM_NAME,\n tag: 'form',\n})\n\nexport type FormFrameProps = GetProps<typeof FormFrame> & {\n onSubmit: () => void\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Context\n * -----------------------------------------------------------------------------------------------*/\n\ntype ScopedProps<P> = P & { __scopeForm?: Scope }\nconst [createFormContext] = createContextScope(FORM_NAME)\n\ntype FormContextValue = {\n onSubmit: () => unknown\n}\n\nexport const [FormProvider, useFormContext] =\n createFormContext<FormContextValue>(FORM_NAME)\n\nexport type FormProps = FormFrameProps\n\n/* -------------------------------------------------------------------------------------------------\n * FormTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'FormTrigger'\n\nconst FormTriggerFrame = styled(Stack, {\n name: TRIGGER_NAME,\n})\n\nexport interface FormTriggerProps extends StackProps {}\n\nexport const FormTrigger = FormTriggerFrame.extractable(\n forwardRef<TamaguiElement, FormTriggerProps>(\n (props: ScopedProps<FormTriggerProps>, forwardedRef) => {\n const { __scopeForm, children, ...triggerProps } = props\n const context = useFormContext(TRIGGER_NAME, __scopeForm)\n\n return (\n <FormTriggerFrame\n tag=\"button\"\n {...triggerProps}\n children={\n triggerProps.asChild\n ? cloneElement(children, { disabled: triggerProps.disabled })\n : children\n }\n ref={forwardedRef}\n onPress={composeEventHandlers(props.onPress as any, context.onSubmit)}\n />\n )\n }\n )\n)\n\n/* -------------------------------------------------------------------------------------------------\n * Form\n * -----------------------------------------------------------------------------------------------*/\n\nfunction FormComponent({\n onSubmit,\n ...props\n}: PropsWithChildren<ScopedProps<FormProps>>) {\n return (\n <FormProvider scope={props.__scopeForm} onSubmit={onSubmit}>\n <FormFrame {...props} onSubmit={((e: any) => e.preventDefault()) as any} />\n </FormProvider>\n )\n}\n\nexport const Form = withStaticProperties(FormFrame.extractable(FormComponent), {\n Trigger: FormTrigger,\n})\n"],
5
- "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,cAAAC,EAAA,iBAAAC,EAAA,gBAAAC,EAAA,mBAAAC,IAAA,eAAAC,EAAAP,GA0DQ,IAAAQ,EAAA,6BA1DRC,EAQO,yBACPC,EAA0C,mCAC1CC,EAA4D,iBAE5D,MAAMC,EAAY,OAELT,KAAY,UAAO,QAAO,CACrC,KAAMS,EACN,IAAK,MACP,CAAC,EAWK,CAACC,CAAiB,KAAI,sBAAmBD,CAAS,EAM3C,CAACR,EAAcE,CAAc,EACxCO,EAAoCD,CAAS,EAQzCE,EAAe,cAEfC,KAAmB,UAAO,QAAO,CACrC,KAAMD,CACR,CAAC,EAIYT,EAAcU,EAAiB,eAC1C,cACE,CAACC,EAAsCC,IAAiB,CACtD,KAAM,CAAE,YAAAC,EAAa,SAAAC,EAAU,GAAGC,CAAa,EAAIJ,EAC7CK,EAAUf,EAAeQ,EAAcI,CAAW,EAExD,SACE,OAACH,EAAA,CACC,IAAI,SACH,GAAGK,EACJ,SACEA,EAAa,WACT,gBAAaD,EAAU,CAAE,SAAUC,EAAa,QAAS,CAAC,EAC1DD,EAEN,IAAKF,EACL,WAAS,wBAAqBD,EAAM,QAAgBK,EAAQ,QAAQ,EACtE,CAEJ,CACF,CACF,EAMA,SAASC,EAAc,CACrB,SAAAC,EACA,GAAGP,CACL,EAA8C,CAC5C,SACE,OAACZ,EAAA,CAAa,MAAOY,EAAM,YAAa,SAAUO,EAChD,mBAACpB,EAAA,CAAW,GAAGa,EAAO,SAAYQ,GAAWA,EAAE,eAAe,EAAW,EAC3E,CAEJ,CAEO,MAAMtB,KAAO,wBAAqBC,EAAU,YAAYmB,CAAa,EAAG,CAC7E,QAASjB,CACX,CAAC",
6
- "names": ["Form_exports", "__export", "Form", "FormFrame", "FormProvider", "FormTrigger", "useFormContext", "__toCommonJS", "import_jsx_runtime", "import_core", "import_create_context", "import_react", "FORM_NAME", "createFormContext", "TRIGGER_NAME", "FormTriggerFrame", "props", "forwardedRef", "__scopeForm", "children", "triggerProps", "context", "FormComponent", "onSubmit", "e"]
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0DQ;AA1DR,kBAQO;AACP,4BAA0C;AAC1C,mBAA4D;AAE5D,MAAM,YAAY;AAEX,MAAM,gBAAY,oBAAO,mBAAO;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AACP,CAAC;AAWD,MAAM,CAAC,iBAAiB,QAAI,0CAAmB,SAAS;AAMjD,MAAM,CAAC,cAAc,cAAc,IACxC,kBAAoC,SAAS;AAQ/C,MAAM,eAAe;AAErB,MAAM,uBAAmB,oBAAO,mBAAO;AAAA,EACrC,MAAM;AACR,CAAC;AAIM,MAAM,cAAc,iBAAiB;AAAA,MAC1C;AAAA,IACE,CAAC,OAAsC,iBAAiB;AACtD,YAAM,EAAE,aAAa,UAAU,GAAG,aAAa,IAAI;AACnD,YAAM,UAAU,eAAe,cAAc,WAAW;AAExD,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAI;AAAA,UACH,GAAG;AAAA,UACJ,UACE,aAAa,cACT,2BAAa,UAAU,EAAE,UAAU,aAAa,SAAS,CAAC,IAC1D;AAAA,UAEN,KAAK;AAAA,UACL,aAAS,kCAAqB,MAAM,SAAgB,QAAQ,QAAQ;AAAA;AAAA,MACtE;AAAA,IAEJ;AAAA,EACF;AACF;AAMA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAA8C;AAC5C,SACE,4CAAC,gBAAa,OAAO,MAAM,aAAa,UACtC,sDAAC,aAAW,GAAG,OAAO,UAAW,CAAC,MAAW,EAAE,eAAe,GAAW,GAC3E;AAEJ;AAEO,MAAM,WAAO,kCAAqB,UAAU,YAAY,aAAa,GAAG;AAAA,EAC7E,SAAS;AACX,CAAC;",
6
+ "names": []
7
7
  }
package/dist/cjs/index.js CHANGED
@@ -1,2 +1,19 @@
1
- "use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./Form"),module.exports);
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __copyProps = (to, from, except, desc) => {
7
+ if (from && typeof from === "object" || typeof from === "function") {
8
+ for (let key of __getOwnPropNames(from))
9
+ if (!__hasOwnProp.call(to, key) && key !== except)
10
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
11
+ }
12
+ return to;
13
+ };
14
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
15
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
16
+ var src_exports = {};
17
+ module.exports = __toCommonJS(src_exports);
18
+ __reExport(src_exports, require("./Form"), module.exports);
2
19
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
4
  "sourcesContent": ["export * from './Form'\n"],
5
- "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,kBAAd",
6
- "names": ["src_exports", "__toCommonJS", "__reExport"]
5
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,mBAAd;",
6
+ "names": []
7
7
  }
package/dist/esm/Form.js CHANGED
@@ -1,2 +1,55 @@
1
- import{jsx as m}from"react/jsx-runtime";import{Stack as p,composeEventHandlers as g,styled as a,withStaticProperties as d}from"@tamagui/core";import{createContextScope as l}from"@tamagui/create-context";import{cloneElement as u,forwardRef as x}from"react";const n="Form",c=a(p,{name:n,tag:"form"}),[S]=l(n),[f,b]=S(n),i="FormTrigger",F=a(p,{name:i}),T=F.extractable(x((o,r)=>{const{__scopeForm:e,children:s,...t}=o,P=b(i,e);return m(F,{tag:"button",...t,children:t.asChild?u(s,{disabled:t.disabled}):s,ref:r,onPress:g(o.onPress,P.onSubmit)})}));function y({onSubmit:o,...r}){return m(f,{scope:r.__scopeForm,onSubmit:o,children:m(c,{...r,onSubmit:e=>e.preventDefault()})})}const w=d(c.extractable(y),{Trigger:T});export{w as Form,c as FormFrame,f as FormProvider,T as FormTrigger,b as useFormContext};
1
+ import { jsx } from "react/jsx-runtime";
2
+ import {
3
+ Stack,
4
+ composeEventHandlers,
5
+ styled,
6
+ withStaticProperties
7
+ } from "@tamagui/core";
8
+ import { createContextScope } from "@tamagui/create-context";
9
+ import { cloneElement, forwardRef } from "react";
10
+ const FORM_NAME = "Form";
11
+ const FormFrame = styled(Stack, {
12
+ name: FORM_NAME,
13
+ tag: "form"
14
+ });
15
+ const [createFormContext] = createContextScope(FORM_NAME);
16
+ const [FormProvider, useFormContext] = createFormContext(FORM_NAME);
17
+ const TRIGGER_NAME = "FormTrigger";
18
+ const FormTriggerFrame = styled(Stack, {
19
+ name: TRIGGER_NAME
20
+ });
21
+ const FormTrigger = FormTriggerFrame.extractable(
22
+ forwardRef(
23
+ (props, forwardedRef) => {
24
+ const { __scopeForm, children, ...triggerProps } = props;
25
+ const context = useFormContext(TRIGGER_NAME, __scopeForm);
26
+ return /* @__PURE__ */ jsx(
27
+ FormTriggerFrame,
28
+ {
29
+ tag: "button",
30
+ ...triggerProps,
31
+ children: triggerProps.asChild ? cloneElement(children, { disabled: triggerProps.disabled }) : children,
32
+ ref: forwardedRef,
33
+ onPress: composeEventHandlers(props.onPress, context.onSubmit)
34
+ }
35
+ );
36
+ }
37
+ )
38
+ );
39
+ function FormComponent({
40
+ onSubmit,
41
+ ...props
42
+ }) {
43
+ return /* @__PURE__ */ jsx(FormProvider, { scope: props.__scopeForm, onSubmit, children: /* @__PURE__ */ jsx(FormFrame, { ...props, onSubmit: (e) => e.preventDefault() }) });
44
+ }
45
+ const Form = withStaticProperties(FormFrame.extractable(FormComponent), {
46
+ Trigger: FormTrigger
47
+ });
48
+ export {
49
+ Form,
50
+ FormFrame,
51
+ FormProvider,
52
+ FormTrigger,
53
+ useFormContext
54
+ };
2
55
  //# sourceMappingURL=Form.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/Form.tsx"],
4
4
  "sourcesContent": ["import {\n GetProps,\n Stack,\n StackProps,\n TamaguiElement,\n composeEventHandlers,\n styled,\n withStaticProperties,\n} from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport { PropsWithChildren, cloneElement, forwardRef } from 'react'\n\nconst FORM_NAME = 'Form'\n\nexport const FormFrame = styled(Stack, {\n name: FORM_NAME,\n tag: 'form',\n})\n\nexport type FormFrameProps = GetProps<typeof FormFrame> & {\n onSubmit: () => void\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Context\n * -----------------------------------------------------------------------------------------------*/\n\ntype ScopedProps<P> = P & { __scopeForm?: Scope }\nconst [createFormContext] = createContextScope(FORM_NAME)\n\ntype FormContextValue = {\n onSubmit: () => unknown\n}\n\nexport const [FormProvider, useFormContext] =\n createFormContext<FormContextValue>(FORM_NAME)\n\nexport type FormProps = FormFrameProps\n\n/* -------------------------------------------------------------------------------------------------\n * FormTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'FormTrigger'\n\nconst FormTriggerFrame = styled(Stack, {\n name: TRIGGER_NAME,\n})\n\nexport interface FormTriggerProps extends StackProps {}\n\nexport const FormTrigger = FormTriggerFrame.extractable(\n forwardRef<TamaguiElement, FormTriggerProps>(\n (props: ScopedProps<FormTriggerProps>, forwardedRef) => {\n const { __scopeForm, children, ...triggerProps } = props\n const context = useFormContext(TRIGGER_NAME, __scopeForm)\n\n return (\n <FormTriggerFrame\n tag=\"button\"\n {...triggerProps}\n children={\n triggerProps.asChild\n ? cloneElement(children, { disabled: triggerProps.disabled })\n : children\n }\n ref={forwardedRef}\n onPress={composeEventHandlers(props.onPress as any, context.onSubmit)}\n />\n )\n }\n )\n)\n\n/* -------------------------------------------------------------------------------------------------\n * Form\n * -----------------------------------------------------------------------------------------------*/\n\nfunction FormComponent({\n onSubmit,\n ...props\n}: PropsWithChildren<ScopedProps<FormProps>>) {\n return (\n <FormProvider scope={props.__scopeForm} onSubmit={onSubmit}>\n <FormFrame {...props} onSubmit={((e: any) => e.preventDefault()) as any} />\n </FormProvider>\n )\n}\n\nexport const Form = withStaticProperties(FormFrame.extractable(FormComponent), {\n Trigger: FormTrigger,\n})\n"],
5
- "mappings": "AA0DQ,cAAAA,MAAA,oBA1DR,OAEE,SAAAC,EAGA,wBAAAC,EACA,UAAAC,EACA,wBAAAC,MACK,gBACP,OAAgB,sBAAAC,MAA0B,0BAC1C,OAA4B,gBAAAC,EAAc,cAAAC,MAAkB,QAE5D,MAAMC,EAAY,OAELC,EAAYN,EAAOF,EAAO,CACrC,KAAMO,EACN,IAAK,MACP,CAAC,EAWK,CAACE,CAAiB,EAAIL,EAAmBG,CAAS,EAM3C,CAACG,EAAcC,CAAc,EACxCF,EAAoCF,CAAS,EAQzCK,EAAe,cAEfC,EAAmBX,EAAOF,EAAO,CACrC,KAAMY,CACR,CAAC,EAIYE,EAAcD,EAAiB,YAC1CP,EACE,CAACS,EAAsCC,IAAiB,CACtD,KAAM,CAAE,YAAAC,EAAa,SAAAC,EAAU,GAAGC,CAAa,EAAIJ,EAC7CK,EAAUT,EAAeC,EAAcK,CAAW,EAExD,OACElB,EAACc,EAAA,CACC,IAAI,SACH,GAAGM,EACJ,SACEA,EAAa,QACTd,EAAaa,EAAU,CAAE,SAAUC,EAAa,QAAS,CAAC,EAC1DD,EAEN,IAAKF,EACL,QAASf,EAAqBc,EAAM,QAAgBK,EAAQ,QAAQ,EACtE,CAEJ,CACF,CACF,EAMA,SAASC,EAAc,CACrB,SAAAC,EACA,GAAGP,CACL,EAA8C,CAC5C,OACEhB,EAACW,EAAA,CAAa,MAAOK,EAAM,YAAa,SAAUO,EAChD,SAAAvB,EAACS,EAAA,CAAW,GAAGO,EAAO,SAAY,GAAW,EAAE,eAAe,EAAW,EAC3E,CAEJ,CAEO,MAAMQ,EAAOpB,EAAqBK,EAAU,YAAYa,CAAa,EAAG,CAC7E,QAASP,CACX,CAAC",
6
- "names": ["jsx", "Stack", "composeEventHandlers", "styled", "withStaticProperties", "createContextScope", "cloneElement", "forwardRef", "FORM_NAME", "FormFrame", "createFormContext", "FormProvider", "useFormContext", "TRIGGER_NAME", "FormTriggerFrame", "FormTrigger", "props", "forwardedRef", "__scopeForm", "children", "triggerProps", "context", "FormComponent", "onSubmit", "Form"]
5
+ "mappings": "AA0DQ;AA1DR;AAAA,EAEE;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,0BAA0B;AAC1C,SAA4B,cAAc,kBAAkB;AAE5D,MAAM,YAAY;AAEX,MAAM,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AACP,CAAC;AAWD,MAAM,CAAC,iBAAiB,IAAI,mBAAmB,SAAS;AAMjD,MAAM,CAAC,cAAc,cAAc,IACxC,kBAAoC,SAAS;AAQ/C,MAAM,eAAe;AAErB,MAAM,mBAAmB,OAAO,OAAO;AAAA,EACrC,MAAM;AACR,CAAC;AAIM,MAAM,cAAc,iBAAiB;AAAA,EAC1C;AAAA,IACE,CAAC,OAAsC,iBAAiB;AACtD,YAAM,EAAE,aAAa,UAAU,GAAG,aAAa,IAAI;AACnD,YAAM,UAAU,eAAe,cAAc,WAAW;AAExD,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAI;AAAA,UACH,GAAG;AAAA,UACJ,UACE,aAAa,UACT,aAAa,UAAU,EAAE,UAAU,aAAa,SAAS,CAAC,IAC1D;AAAA,UAEN,KAAK;AAAA,UACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,QAAQ;AAAA;AAAA,MACtE;AAAA,IAEJ;AAAA,EACF;AACF;AAMA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAA8C;AAC5C,SACE,oBAAC,gBAAa,OAAO,MAAM,aAAa,UACtC,8BAAC,aAAW,GAAG,OAAO,UAAW,CAAC,MAAW,EAAE,eAAe,GAAW,GAC3E;AAEJ;AAEO,MAAM,OAAO,qBAAqB,UAAU,YAAY,aAAa,GAAG;AAAA,EAC7E,SAAS;AACX,CAAC;",
6
+ "names": []
7
7
  }
package/dist/esm/Form.mjs CHANGED
@@ -1,2 +1,55 @@
1
- import{jsx as m}from"react/jsx-runtime";import{Stack as p,composeEventHandlers as g,styled as a,withStaticProperties as d}from"@tamagui/core";import{createContextScope as l}from"@tamagui/create-context";import{cloneElement as u,forwardRef as x}from"react";const n="Form",c=a(p,{name:n,tag:"form"}),[S]=l(n),[f,b]=S(n),i="FormTrigger",F=a(p,{name:i}),T=F.extractable(x((o,r)=>{const{__scopeForm:e,children:s,...t}=o,P=b(i,e);return m(F,{tag:"button",...t,children:t.asChild?u(s,{disabled:t.disabled}):s,ref:r,onPress:g(o.onPress,P.onSubmit)})}));function y({onSubmit:o,...r}){return m(f,{scope:r.__scopeForm,onSubmit:o,children:m(c,{...r,onSubmit:e=>e.preventDefault()})})}const w=d(c.extractable(y),{Trigger:T});export{w as Form,c as FormFrame,f as FormProvider,T as FormTrigger,b as useFormContext};
1
+ import { jsx } from "react/jsx-runtime";
2
+ import {
3
+ Stack,
4
+ composeEventHandlers,
5
+ styled,
6
+ withStaticProperties
7
+ } from "@tamagui/core";
8
+ import { createContextScope } from "@tamagui/create-context";
9
+ import { cloneElement, forwardRef } from "react";
10
+ const FORM_NAME = "Form";
11
+ const FormFrame = styled(Stack, {
12
+ name: FORM_NAME,
13
+ tag: "form"
14
+ });
15
+ const [createFormContext] = createContextScope(FORM_NAME);
16
+ const [FormProvider, useFormContext] = createFormContext(FORM_NAME);
17
+ const TRIGGER_NAME = "FormTrigger";
18
+ const FormTriggerFrame = styled(Stack, {
19
+ name: TRIGGER_NAME
20
+ });
21
+ const FormTrigger = FormTriggerFrame.extractable(
22
+ forwardRef(
23
+ (props, forwardedRef) => {
24
+ const { __scopeForm, children, ...triggerProps } = props;
25
+ const context = useFormContext(TRIGGER_NAME, __scopeForm);
26
+ return /* @__PURE__ */ jsx(
27
+ FormTriggerFrame,
28
+ {
29
+ tag: "button",
30
+ ...triggerProps,
31
+ children: triggerProps.asChild ? cloneElement(children, { disabled: triggerProps.disabled }) : children,
32
+ ref: forwardedRef,
33
+ onPress: composeEventHandlers(props.onPress, context.onSubmit)
34
+ }
35
+ );
36
+ }
37
+ )
38
+ );
39
+ function FormComponent({
40
+ onSubmit,
41
+ ...props
42
+ }) {
43
+ return /* @__PURE__ */ jsx(FormProvider, { scope: props.__scopeForm, onSubmit, children: /* @__PURE__ */ jsx(FormFrame, { ...props, onSubmit: (e) => e.preventDefault() }) });
44
+ }
45
+ const Form = withStaticProperties(FormFrame.extractable(FormComponent), {
46
+ Trigger: FormTrigger
47
+ });
48
+ export {
49
+ Form,
50
+ FormFrame,
51
+ FormProvider,
52
+ FormTrigger,
53
+ useFormContext
54
+ };
2
55
  //# sourceMappingURL=Form.mjs.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/Form.tsx"],
4
4
  "sourcesContent": ["import {\n GetProps,\n Stack,\n StackProps,\n TamaguiElement,\n composeEventHandlers,\n styled,\n withStaticProperties,\n} from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport { PropsWithChildren, cloneElement, forwardRef } from 'react'\n\nconst FORM_NAME = 'Form'\n\nexport const FormFrame = styled(Stack, {\n name: FORM_NAME,\n tag: 'form',\n})\n\nexport type FormFrameProps = GetProps<typeof FormFrame> & {\n onSubmit: () => void\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Context\n * -----------------------------------------------------------------------------------------------*/\n\ntype ScopedProps<P> = P & { __scopeForm?: Scope }\nconst [createFormContext] = createContextScope(FORM_NAME)\n\ntype FormContextValue = {\n onSubmit: () => unknown\n}\n\nexport const [FormProvider, useFormContext] =\n createFormContext<FormContextValue>(FORM_NAME)\n\nexport type FormProps = FormFrameProps\n\n/* -------------------------------------------------------------------------------------------------\n * FormTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'FormTrigger'\n\nconst FormTriggerFrame = styled(Stack, {\n name: TRIGGER_NAME,\n})\n\nexport interface FormTriggerProps extends StackProps {}\n\nexport const FormTrigger = FormTriggerFrame.extractable(\n forwardRef<TamaguiElement, FormTriggerProps>(\n (props: ScopedProps<FormTriggerProps>, forwardedRef) => {\n const { __scopeForm, children, ...triggerProps } = props\n const context = useFormContext(TRIGGER_NAME, __scopeForm)\n\n return (\n <FormTriggerFrame\n tag=\"button\"\n {...triggerProps}\n children={\n triggerProps.asChild\n ? cloneElement(children, { disabled: triggerProps.disabled })\n : children\n }\n ref={forwardedRef}\n onPress={composeEventHandlers(props.onPress as any, context.onSubmit)}\n />\n )\n }\n )\n)\n\n/* -------------------------------------------------------------------------------------------------\n * Form\n * -----------------------------------------------------------------------------------------------*/\n\nfunction FormComponent({\n onSubmit,\n ...props\n}: PropsWithChildren<ScopedProps<FormProps>>) {\n return (\n <FormProvider scope={props.__scopeForm} onSubmit={onSubmit}>\n <FormFrame {...props} onSubmit={((e: any) => e.preventDefault()) as any} />\n </FormProvider>\n )\n}\n\nexport const Form = withStaticProperties(FormFrame.extractable(FormComponent), {\n Trigger: FormTrigger,\n})\n"],
5
- "mappings": "AA0DQ,cAAAA,MAAA,oBA1DR,OAEE,SAAAC,EAGA,wBAAAC,EACA,UAAAC,EACA,wBAAAC,MACK,gBACP,OAAgB,sBAAAC,MAA0B,0BAC1C,OAA4B,gBAAAC,EAAc,cAAAC,MAAkB,QAE5D,MAAMC,EAAY,OAELC,EAAYN,EAAOF,EAAO,CACrC,KAAMO,EACN,IAAK,MACP,CAAC,EAWK,CAACE,CAAiB,EAAIL,EAAmBG,CAAS,EAM3C,CAACG,EAAcC,CAAc,EACxCF,EAAoCF,CAAS,EAQzCK,EAAe,cAEfC,EAAmBX,EAAOF,EAAO,CACrC,KAAMY,CACR,CAAC,EAIYE,EAAcD,EAAiB,YAC1CP,EACE,CAACS,EAAsCC,IAAiB,CACtD,KAAM,CAAE,YAAAC,EAAa,SAAAC,EAAU,GAAGC,CAAa,EAAIJ,EAC7CK,EAAUT,EAAeC,EAAcK,CAAW,EAExD,OACElB,EAACc,EAAA,CACC,IAAI,SACH,GAAGM,EACJ,SACEA,EAAa,QACTd,EAAaa,EAAU,CAAE,SAAUC,EAAa,QAAS,CAAC,EAC1DD,EAEN,IAAKF,EACL,QAASf,EAAqBc,EAAM,QAAgBK,EAAQ,QAAQ,EACtE,CAEJ,CACF,CACF,EAMA,SAASC,EAAc,CACrB,SAAAC,EACA,GAAGP,CACL,EAA8C,CAC5C,OACEhB,EAACW,EAAA,CAAa,MAAOK,EAAM,YAAa,SAAUO,EAChD,SAAAvB,EAACS,EAAA,CAAW,GAAGO,EAAO,SAAY,GAAW,EAAE,eAAe,EAAW,EAC3E,CAEJ,CAEO,MAAMQ,EAAOpB,EAAqBK,EAAU,YAAYa,CAAa,EAAG,CAC7E,QAASP,CACX,CAAC",
6
- "names": ["jsx", "Stack", "composeEventHandlers", "styled", "withStaticProperties", "createContextScope", "cloneElement", "forwardRef", "FORM_NAME", "FormFrame", "createFormContext", "FormProvider", "useFormContext", "TRIGGER_NAME", "FormTriggerFrame", "FormTrigger", "props", "forwardedRef", "__scopeForm", "children", "triggerProps", "context", "FormComponent", "onSubmit", "Form"]
5
+ "mappings": "AA0DQ;AA1DR;AAAA,EAEE;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,0BAA0B;AAC1C,SAA4B,cAAc,kBAAkB;AAE5D,MAAM,YAAY;AAEX,MAAM,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AACP,CAAC;AAWD,MAAM,CAAC,iBAAiB,IAAI,mBAAmB,SAAS;AAMjD,MAAM,CAAC,cAAc,cAAc,IACxC,kBAAoC,SAAS;AAQ/C,MAAM,eAAe;AAErB,MAAM,mBAAmB,OAAO,OAAO;AAAA,EACrC,MAAM;AACR,CAAC;AAIM,MAAM,cAAc,iBAAiB;AAAA,EAC1C;AAAA,IACE,CAAC,OAAsC,iBAAiB;AACtD,YAAM,EAAE,aAAa,UAAU,GAAG,aAAa,IAAI;AACnD,YAAM,UAAU,eAAe,cAAc,WAAW;AAExD,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAI;AAAA,UACH,GAAG;AAAA,UACJ,UACE,aAAa,UACT,aAAa,UAAU,EAAE,UAAU,aAAa,SAAS,CAAC,IAC1D;AAAA,UAEN,KAAK;AAAA,UACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,QAAQ;AAAA;AAAA,MACtE;AAAA,IAEJ;AAAA,EACF;AACF;AAMA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAA8C;AAC5C,SACE,oBAAC,gBAAa,OAAO,MAAM,aAAa,UACtC,8BAAC,aAAW,GAAG,OAAO,UAAW,CAAC,MAAW,EAAE,eAAe,GAAW,GAC3E;AAEJ;AAEO,MAAM,OAAO,qBAAqB,UAAU,YAAY,aAAa,GAAG;AAAA,EAC7E,SAAS;AACX,CAAC;",
6
+ "names": []
7
7
  }
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export*from"./Form";
1
+ export * from "./Form";
2
2
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
4
  "sourcesContent": ["export * from './Form'\n"],
5
- "mappings": "AAAA,WAAc",
5
+ "mappings": "AAAA,cAAc;",
6
6
  "names": []
7
7
  }
@@ -1,2 +1,2 @@
1
- export*from"./Form";
1
+ export * from "./Form";
2
2
  //# sourceMappingURL=index.mjs.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
4
  "sourcesContent": ["export * from './Form'\n"],
5
- "mappings": "AAAA,WAAc",
5
+ "mappings": "AAAA,cAAc;",
6
6
  "names": []
7
7
  }
package/dist/jsx/Form.js CHANGED
@@ -1,2 +1,51 @@
1
- import{Stack as s,composeEventHandlers as b,styled as p,withStaticProperties as T}from"@tamagui/core";import{createContextScope as y}from"@tamagui/create-context";import{cloneElement as C,forwardRef as h}from"react";const n="Form",F=p(s,{name:n,tag:"form"}),[_]=y(n),[E,v]=_(n),P="FormTrigger",S=p(s,{name:P}),k=S.extractable(h((o,r)=>{const{__scopeForm:e,children:m,...t}=o,f=v(P,e);return<S tag="button"{...t}children={t.asChild?C(m,{disabled:t.disabled}):m}ref={r}onPress={b(o.onPress,f.onSubmit)}/>}));function G({onSubmit:o,...r}){return<E scope={r.__scopeForm}onSubmit={o}><F{...r}onSubmit={e=>e.preventDefault()}/></E>}const H=T(F.extractable(G),{Trigger:k});export{H as Form,F as FormFrame,E as FormProvider,k as FormTrigger,v as useFormContext};
1
+ import {
2
+ Stack,
3
+ composeEventHandlers,
4
+ styled,
5
+ withStaticProperties
6
+ } from "@tamagui/core";
7
+ import { createContextScope } from "@tamagui/create-context";
8
+ import { cloneElement, forwardRef } from "react";
9
+ const FORM_NAME = "Form";
10
+ const FormFrame = styled(Stack, {
11
+ name: FORM_NAME,
12
+ tag: "form"
13
+ });
14
+ const [createFormContext] = createContextScope(FORM_NAME);
15
+ const [FormProvider, useFormContext] = createFormContext(FORM_NAME);
16
+ const TRIGGER_NAME = "FormTrigger";
17
+ const FormTriggerFrame = styled(Stack, {
18
+ name: TRIGGER_NAME
19
+ });
20
+ const FormTrigger = FormTriggerFrame.extractable(
21
+ forwardRef(
22
+ (props, forwardedRef) => {
23
+ const { __scopeForm, children, ...triggerProps } = props;
24
+ const context = useFormContext(TRIGGER_NAME, __scopeForm);
25
+ return <FormTriggerFrame
26
+ tag="button"
27
+ {...triggerProps}
28
+ children={triggerProps.asChild ? cloneElement(children, { disabled: triggerProps.disabled }) : children}
29
+ ref={forwardedRef}
30
+ onPress={composeEventHandlers(props.onPress, context.onSubmit)}
31
+ />;
32
+ }
33
+ )
34
+ );
35
+ function FormComponent({
36
+ onSubmit,
37
+ ...props
38
+ }) {
39
+ return <FormProvider scope={props.__scopeForm} onSubmit={onSubmit}><FormFrame {...props} onSubmit={(e) => e.preventDefault()} /></FormProvider>;
40
+ }
41
+ const Form = withStaticProperties(FormFrame.extractable(FormComponent), {
42
+ Trigger: FormTrigger
43
+ });
44
+ export {
45
+ Form,
46
+ FormFrame,
47
+ FormProvider,
48
+ FormTrigger,
49
+ useFormContext
50
+ };
2
51
  //# sourceMappingURL=Form.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/Form.tsx"],
4
4
  "sourcesContent": ["import {\n GetProps,\n Stack,\n StackProps,\n TamaguiElement,\n composeEventHandlers,\n styled,\n withStaticProperties,\n} from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport { PropsWithChildren, cloneElement, forwardRef } from 'react'\n\nconst FORM_NAME = 'Form'\n\nexport const FormFrame = styled(Stack, {\n name: FORM_NAME,\n tag: 'form',\n})\n\nexport type FormFrameProps = GetProps<typeof FormFrame> & {\n onSubmit: () => void\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Context\n * -----------------------------------------------------------------------------------------------*/\n\ntype ScopedProps<P> = P & { __scopeForm?: Scope }\nconst [createFormContext] = createContextScope(FORM_NAME)\n\ntype FormContextValue = {\n onSubmit: () => unknown\n}\n\nexport const [FormProvider, useFormContext] =\n createFormContext<FormContextValue>(FORM_NAME)\n\nexport type FormProps = FormFrameProps\n\n/* -------------------------------------------------------------------------------------------------\n * FormTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'FormTrigger'\n\nconst FormTriggerFrame = styled(Stack, {\n name: TRIGGER_NAME,\n})\n\nexport interface FormTriggerProps extends StackProps {}\n\nexport const FormTrigger = FormTriggerFrame.extractable(\n forwardRef<TamaguiElement, FormTriggerProps>(\n (props: ScopedProps<FormTriggerProps>, forwardedRef) => {\n const { __scopeForm, children, ...triggerProps } = props\n const context = useFormContext(TRIGGER_NAME, __scopeForm)\n\n return (\n <FormTriggerFrame\n tag=\"button\"\n {...triggerProps}\n children={\n triggerProps.asChild\n ? cloneElement(children, { disabled: triggerProps.disabled })\n : children\n }\n ref={forwardedRef}\n onPress={composeEventHandlers(props.onPress as any, context.onSubmit)}\n />\n )\n }\n )\n)\n\n/* -------------------------------------------------------------------------------------------------\n * Form\n * -----------------------------------------------------------------------------------------------*/\n\nfunction FormComponent({\n onSubmit,\n ...props\n}: PropsWithChildren<ScopedProps<FormProps>>) {\n return (\n <FormProvider scope={props.__scopeForm} onSubmit={onSubmit}>\n <FormFrame {...props} onSubmit={((e: any) => e.preventDefault()) as any} />\n </FormProvider>\n )\n}\n\nexport const Form = withStaticProperties(FormFrame.extractable(FormComponent), {\n Trigger: FormTrigger,\n})\n"],
5
- "mappings": "AAAA,OAEE,SAAAA,EAGA,wBAAAC,EACA,UAAAC,EACA,wBAAAC,MACK,gBACP,OAAgB,sBAAAC,MAA0B,0BAC1C,OAA4B,gBAAAC,EAAc,cAAAC,MAAkB,QAE5D,MAAMC,EAAY,OAELC,EAAYN,EAAOF,EAAO,CACrC,KAAMO,EACN,IAAK,MACP,CAAC,EAWK,CAACE,CAAiB,EAAIL,EAAmBG,CAAS,EAM3C,CAACG,EAAcC,CAAc,EACxCF,EAAoCF,CAAS,EAQzCK,EAAe,cAEfC,EAAmBX,EAAOF,EAAO,CACrC,KAAMY,CACR,CAAC,EAIYE,EAAcD,EAAiB,YAC1CP,EACE,CAACS,EAAsCC,IAAiB,CACtD,KAAM,CAAE,YAAAC,EAAa,SAAAC,EAAU,GAAGC,CAAa,EAAIJ,EAC7CK,EAAUT,EAAeC,EAAcK,CAAW,EAExD,MACE,CAACJ,EACC,IAAI,YACAM,EACJ,UACEA,EAAa,QACTd,EAAaa,EAAU,CAAE,SAAUC,EAAa,QAAS,CAAC,EAC1DD,EAEN,KAAKF,EACL,SAASf,EAAqBc,EAAM,QAAgBK,EAAQ,QAAQ,EACtE,EAEJ,CACF,CACF,EAMA,SAASC,EAAc,CACrB,SAAAC,EACA,GAAGP,CACL,EAA8C,CAC5C,MACE,CAACL,EAAa,OAAOK,EAAM,YAAa,UAAUO,GAChD,CAACd,KAAcO,EAAO,UAAY,GAAW,EAAE,eAAe,EAAW,EAC3E,EAFCL,EAIL,CAEO,MAAMa,EAAOpB,EAAqBK,EAAU,YAAYa,CAAa,EAAG,CAC7E,QAASP,CACX,CAAC",
6
- "names": ["Stack", "composeEventHandlers", "styled", "withStaticProperties", "createContextScope", "cloneElement", "forwardRef", "FORM_NAME", "FormFrame", "createFormContext", "FormProvider", "useFormContext", "TRIGGER_NAME", "FormTriggerFrame", "FormTrigger", "props", "forwardedRef", "__scopeForm", "children", "triggerProps", "context", "FormComponent", "onSubmit", "Form"]
5
+ "mappings": "AAAA;AAAA,EAEE;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,0BAA0B;AAC1C,SAA4B,cAAc,kBAAkB;AAE5D,MAAM,YAAY;AAEX,MAAM,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AACP,CAAC;AAWD,MAAM,CAAC,iBAAiB,IAAI,mBAAmB,SAAS;AAMjD,MAAM,CAAC,cAAc,cAAc,IACxC,kBAAoC,SAAS;AAQ/C,MAAM,eAAe;AAErB,MAAM,mBAAmB,OAAO,OAAO;AAAA,EACrC,MAAM;AACR,CAAC;AAIM,MAAM,cAAc,iBAAiB;AAAA,EAC1C;AAAA,IACE,CAAC,OAAsC,iBAAiB;AACtD,YAAM,EAAE,aAAa,UAAU,GAAG,aAAa,IAAI;AACnD,YAAM,UAAU,eAAe,cAAc,WAAW;AAExD,aACE,CAAC;AAAA,QACC,IAAI;AAAA,YACA;AAAA,QACJ,UACE,aAAa,UACT,aAAa,UAAU,EAAE,UAAU,aAAa,SAAS,CAAC,IAC1D;AAAA,QAEN,KAAK;AAAA,QACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,QAAQ;AAAA,MACtE;AAAA,IAEJ;AAAA,EACF;AACF;AAMA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAA8C;AAC5C,SACE,CAAC,aAAa,OAAO,MAAM,aAAa,UAAU,UAChD,CAAC,cAAc,OAAO,UAAW,CAAC,MAAW,EAAE,eAAe,GAAW,EAC3E,EAFC;AAIL;AAEO,MAAM,OAAO,qBAAqB,UAAU,YAAY,aAAa,GAAG;AAAA,EAC7E,SAAS;AACX,CAAC;",
6
+ "names": []
7
7
  }
package/dist/jsx/Form.mjs CHANGED
@@ -1,2 +1,51 @@
1
- import{Stack as s,composeEventHandlers as b,styled as p,withStaticProperties as T}from"@tamagui/core";import{createContextScope as y}from"@tamagui/create-context";import{cloneElement as C,forwardRef as h}from"react";const n="Form",F=p(s,{name:n,tag:"form"}),[_]=y(n),[E,v]=_(n),P="FormTrigger",S=p(s,{name:P}),k=S.extractable(h((o,r)=>{const{__scopeForm:e,children:m,...t}=o,f=v(P,e);return<S tag="button"{...t}children={t.asChild?C(m,{disabled:t.disabled}):m}ref={r}onPress={b(o.onPress,f.onSubmit)}/>}));function G({onSubmit:o,...r}){return<E scope={r.__scopeForm}onSubmit={o}><F{...r}onSubmit={e=>e.preventDefault()}/></E>}const H=T(F.extractable(G),{Trigger:k});export{H as Form,F as FormFrame,E as FormProvider,k as FormTrigger,v as useFormContext};
1
+ import {
2
+ Stack,
3
+ composeEventHandlers,
4
+ styled,
5
+ withStaticProperties
6
+ } from "@tamagui/core";
7
+ import { createContextScope } from "@tamagui/create-context";
8
+ import { cloneElement, forwardRef } from "react";
9
+ const FORM_NAME = "Form";
10
+ const FormFrame = styled(Stack, {
11
+ name: FORM_NAME,
12
+ tag: "form"
13
+ });
14
+ const [createFormContext] = createContextScope(FORM_NAME);
15
+ const [FormProvider, useFormContext] = createFormContext(FORM_NAME);
16
+ const TRIGGER_NAME = "FormTrigger";
17
+ const FormTriggerFrame = styled(Stack, {
18
+ name: TRIGGER_NAME
19
+ });
20
+ const FormTrigger = FormTriggerFrame.extractable(
21
+ forwardRef(
22
+ (props, forwardedRef) => {
23
+ const { __scopeForm, children, ...triggerProps } = props;
24
+ const context = useFormContext(TRIGGER_NAME, __scopeForm);
25
+ return <FormTriggerFrame
26
+ tag="button"
27
+ {...triggerProps}
28
+ children={triggerProps.asChild ? cloneElement(children, { disabled: triggerProps.disabled }) : children}
29
+ ref={forwardedRef}
30
+ onPress={composeEventHandlers(props.onPress, context.onSubmit)}
31
+ />;
32
+ }
33
+ )
34
+ );
35
+ function FormComponent({
36
+ onSubmit,
37
+ ...props
38
+ }) {
39
+ return <FormProvider scope={props.__scopeForm} onSubmit={onSubmit}><FormFrame {...props} onSubmit={(e) => e.preventDefault()} /></FormProvider>;
40
+ }
41
+ const Form = withStaticProperties(FormFrame.extractable(FormComponent), {
42
+ Trigger: FormTrigger
43
+ });
44
+ export {
45
+ Form,
46
+ FormFrame,
47
+ FormProvider,
48
+ FormTrigger,
49
+ useFormContext
50
+ };
2
51
  //# sourceMappingURL=Form.mjs.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/Form.tsx"],
4
4
  "sourcesContent": ["import {\n GetProps,\n Stack,\n StackProps,\n TamaguiElement,\n composeEventHandlers,\n styled,\n withStaticProperties,\n} from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport { PropsWithChildren, cloneElement, forwardRef } from 'react'\n\nconst FORM_NAME = 'Form'\n\nexport const FormFrame = styled(Stack, {\n name: FORM_NAME,\n tag: 'form',\n})\n\nexport type FormFrameProps = GetProps<typeof FormFrame> & {\n onSubmit: () => void\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Context\n * -----------------------------------------------------------------------------------------------*/\n\ntype ScopedProps<P> = P & { __scopeForm?: Scope }\nconst [createFormContext] = createContextScope(FORM_NAME)\n\ntype FormContextValue = {\n onSubmit: () => unknown\n}\n\nexport const [FormProvider, useFormContext] =\n createFormContext<FormContextValue>(FORM_NAME)\n\nexport type FormProps = FormFrameProps\n\n/* -------------------------------------------------------------------------------------------------\n * FormTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'FormTrigger'\n\nconst FormTriggerFrame = styled(Stack, {\n name: TRIGGER_NAME,\n})\n\nexport interface FormTriggerProps extends StackProps {}\n\nexport const FormTrigger = FormTriggerFrame.extractable(\n forwardRef<TamaguiElement, FormTriggerProps>(\n (props: ScopedProps<FormTriggerProps>, forwardedRef) => {\n const { __scopeForm, children, ...triggerProps } = props\n const context = useFormContext(TRIGGER_NAME, __scopeForm)\n\n return (\n <FormTriggerFrame\n tag=\"button\"\n {...triggerProps}\n children={\n triggerProps.asChild\n ? cloneElement(children, { disabled: triggerProps.disabled })\n : children\n }\n ref={forwardedRef}\n onPress={composeEventHandlers(props.onPress as any, context.onSubmit)}\n />\n )\n }\n )\n)\n\n/* -------------------------------------------------------------------------------------------------\n * Form\n * -----------------------------------------------------------------------------------------------*/\n\nfunction FormComponent({\n onSubmit,\n ...props\n}: PropsWithChildren<ScopedProps<FormProps>>) {\n return (\n <FormProvider scope={props.__scopeForm} onSubmit={onSubmit}>\n <FormFrame {...props} onSubmit={((e: any) => e.preventDefault()) as any} />\n </FormProvider>\n )\n}\n\nexport const Form = withStaticProperties(FormFrame.extractable(FormComponent), {\n Trigger: FormTrigger,\n})\n"],
5
- "mappings": "AAAA,OAEE,SAAAA,EAGA,wBAAAC,EACA,UAAAC,EACA,wBAAAC,MACK,gBACP,OAAgB,sBAAAC,MAA0B,0BAC1C,OAA4B,gBAAAC,EAAc,cAAAC,MAAkB,QAE5D,MAAMC,EAAY,OAELC,EAAYN,EAAOF,EAAO,CACrC,KAAMO,EACN,IAAK,MACP,CAAC,EAWK,CAACE,CAAiB,EAAIL,EAAmBG,CAAS,EAM3C,CAACG,EAAcC,CAAc,EACxCF,EAAoCF,CAAS,EAQzCK,EAAe,cAEfC,EAAmBX,EAAOF,EAAO,CACrC,KAAMY,CACR,CAAC,EAIYE,EAAcD,EAAiB,YAC1CP,EACE,CAACS,EAAsCC,IAAiB,CACtD,KAAM,CAAE,YAAAC,EAAa,SAAAC,EAAU,GAAGC,CAAa,EAAIJ,EAC7CK,EAAUT,EAAeC,EAAcK,CAAW,EAExD,MACE,CAACJ,EACC,IAAI,YACAM,EACJ,UACEA,EAAa,QACTd,EAAaa,EAAU,CAAE,SAAUC,EAAa,QAAS,CAAC,EAC1DD,EAEN,KAAKF,EACL,SAASf,EAAqBc,EAAM,QAAgBK,EAAQ,QAAQ,EACtE,EAEJ,CACF,CACF,EAMA,SAASC,EAAc,CACrB,SAAAC,EACA,GAAGP,CACL,EAA8C,CAC5C,MACE,CAACL,EAAa,OAAOK,EAAM,YAAa,UAAUO,GAChD,CAACd,KAAcO,EAAO,UAAY,GAAW,EAAE,eAAe,EAAW,EAC3E,EAFCL,EAIL,CAEO,MAAMa,EAAOpB,EAAqBK,EAAU,YAAYa,CAAa,EAAG,CAC7E,QAASP,CACX,CAAC",
6
- "names": ["Stack", "composeEventHandlers", "styled", "withStaticProperties", "createContextScope", "cloneElement", "forwardRef", "FORM_NAME", "FormFrame", "createFormContext", "FormProvider", "useFormContext", "TRIGGER_NAME", "FormTriggerFrame", "FormTrigger", "props", "forwardedRef", "__scopeForm", "children", "triggerProps", "context", "FormComponent", "onSubmit", "Form"]
5
+ "mappings": "AAAA;AAAA,EAEE;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,0BAA0B;AAC1C,SAA4B,cAAc,kBAAkB;AAE5D,MAAM,YAAY;AAEX,MAAM,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AACP,CAAC;AAWD,MAAM,CAAC,iBAAiB,IAAI,mBAAmB,SAAS;AAMjD,MAAM,CAAC,cAAc,cAAc,IACxC,kBAAoC,SAAS;AAQ/C,MAAM,eAAe;AAErB,MAAM,mBAAmB,OAAO,OAAO;AAAA,EACrC,MAAM;AACR,CAAC;AAIM,MAAM,cAAc,iBAAiB;AAAA,EAC1C;AAAA,IACE,CAAC,OAAsC,iBAAiB;AACtD,YAAM,EAAE,aAAa,UAAU,GAAG,aAAa,IAAI;AACnD,YAAM,UAAU,eAAe,cAAc,WAAW;AAExD,aACE,CAAC;AAAA,QACC,IAAI;AAAA,YACA;AAAA,QACJ,UACE,aAAa,UACT,aAAa,UAAU,EAAE,UAAU,aAAa,SAAS,CAAC,IAC1D;AAAA,QAEN,KAAK;AAAA,QACL,SAAS,qBAAqB,MAAM,SAAgB,QAAQ,QAAQ;AAAA,MACtE;AAAA,IAEJ;AAAA,EACF;AACF;AAMA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAA8C;AAC5C,SACE,CAAC,aAAa,OAAO,MAAM,aAAa,UAAU,UAChD,CAAC,cAAc,OAAO,UAAW,CAAC,MAAW,EAAE,eAAe,GAAW,EAC3E,EAFC;AAIL;AAEO,MAAM,OAAO,qBAAqB,UAAU,YAAY,aAAa,GAAG;AAAA,EAC7E,SAAS;AACX,CAAC;",
6
+ "names": []
7
7
  }
package/dist/jsx/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export*from"./Form";
1
+ export * from "./Form";
2
2
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
4
  "sourcesContent": ["export * from './Form'\n"],
5
- "mappings": "AAAA,WAAc",
5
+ "mappings": "AAAA,cAAc;",
6
6
  "names": []
7
7
  }
@@ -1,2 +1,2 @@
1
- export*from"./Form";
1
+ export * from "./Form";
2
2
  //# sourceMappingURL=index.mjs.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
4
  "sourcesContent": ["export * from './Form'\n"],
5
- "mappings": "AAAA,WAAc",
5
+ "mappings": "AAAA,cAAc;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/form",
3
- "version": "1.14.1",
3
+ "version": "1.14.2",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -31,19 +31,19 @@
31
31
  }
32
32
  },
33
33
  "dependencies": {
34
- "@tamagui/compose-refs": "1.14.1",
35
- "@tamagui/core": "1.14.1",
36
- "@tamagui/create-context": "1.14.1",
37
- "@tamagui/focusable": "1.14.1",
38
- "@tamagui/get-button-sized": "1.14.1",
39
- "@tamagui/get-font-sized": "1.14.1",
40
- "@tamagui/text": "1.14.1"
34
+ "@tamagui/compose-refs": "1.14.2",
35
+ "@tamagui/core": "1.14.2",
36
+ "@tamagui/create-context": "1.14.2",
37
+ "@tamagui/focusable": "1.14.2",
38
+ "@tamagui/get-button-sized": "1.14.2",
39
+ "@tamagui/get-font-sized": "1.14.2",
40
+ "@tamagui/text": "1.14.2"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": "*"
44
44
  },
45
45
  "devDependencies": {
46
- "@tamagui/build": "1.14.1",
46
+ "@tamagui/build": "1.14.2",
47
47
  "react": "^18.2.0"
48
48
  },
49
49
  "publishConfig": {