@multiplatform.one/components 4.1.9 → 4.1.11

package/dist/cjs/forms/FormField.js

@@ -0,0 +1,62 @@
+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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var FormField_exports = {};
+__export(FormField_exports, {
+  FormField: () => FormField
+});
+module.exports = __toCommonJS(FormField_exports);
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+function FormField(props) {
+  let {
+    children,
+    error,
+    field,
+    helperText,
+    id,
+    label,
+    labelProps,
+    required,
+    size,
+    ...stackProps
+  } = (0, import_tamagui.useProps)(props);
+  return error = field?.state.meta.errors.length ? field.state.meta.errors.join(", ") : error, helperText = error && typeof error == "string" ? error : helperText, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { theme: error ? "red" : void 0, ...stackProps, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_tamagui.Label,
+      {
+        htmlFor: id,
+        size: size || "$3",
+        color: error ? "$red10" : void 0,
+        ...labelProps,
+        children: [
+          label,
+          required && " *"
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
+      children,
+      helperText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tamagui.Paragraph,
+        {
+          paddingLeft: "$2",
+          size,
+          color: error ? "$red10" : void 0,
+          children: helperText
+        }
+      )
+    ] })
+  ] });
+}
+//# sourceMappingURL=FormField.js.map

package/dist/cjs/forms/FormField.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/forms/home/rajak312/projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/forms/FormField.tsx"],
+  "sources": ["../../../src/forms/workspace/development/packages/components/src/forms/FormField.tsx"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;uDAkCA,iBAAmD;AAwB5C,SAASA,UAWdC,OAMC;AAED,MAAI,EACFC,UACAC,OACAC,OACAC,YACAC,IACAC,OACAC,YACAC,UACAC,MACA,GAAGC,WAAAA,QACDC,yBAASX,KAAAA;AACbE,iBAAQC,SAAAA,QAAAA,MAAOS,MAAMC,KAAKC,OAAOC,SAC7BZ,MAAMS,MAAMC,KAAKC,OAAOE,KAAK,IAAA,IAC7Bd,OACJE,aAAaF,SAAS,OAAOA,SAAU,WAAWA,QAAQE,YAExD,uCAAAa,MAACC,uBAAAA;IAAOC,OAAOjB,QAAQ,QAAQkB;IAAY,GAAGV;;MAC3CJ,SACC,uCAAAW,MAACI,sBAAAA;QACCC,SAASjB;QACTI,MAAMA,QAAQ;QACdc,OAAOrB,QAAQ,WAAWkB;QACzB,GAAGb;;UAEHD;UACAE,YAAY;;;MAGjB,uCAAAS,MAACC,uBAAAA;;UACEjB;UACAG,cACC,uCAAAoB,KAACC,0BAAAA;YACCC,aAAY;YACZjB;YACAc,OAAOrB,QAAQ,WAAWkB;sBAEzBhB;;;;;;AAMb;",
   "names": ["FormField", "props", "children", "error", "field", "helperText", "id", "label", "labelProps", "required", "size", "stackProps", "useProps", "state", "meta", "errors", "length", "join", "_jsxs", "YStack", "theme", "undefined", "Label", "htmlFor", "color", "_jsx", "Paragraph", "paddingLeft"]
 }

package/dist/cjs/forms/Input/FieldInput.cjs

@@ -26,6 +26,7 @@ module.exports = __toCommonJS(FieldInput_exports);
 var import_react_form = require("@tanstack/react-form"),
   import_react = require("react"),
   import_tamagui = require("tamagui"),
+  import_Form = require("../Form.cjs"),
   import_FormField = require("../FormField.cjs"),
   import_Input = require("./Input.cjs"),
   import_jsx_runtime = require("react/jsx-runtime");
@@ -45,10 +46,12 @@ function FieldInput(props) {
     preserveValue,
     validatorAdapter,
     validators,
+    disabled,
     value,
     ...fieldProps
   } = (0, import_tamagui.useProps)(props);
-  form = form || (0, import_react_form.useForm)();
+  const formContext = (0, import_Form.useFormContext)();
+  form = form || formContext || (0, import_react_form.useForm)();
   const id = fieldProps.id || (0, import_react.useId)();
   return !form || !name ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FormField.FormField, {
     ...fieldProps,
@@ -56,9 +59,13 @@ function FieldInput(props) {
     onBlur,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Input.Input, {
       ...inputProps,
+      disabled,
       id,
       value: value ?? defaultValue,
-      onChange
+      onChange,
+      onChangeText: text => {
+        if (!disabled) return onChangeText?.(text);
+      }
     })
   }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_form.Field, {
     asyncAlways,
@@ -83,7 +90,10 @@ function FieldInput(props) {
           id,
           onChange,
           value: value ?? field.state.value,
-          onChangeText: text => (field.handleChange(text), onChangeText?.(text))
+          disabled,
+          onChangeText: text => {
+            if (!disabled) return field.handleChange(text), onChangeText?.(text);
+          }
         })
       });
     }

package/dist/cjs/forms/Input/FieldInput.js

@@ -0,0 +1,99 @@
+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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var FieldInput_exports = {};
+__export(FieldInput_exports, {
+  FieldInput: () => FieldInput
+});
+module.exports = __toCommonJS(FieldInput_exports);
+var import_react_form = require("@tanstack/react-form"), import_react = require("react"), import_tamagui = require("tamagui"), import_Form = require("../Form"), import_FormField = require("../FormField"), import_Input = require("./Input"), import_jsx_runtime = require("react/jsx-runtime");
+function FieldInput(props) {
+  let {
+    asyncAlways,
+    asyncDebounceMs,
+    defaultMeta,
+    defaultValue,
+    form,
+    inputProps,
+    mode,
+    name,
+    onBlur,
+    onChange,
+    onChangeText,
+    preserveValue,
+    validatorAdapter,
+    validators,
+    disabled,
+    value,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  const formContext = (0, import_Form.useFormContext)();
+  form = form || formContext || (0, import_react_form.useForm)();
+  const id = fieldProps.id || (0, import_react.useId)();
+  return !form || !name ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FormField.FormField, { ...fieldProps, id, onBlur, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Input.Input,
+    {
+      ...inputProps,
+      disabled,
+      id,
+      value: value ?? defaultValue,
+      onChange,
+      onChangeText: (text) => {
+        if (!disabled)
+          return onChangeText?.(text);
+      }
+    }
+  ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_form.Field,
+    {
+      asyncAlways,
+      asyncDebounceMs,
+      defaultMeta,
+      defaultValue,
+      form,
+      mode,
+      name,
+      preserveValue,
+      validatorAdapter,
+      validators,
+      children: (field) => {
+        const error = field.state.meta.errors.length ? field.state.meta.errors.join(", ") : fieldProps.error;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_FormField.FormField,
+          {
+            error,
+            ...fieldProps,
+            id,
+            onBlur: (e) => (field.handleBlur(), onBlur?.(e)),
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_Input.Input,
+              {
+                ...inputProps,
+                id,
+                onChange,
+                value: value ?? field.state.value,
+                disabled,
+                onChangeText: (text) => {
+                  if (!disabled)
+                    return field.handleChange(text), onChangeText?.(text);
+                }
+              }
+            )
+          }
+        );
+      }
+    }
+  );
+}
+//# sourceMappingURL=FieldInput.js.map

package/dist/cjs/forms/Input/FieldInput.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Input/FieldInput.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA,wBAA+B,iCAE/B,eAAsB,kBACtB,iBAAyB,oBACzB,cAA+B,oBAE/B,mBAA0B,yBAG1B,eAAsB,oBA6Ed;AA7CD,SAAS,WAWd,OAOA;AACA,MAAI;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,QAAI,yBAAS,KAAK;AAClB,QAAM,kBAAc,4BAAe;AACnC,SACE,QAAS,mBAAwD,2BAAQ;AAC3E,QAAM,KAAK,WAAW,UAAM,oBAAM;AAClC,SAAI,CAAC,QAAQ,CAAC,OAEV,4CAAC,8BAAW,GAAG,YAAY,IAAQ,QACjC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,OAAO,SAAU;AAAA,MACjB;AAAA,MACA,cAAc,CAAC,SAAS;AACtB,YAAI;AACJ,iBAAO,eAAe,IAAI;AAAA,MAC5B;AAAA;AAAA,EACF,GACF,IAIF;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,WAAC,UAAU;AACV,cAAM,QAAQ,MAAM,MAAM,KAAK,OAAO,SAClC,MAAM,MAAM,KAAK,OAAO,KAAK,IAAI,IACjC,WAAW;AACf,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACC,GAAG;AAAA,YACJ;AAAA,YACA,QAAQ,CAAC,OACP,MAAM,WAAW,GACV,SAAS,CAAC;AAAA,YAGnB;AAAA,cAAC;AAAA;AAAA,gBACE,GAAG;AAAA,gBACJ;AAAA,gBACA;AAAA,gBACA,OAAO,SAAU,MAAM,MAAM;AAAA,gBAC7B;AAAA,gBACA,cAAc,CAAC,SAAS;AACtB,sBAAI;AACJ,iCAAM,aAAa,IAAa,GACzB,eAAe,IAAI;AAAA,gBAC5B;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/forms/Input/FieldInput.native.js

@@ -18,10 +18,10 @@ __export(FieldInput_exports, {
   FieldInput: () => FieldInput
 });
 module.exports = __toCommonJS(FieldInput_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_react_form = require("@tanstack/react-form"), import_react = require("react"), import_tamagui = require("tamagui"), import_FormField = require("../FormField"), import_Input = require("./Input");
+var import_jsx_runtime = require("react/jsx-runtime"), import_react_form = require("@tanstack/react-form"), import_react = require("react"), import_tamagui = require("tamagui"), import_Form = require("../Form"), import_FormField = require("../FormField"), import_Input = require("./Input");
 function FieldInput(props) {
-  var { asyncAlways, asyncDebounceMs, defaultMeta, defaultValue, form, inputProps, mode, name, onBlur, onChange, onChangeText, preserveValue, validatorAdapter, validators, value, ...fieldProps } = (0, import_tamagui.useProps)(props);
-  form = form || (0, import_react_form.useForm)();
+  var { asyncAlways, asyncDebounceMs, defaultMeta, defaultValue, form, inputProps, mode, name, onBlur, onChange, onChangeText, preserveValue, validatorAdapter, validators, disabled, value, ...fieldProps } = (0, import_tamagui.useProps)(props), formContext = (0, import_Form.useFormContext)();
+  form = form || formContext || (0, import_react_form.useForm)();
   var id = fieldProps.id || (0, import_react.useId)();
   return !form || !name ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FormField.FormField, {
     ...fieldProps,
@@ -29,9 +29,14 @@ function FieldInput(props) {
     onBlur,
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Input.Input, {
       ...inputProps,
+      disabled,
       id,
       value: value ?? defaultValue,
-      onChange
+      onChange,
+      onChangeText: function(text) {
+        if (!disabled)
+          return onChangeText == null ? void 0 : onChangeText(text);
+      }
     })
   }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_form.Field, {
     asyncAlways,
@@ -58,8 +63,10 @@ function FieldInput(props) {
           id,
           onChange,
           value: value ?? field.state.value,
+          disabled,
           onChangeText: function(text) {
-            return field.handleChange(text), onChangeText == null ? void 0 : onChangeText(text);
+            if (!disabled)
+              return field.handleChange(text), onChangeText == null ? void 0 : onChangeText(text);
           }
         })
       });

package/dist/cjs/forms/Input/FieldInput.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/forms/Input/home/rajak312/projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/forms/Input/FieldInput.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAsBA,oBAA+B,iCAC/B,eAAsB,kBACtB,iBAAyB,oBAEzB,mBAA0B,yBAG1B,eAAsB;AAgCf,SAASA,WAWdC,OAMC;AAED,MAAI,EACFC,aACAC,iBACAC,aACAC,cACAC,MACAC,YACAC,MACAC,MACAC,QACAC,UACAC,cACAC,eACAC,kBACAC,YACAC,OACA,GAAGC,WAAAA,QACDC,yBAASjB,KAAAA;AACbK,SAAOA,YAAQa,2BAAAA;AACf,MAAMC,KAAKH,WAAWG,UAAMC,oBAAAA;AAC5B,SAAI,CAACf,QAAQ,CAACG,OAEV,uCAAAa,KAACC,4BAAAA;IAAW,GAAGN;IAAYG;IAAQV;cACjC,uCAAAY,KAACE,oBAAAA;MACE,GAAGjB;MACJa;MACAJ,OAAOA,SAAUX;MACjBM;;OAMN,uCAAAW,KAACG,yBAAAA;IACCvB;IACAC;IACAC;IACAC;IACAC;IACAE;IACAC;IACAI;IACAC;IACAC;cAEC,SAACW,OAAAA;AACA,UAAMC,QAAQD,MAAME,MAAMC,KAAKC,OAAOC,SAClCL,MAAME,MAAMC,KAAKC,OAAOE,KAAK,IAAA,IAC7Bf,WAAWU;AACf,aACE,uCAAAL,KAACC,4BAAAA;QACCI;QACC,GAAGV;QACJG;QACAV,QAAQ,SAACuB,GAAAA;AACPP,uBAAMQ,WAAU,GACTxB,UAAAA,OAAAA,SAAAA,OAASuB,CAAAA;QAClB;kBAEA,uCAAAX,KAACE,oBAAAA;UACE,GAAGjB;UACJa;UACAT;UACAK,OAAOA,SAAUU,MAAME,MAAMZ;UAC7BJ,cAAc,SAACuB,MAAAA;AACbT,yBAAMU,aAAaD,IAAAA,GACZvB,gBAAAA,OAAAA,SAAAA,aAAeuB,IAAAA;UACxB;;;IAIR;;AAGN;",
-  "names": ["FieldInput", "props", "asyncAlways", "asyncDebounceMs", "defaultMeta", "defaultValue", "form", "inputProps", "mode", "name", "onBlur", "onChange", "onChangeText", "preserveValue", "validatorAdapter", "validators", "value", "fieldProps", "useProps", "useForm", "id", "useId", "_jsx", "FormField", "Input", "Field", "field", "error", "state", "meta", "errors", "length", "join", "e", "handleBlur", "text", "handleChange"]
+  "sources": ["../../../../src/forms/Input/workspace/development/packages/components/src/forms/Input/FieldInput.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAsBA,oBAA+B,iCAE/B,eAAsB,kBACtB,iBAAyB,oBACzB,cAA+B,oBAE/B,mBAA0B,yBAG1B,eAAsB;AAgCf,SAASA,WAWdC,OAMC;AAED,MAAI,EACFC,aACAC,iBACAC,aACAC,cACAC,MACAC,YACAC,MACAC,MACAC,QACAC,UACAC,cACAC,eACAC,kBACAC,YACAC,UACAC,OACA,GAAGC,WAAAA,QACDC,yBAASlB,KAAAA,GACPmB,kBAAcC,4BAAAA;AACpBf,SACEA,QAASc,mBAAwDE,2BAAAA;AACnE,MAAMC,KAAKL,WAAWK,UAAMC,oBAAAA;AAC5B,SAAI,CAAClB,QAAQ,CAACG,OAEV,uCAAAgB,KAACC,4BAAAA;IAAW,GAAGR;IAAYK;IAAQb;cACjC,uCAAAe,KAACE,oBAAAA;MACE,GAAGpB;MACJS;MACAO;MACAN,OAAOA,SAAUZ;MACjBM;MACAC,cAAc,SAACgB,MAAAA;AACb,YAAIZ;AACJ,iBAAOJ,gBAAAA,OAAAA,SAAAA,aAAegB,IAAAA;MACxB;;OAMN,uCAAAH,KAACI,yBAAAA;IACC3B;IACAC;IACAC;IACAC;IACAC;IACAE;IACAC;IACAI;IACAC;IACAC;cAEC,SAACe,OAAAA;AACA,UAAMC,QAAQD,MAAME,MAAMC,KAAKC,OAAOC,SAClCL,MAAME,MAAMC,KAAKC,OAAOE,KAAK,IAAA,IAC7BlB,WAAWa;AACf,aACE,uCAAAN,KAACC,4BAAAA;QACCK;QACC,GAAGb;QACJK;QACAb,QAAQ,SAAC2B,GAAAA;AACPP,uBAAMQ,WAAU,GACT5B,UAAAA,OAAAA,SAAAA,OAAS2B,CAAAA;QAClB;kBAEA,uCAAAZ,KAACE,oBAAAA;UACE,GAAGpB;UACJgB;UACAZ;UACAM,OAAOA,SAAUa,MAAME,MAAMf;UAC7BD;UACAJ,cAAc,SAACgB,MAAAA;AACb,gBAAIZ;AACJc,2BAAMS,aAAaX,IAAAA,GACZhB,gBAAAA,OAAAA,SAAAA,aAAegB,IAAAA;UACxB;;;IAIR;;AAGN;",
+  "names": ["FieldInput", "props", "asyncAlways", "asyncDebounceMs", "defaultMeta", "defaultValue", "form", "inputProps", "mode", "name", "onBlur", "onChange", "onChangeText", "preserveValue", "validatorAdapter", "validators", "disabled", "value", "fieldProps", "useProps", "formContext", "useFormContext", "useForm", "id", "useId", "_jsx", "FormField", "Input", "text", "Field", "field", "error", "state", "meta", "errors", "length", "join", "e", "handleBlur", "handleChange"]
 }

package/dist/cjs/forms/Input/FieldInput.spec.cjs

@@ -0,0 +1,194 @@
+var import_config = require("@tamagui/config"),
+  import_react_form = require("@tanstack/react-form"),
+  import_react = require("@testing-library/react"),
+  import_tamagui = require("tamagui"),
+  import_vitest = require("vitest"),
+  import_SubmitButton = require("../Button/SubmitButton.cjs"),
+  import_Form = require("../Form.cjs"),
+  import_FieldInput = require("./FieldInput.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const tamaguiConfig = (0, import_tamagui.createTamagui)(import_config.config);
+(0, import_vitest.describe)("FieldInput", () => {
+  const renderWithProviders = ui => (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TamaguiProvider, {
+    config: tamaguiConfig,
+    defaultTheme: "light",
+    children: ui
+  }));
+  (0, import_vitest.it)("should render successfully", () => {
+    const {
+      getByRole
+    } = renderWithProviders(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FieldInput.FieldInput, {
+      name: "name",
+      defaultValue: ""
+    }));
+    (0, import_vitest.expect)(getByRole("textbox")).toBeDefined();
+  }), (0, import_vitest.it)("should render with label and helper text", () => {
+    const {
+      getByText,
+      getByRole
+    } = renderWithProviders(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FieldInput.FieldInput, {
+      label: "Name",
+      helperText: "Enter your name",
+      name: "name",
+      defaultValue: ""
+    }));
+    (0, import_vitest.expect)(getByText("Name")).toBeDefined(), (0, import_vitest.expect)(getByText("Enter your name")).toBeDefined(), (0, import_vitest.expect)(getByRole("textbox")).toBeDefined();
+  }), (0, import_vitest.it)("should handle input changes", () => {
+    const onChangeText = import_vitest.vi.fn(),
+      {
+        getByRole
+      } = renderWithProviders(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FieldInput.FieldInput, {
+        name: "name",
+        onChangeText,
+        defaultValue: ""
+      })),
+      input = getByRole("textbox");
+    import_react.fireEvent.change(input, {
+      target: {
+        value: "John"
+      }
+    }), (0, import_vitest.expect)(onChangeText).toHaveBeenCalledWith("John");
+  }), (0, import_vitest.it)("should handle disabled state", () => {
+    const onChangeText = import_vitest.vi.fn(),
+      {
+        getByRole
+      } = renderWithProviders(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FieldInput.FieldInput, {
+        name: "name",
+        onChangeText,
+        defaultValue: "",
+        disabled: !0
+      })),
+      input = getByRole("textbox");
+    (0, import_vitest.expect)(input).toBeDisabled(), import_react.fireEvent.change(input, {
+      target: {
+        value: "John"
+      }
+    }), (0, import_vitest.expect)(onChangeText).not.toHaveBeenCalled();
+  }), (0, import_vitest.describe)("with Form component", () => {
+    (0, import_vitest.it)("should handle form submission", async () => {
+      const onSubmit = import_vitest.vi.fn(),
+        {
+          getByRole,
+          getByText
+        } = renderWithProviders(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
+          defaultValues: {
+            name: ""
+          },
+          onSubmit: async ({
+            value
+          }) => {
+            onSubmit(value);
+          },
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FieldInput.FieldInput, {
+            name: "name"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SubmitButton.SubmitButton, {
+            children: "Submit"
+          })]
+        })),
+        input = getByRole("textbox"),
+        submitButton = getByText("Submit");
+      await (0, import_react.act)(async () => {
+        import_react.fireEvent.change(input, {
+          target: {
+            value: "John"
+          }
+        }), import_react.fireEvent.click(submitButton);
+      }), (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+        name: "John"
+      });
+    }), (0, import_vitest.it)("should handle disabled state", async () => {
+      const onSubmit = import_vitest.vi.fn(),
+        {
+          getByRole
+        } = renderWithProviders(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
+          defaultValues: {
+            name: ""
+          },
+          onSubmit,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FieldInput.FieldInput, {
+            name: "name",
+            disabled: !0
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SubmitButton.SubmitButton, {
+            children: "Submit"
+          })]
+        })),
+        input = getByRole("textbox");
+      (0, import_vitest.expect)(input).toBeDisabled(), import_react.fireEvent.change(input, {
+        target: {
+          value: "John"
+        }
+      }), (0, import_vitest.expect)(onSubmit).not.toHaveBeenCalled();
+    });
+  }), (0, import_vitest.describe)("with useForm hook", () => {
+    (0, import_vitest.it)("should handle form submission", async () => {
+      const onSubmit = import_vitest.vi.fn(),
+        TestComponent = () => {
+          const form = (0, import_react_form.useForm)({
+            defaultValues: {
+              name: ""
+            },
+            onSubmit: async ({
+              value
+            }) => {
+              onSubmit(value);
+            }
+          });
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
+            form,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FieldInput.FieldInput, {
+              name: "name"
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SubmitButton.SubmitButton, {
+              children: "Submit"
+            })]
+          });
+        },
+        {
+          getByRole,
+          getByText
+        } = renderWithProviders(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {})),
+        input = getByRole("textbox"),
+        submitButton = getByText("Submit");
+      await (0, import_react.act)(async () => {
+        import_react.fireEvent.change(input, {
+          target: {
+            value: "John"
+          }
+        }), import_react.fireEvent.click(submitButton);
+      }), (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+        name: "John"
+      });
+    }), (0, import_vitest.it)("should handle disabled state", async () => {
+      const onSubmit = import_vitest.vi.fn(),
+        TestComponent = () => {
+          const form = (0, import_react_form.useForm)({
+            defaultValues: {
+              name: ""
+            },
+            onSubmit: async ({
+              value
+            }) => {
+              onSubmit(value);
+            }
+          });
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
+            form,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FieldInput.FieldInput, {
+              name: "name",
+              disabled: !0
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SubmitButton.SubmitButton, {
+              children: "Submit"
+            })]
+          });
+        },
+        {
+          getByRole
+        } = renderWithProviders(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {})),
+        input = getByRole("textbox");
+      (0, import_vitest.expect)(input).toBeDisabled(), import_react.fireEvent.change(input, {
+        target: {
+          value: "John"
+        }
+      }), (0, import_vitest.expect)(onSubmit).not.toHaveBeenCalled();
+    });
+  });
+});

package/dist/cjs/forms/Input/FieldInput.spec.js

@@ -0,0 +1,110 @@
+var import_config = require("@tamagui/config"), import_react_form = require("@tanstack/react-form"), import_react = require("@testing-library/react"), import_tamagui = require("tamagui"), import_vitest = require("vitest"), import_SubmitButton = require("../Button/SubmitButton"), import_Form = require("../Form"), import_FieldInput = require("./FieldInput"), import_jsx_runtime = require("react/jsx-runtime");
+const tamaguiConfig = (0, import_tamagui.createTamagui)(import_config.config);
+(0, import_vitest.describe)("FieldInput", () => {
+  const renderWithProviders = (ui) => (0, import_react.render)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TamaguiProvider, { config: tamaguiConfig, defaultTheme: "light", children: ui })
+  );
+  (0, import_vitest.it)("should render successfully", () => {
+    const { getByRole } = renderWithProviders(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldInput.FieldInput, { name: "name", defaultValue: "" })
+    );
+    (0, import_vitest.expect)(getByRole("textbox")).toBeDefined();
+  }), (0, import_vitest.it)("should render with label and helper text", () => {
+    const { getByText, getByRole } = renderWithProviders(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_FieldInput.FieldInput,
+        {
+          label: "Name",
+          helperText: "Enter your name",
+          name: "name",
+          defaultValue: ""
+        }
+      )
+    );
+    (0, import_vitest.expect)(getByText("Name")).toBeDefined(), (0, import_vitest.expect)(getByText("Enter your name")).toBeDefined(), (0, import_vitest.expect)(getByRole("textbox")).toBeDefined();
+  }), (0, import_vitest.it)("should handle input changes", () => {
+    const onChangeText = import_vitest.vi.fn(), { getByRole } = renderWithProviders(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldInput.FieldInput, { name: "name", onChangeText, defaultValue: "" })
+    ), input = getByRole("textbox");
+    import_react.fireEvent.change(input, { target: { value: "John" } }), (0, import_vitest.expect)(onChangeText).toHaveBeenCalledWith("John");
+  }), (0, import_vitest.it)("should handle disabled state", () => {
+    const onChangeText = import_vitest.vi.fn(), { getByRole } = renderWithProviders(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_FieldInput.FieldInput,
+        {
+          name: "name",
+          onChangeText,
+          defaultValue: "",
+          disabled: !0
+        }
+      )
+    ), input = getByRole("textbox");
+    (0, import_vitest.expect)(input).toBeDisabled(), import_react.fireEvent.change(input, { target: { value: "John" } }), (0, import_vitest.expect)(onChangeText).not.toHaveBeenCalled();
+  }), (0, import_vitest.describe)("with Form component", () => {
+    (0, import_vitest.it)("should handle form submission", async () => {
+      const onSubmit = import_vitest.vi.fn(), { getByRole, getByText } = renderWithProviders(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_Form.Form,
+          {
+            defaultValues: { name: "" },
+            onSubmit: async ({ value }) => {
+              onSubmit(value);
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldInput.FieldInput, { name: "name" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SubmitButton.SubmitButton, { children: "Submit" })
+            ]
+          }
+        )
+      ), input = getByRole("textbox"), submitButton = getByText("Submit");
+      await (0, import_react.act)(async () => {
+        import_react.fireEvent.change(input, { target: { value: "John" } }), import_react.fireEvent.click(submitButton);
+      }), (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({ name: "John" });
+    }), (0, import_vitest.it)("should handle disabled state", async () => {
+      const onSubmit = import_vitest.vi.fn(), { getByRole } = renderWithProviders(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Form.Form, { defaultValues: { name: "" }, onSubmit, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldInput.FieldInput, { name: "name", disabled: !0 }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SubmitButton.SubmitButton, { children: "Submit" })
+        ] })
+      ), input = getByRole("textbox");
+      (0, import_vitest.expect)(input).toBeDisabled(), import_react.fireEvent.change(input, { target: { value: "John" } }), (0, import_vitest.expect)(onSubmit).not.toHaveBeenCalled();
+    });
+  }), (0, import_vitest.describe)("with useForm hook", () => {
+    (0, import_vitest.it)("should handle form submission", async () => {
+      const onSubmit = import_vitest.vi.fn(), TestComponent = () => {
+        const form = (0, import_react_form.useForm)({
+          defaultValues: {
+            name: ""
+          },
+          onSubmit: async ({ value }) => {
+            onSubmit(value);
+          }
+        });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Form.Form, { form, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldInput.FieldInput, { name: "name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SubmitButton.SubmitButton, { children: "Submit" })
+        ] });
+      }, { getByRole, getByText } = renderWithProviders(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TestComponent, {})), input = getByRole("textbox"), submitButton = getByText("Submit");
+      await (0, import_react.act)(async () => {
+        import_react.fireEvent.change(input, { target: { value: "John" } }), import_react.fireEvent.click(submitButton);
+      }), (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({ name: "John" });
+    }), (0, import_vitest.it)("should handle disabled state", async () => {
+      const onSubmit = import_vitest.vi.fn(), TestComponent = () => {
+        const form = (0, import_react_form.useForm)({
+          defaultValues: {
+            name: ""
+          },
+          onSubmit: async ({ value }) => {
+            onSubmit(value);
+          }
+        });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Form.Form, { form, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldInput.FieldInput, { name: "name", disabled: !0 }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SubmitButton.SubmitButton, { children: "Submit" })
+        ] });
+      }, { getByRole } = renderWithProviders(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TestComponent, {})), input = getByRole("textbox");
+      (0, import_vitest.expect)(input).toBeDisabled(), import_react.fireEvent.change(input, { target: { value: "John" } }), (0, import_vitest.expect)(onSubmit).not.toHaveBeenCalled();
+    });
+  });
+});
+//# sourceMappingURL=FieldInput.spec.js.map

package/dist/cjs/forms/Input/FieldInput.spec.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Input/FieldInput.spec.tsx"],
+  "mappings": "AAqBA,oBAAuB,4BACvB,oBAAwB,iCACxB,eAAuC,mCACvC,iBAA+C,oBAC/C,gBAAyC,mBACzC,sBAA6B,mCAC7B,cAAqB,oBACrB,oBAA2B,yBAOrB;AALN,MAAM,oBAAgB,8BAAc,oBAAM;AAAA,IAE1C,wBAAS,cAAc,MAAM;AAC3B,QAAM,sBAAsB,CAAC,WACpB;AAAA,IACL,4CAAC,kCAAgB,QAAQ,eAAe,cAAa,SAClD,cACH;AAAA,EACF;AAGF,wBAAG,8BAA8B,MAAM;AACrC,UAAM,EAAE,UAAU,IAAI;AAAA,MACpB,4CAAC,gCAAW,MAAK,QAAO,cAAa,IAAG;AAAA,IAC1C;AACA,8BAAO,UAAU,SAAS,CAAC,EAAE,YAAY;AAAA,EAC3C,CAAC,OAED,kBAAG,4CAA4C,MAAM;AACnD,UAAM,EAAE,WAAW,UAAU,IAAI;AAAA,MAC/B;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,YAAW;AAAA,UACX,MAAK;AAAA,UACL,cAAa;AAAA;AAAA,MACf;AAAA,IACF;AACA,8BAAO,UAAU,MAAM,CAAC,EAAE,YAAY,OACtC,sBAAO,UAAU,iBAAiB,CAAC,EAAE,YAAY,OACjD,sBAAO,UAAU,SAAS,CAAC,EAAE,YAAY;AAAA,EAC3C,CAAC,OAED,kBAAG,+BAA+B,MAAM;AACtC,UAAM,eAAe,iBAAG,GAAG,GACrB,EAAE,UAAU,IAAI;AAAA,MACpB,4CAAC,gCAAW,MAAK,QAAO,cAA4B,cAAa,IAAG;AAAA,IACtE,GACM,QAAQ,UAAU,SAAS;AACjC,2BAAU,OAAO,OAAO,EAAE,QAAQ,EAAE,OAAO,OAAO,EAAE,CAAC,OACrD,sBAAO,YAAY,EAAE,qBAAqB,MAAM;AAAA,EAClD,CAAC,OAED,kBAAG,gCAAgC,MAAM;AACvC,UAAM,eAAe,iBAAG,GAAG,GACrB,EAAE,UAAU,IAAI;AAAA,MACpB;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL;AAAA,UACA,cAAa;AAAA,UACb,UAAQ;AAAA;AAAA,MACV;AAAA,IACF,GACM,QAAQ,UAAU,SAAS;AACjC,8BAAO,KAAK,EAAE,aAAa,GAC3B,uBAAU,OAAO,OAAO,EAAE,QAAQ,EAAE,OAAO,OAAO,EAAE,CAAC,OACrD,sBAAO,YAAY,EAAE,IAAI,iBAAiB;AAAA,EAC5C,CAAC,OAED,wBAAS,uBAAuB,MAAM;AACpC,0BAAG,iCAAiC,YAAY;AAC9C,YAAM,WAAW,iBAAG,GAAG,GACjB,EAAE,WAAW,UAAU,IAAI;AAAA,QAC/B;AAAA,UAAC;AAAA;AAAA,YACC,eAAe,EAAE,MAAM,GAAG;AAAA,YAC1B,UAAU,OAAO,EAAE,MAAM,MAAM;AAC7B,uBAAS,KAAK;AAAA,YAChB;AAAA,YAEA;AAAA,0DAAC,gCAAW,MAAK,QAAO;AAAA,cACxB,4CAAC,oCAAa,oBAAM;AAAA;AAAA;AAAA,QACtB;AAAA,MACF,GACM,QAAQ,UAAU,SAAS,GAC3B,eAAe,UAAU,QAAQ;AACvC,gBAAM,kBAAI,YAAY;AACpB,+BAAU,OAAO,OAAO,EAAE,QAAQ,EAAE,OAAO,OAAO,EAAE,CAAC,GACrD,uBAAU,MAAM,YAAY;AAAA,MAC9B,CAAC,OACD,sBAAO,QAAQ,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAAA,IACxD,CAAC,OAED,kBAAG,gCAAgC,YAAY;AAC7C,YAAM,WAAW,iBAAG,GAAG,GACjB,EAAE,UAAU,IAAI;AAAA,QACpB,6CAAC,oBAAK,eAAe,EAAE,MAAM,GAAG,GAAG,UACjC;AAAA,sDAAC,gCAAW,MAAK,QAAO,UAAQ,IAAC;AAAA,UACjC,4CAAC,oCAAa,oBAAM;AAAA,WACtB;AAAA,MACF,GACM,QAAQ,UAAU,SAAS;AACjC,gCAAO,KAAK,EAAE,aAAa,GAC3B,uBAAU,OAAO,OAAO,EAAE,QAAQ,EAAE,OAAO,OAAO,EAAE,CAAC,OACrD,sBAAO,QAAQ,EAAE,IAAI,iBAAiB;AAAA,IACxC,CAAC;AAAA,EACH,CAAC,OAED,wBAAS,qBAAqB,MAAM;AAClC,0BAAG,iCAAiC,YAAY;AAC9C,YAAM,WAAW,iBAAG,GAAG,GACjB,gBAAgB,MAAM;AAC1B,cAAM,WAAO,2BAAQ;AAAA,UACnB,eAAe;AAAA,YACb,MAAM;AAAA,UACR;AAAA,UACA,UAAU,OAAO,EAAE,MAAM,MAAM;AAC7B,qBAAS,KAAK;AAAA,UAChB;AAAA,QACF,CAAC;AACD,eACE,6CAAC,oBAAK,MACJ;AAAA,sDAAC,gCAAW,MAAK,QAAO;AAAA,UACxB,4CAAC,oCAAa,oBAAM;AAAA,WACtB;AAAA,MAEJ,GACM,EAAE,WAAW,UAAU,IAAI,oBAAoB,4CAAC,iBAAc,CAAE,GAChE,QAAQ,UAAU,SAAS,GAC3B,eAAe,UAAU,QAAQ;AACvC,gBAAM,kBAAI,YAAY;AACpB,+BAAU,OAAO,OAAO,EAAE,QAAQ,EAAE,OAAO,OAAO,EAAE,CAAC,GACrD,uBAAU,MAAM,YAAY;AAAA,MAC9B,CAAC,OACD,sBAAO,QAAQ,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAAA,IACxD,CAAC,OAED,kBAAG,gCAAgC,YAAY;AAC7C,YAAM,WAAW,iBAAG,GAAG,GACjB,gBAAgB,MAAM;AAC1B,cAAM,WAAO,2BAAQ;AAAA,UACnB,eAAe;AAAA,YACb,MAAM;AAAA,UACR;AAAA,UACA,UAAU,OAAO,EAAE,MAAM,MAAM;AAC7B,qBAAS,KAAK;AAAA,UAChB;AAAA,QACF,CAAC;AACD,eACE,6CAAC,oBAAK,MACJ;AAAA,sDAAC,gCAAW,MAAK,QAAO,UAAQ,IAAC;AAAA,UACjC,4CAAC,oCAAa,oBAAM;AAAA,WACtB;AAAA,MAEJ,GACM,EAAE,UAAU,IAAI,oBAAoB,4CAAC,iBAAc,CAAE,GACrD,QAAQ,UAAU,SAAS;AACjC,gCAAO,KAAK,EAAE,aAAa,GAC3B,uBAAU,OAAO,OAAO,EAAE,QAAQ,EAAE,OAAO,OAAO,EAAE,CAAC,OACrD,sBAAO,QAAQ,EAAE,IAAI,iBAAiB;AAAA,IACxC,CAAC;AAAA,EACH,CAAC;AACH,CAAC;",
+  "names": []
+}