@multiplatform.one/forms 6.0.4 → 6.3.0

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

@@ -1,430 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { action } from "@multiplatform.one/storybook";
-import { EnvelopeIcon, KeyIcon, MagnifyingGlassIcon, EyeIcon, EyeSlashIcon } from "@phosphor-icons/react";
-import { useForm } from "@tanstack/react-form";
-import { useState } from "react";
-import { Paragraph, ScrollView, Separator, View, XStack, YStack } from "tamagui";
-import { Button, Checkbox, Form, Input, OTPInput, PhoneInput, Select, Switch, TextArea, useFocusManagement } from "./index.native.js";
-var FormsIntegration_stories_default = {
-  title: "Forms/FormsIntegration",
-  component: Form,
-  parameters: {
-    status: {
-      type: "beta"
-    },
-    docs: {
-      description: {
-        component: "Complete form integration examples showing how all form components work together with TanStack Form."
-      }
-    }
-  }
-};
-var multiStepRegistration = function multiStepRegistration2() {
-  var [step, setStep] = useState("personal");
-  var [_otpCode, setOtpCode] = useState("");
-  var [_isSubmitting, setIsSubmitting] = useState(false);
-  var form = useForm({
-    defaultValues: {
-      firstName: "",
-      lastName: "",
-      email: "",
-      phone: "",
-      password: "",
-      confirmPassword: "",
-      country: "US",
-      agreeToTerms: false,
-      marketingEmails: true,
-      otp: "",
-      search: ""
-    },
-    onSubmit: async function onSubmit(param) {
-      var {
-        value
-      } = param;
-      setIsSubmitting(true);
-      action("onSubmit")(value);
-      await new Promise(function (resolve) {
-        return setTimeout(resolve, 2e3);
-      });
-      setIsSubmitting(false);
-      action("onSubmitComplete")("Form submitted successfully!");
-    }
-  });
-  var focusManagement = useFocusManagement({
-    trapFocus: true,
-    initialFocus: "first"
-  });
-  var handleOTPComplete = function handleOTPComplete2(code) {
-    setOtpCode(code);
-    form.setFieldValue("otp", code);
-    action("onOTPComplete")(code);
-  };
-  var renderPersonalInfo = function renderPersonalInfo2() {
-    return /* @__PURE__ */_jsxs(YStack, {
-      gap: "$4",
-      ref: focusManagement.containerRef,
-      children: [/* @__PURE__ */_jsx(Paragraph, {
-        size: "$6",
-        fontWeight: "bold",
-        children: "Personal Information"
-      }), /* @__PURE__ */_jsxs(YStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Paragraph, {
-          children: "Full Name"
-        }), /* @__PURE__ */_jsxs(XStack, {
-          gap: "$2",
-          children: [/* @__PURE__ */_jsx(Input, {
-            form,
-            name: "firstName",
-            inputProps: {
-              placeholder: "First Name"
-            },
-            validators: {
-              onChange: function onChange(param) {
-                var {
-                  value
-                } = param;
-                return !value ? "First name is required" : void 0;
-              }
-            }
-          }), /* @__PURE__ */_jsx(Input, {
-            form,
-            name: "lastName",
-            inputProps: {
-              placeholder: "Last Name"
-            },
-            validators: {
-              onChange: function onChange(param) {
-                var {
-                  value
-                } = param;
-                return !value ? "Last name is required" : void 0;
-              }
-            }
-          })]
-        })]
-      }), /* @__PURE__ */_jsx(Input, {
-        form,
-        name: "email",
-        label: "Email Address",
-        inputProps: {
-          placeholder: "Enter your email"
-        },
-        validators: {
-          onChange: function onChange(param) {
-            var {
-              value
-            } = param;
-            if (!value) return "Email is required";
-            if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
-              return "Please enter a valid email";
-            }
-          }
-        }
-      }), /* @__PURE__ */_jsx(PhoneInput, {
-        form,
-        name: "phone",
-        label: "Phone Number",
-        inputProps: {
-          placeholder: "Enter your phone number"
-        },
-        defaultCountry: "US",
-        validators: {
-          onChange: function onChange(param) {
-            var {
-              value
-            } = param;
-            return !value ? "Phone number is required" : void 0;
-          }
-        }
-      }), /* @__PURE__ */_jsx(Input, {
-        form,
-        name: "password",
-        label: "Password",
-        inputProps: {
-          placeholder: "Create a password",
-          secureTextEntry: true
-        },
-        validators: {
-          onChange: function onChange(param) {
-            var {
-              value
-            } = param;
-            if (!value) return "Password is required";
-            if (value.length < 8) return "Password must be at least 8 characters";
-            if (!/(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/.test(value)) {
-              return "Password must contain uppercase, lowercase, and number";
-            }
-          }
-        }
-      }), /* @__PURE__ */_jsx(Input, {
-        form,
-        name: "confirmPassword",
-        inputProps: {
-          placeholder: "Confirm password"
-        },
-        validators: {
-          onChange: function onChange(param) {
-            var {
-              value
-            } = param;
-            var password = form.getFieldValue("password");
-            if (!value) return "Please confirm your password";
-            if (value !== password) return "Passwords do not match";
-          }
-        }
-      }), /* @__PURE__ */_jsx(Button, {
-        onPress: function onPress() {
-          return setStep("contact");
-        },
-        children: "Next: Contact Preferences"
-      })]
-    });
-  };
-  var renderContactPreferences = function renderContactPreferences2() {
-    return /* @__PURE__ */_jsxs(YStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */_jsx(Paragraph, {
-        size: "$6",
-        fontWeight: "bold",
-        children: "Contact Preferences"
-      }), /* @__PURE__ */_jsx(Select, {
-        form,
-        name: "country",
-        options: [{
-          label: "United States",
-          value: "US"
-        }, {
-          label: "Canada",
-          value: "CA"
-        }, {
-          label: "United Kingdom",
-          value: "GB"
-        }, {
-          label: "Germany",
-          value: "DE"
-        }, {
-          label: "France",
-          value: "FR"
-        }],
-        placeholder: "Select your country"
-      }), /* @__PURE__ */_jsx(Checkbox, {
-        form,
-        name: "agreeToTerms",
-        label: "I agree to the Terms and Conditions",
-        validators: {
-          onChange: function onChange(param) {
-            var {
-              value
-            } = param;
-            return !value ? "You must agree to the terms" : void 0;
-          }
-        }
-      }), /* @__PURE__ */_jsx(Switch, {
-        form,
-        name: "marketingEmails",
-        label: "Subscribe to marketing emails"
-      }), /* @__PURE__ */_jsx(Input, {
-        form,
-        name: "search",
-        label: "Search interests (optional)",
-        inputProps: {
-          placeholder: "Search topics..."
-        }
-      }), /* @__PURE__ */_jsxs(XStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Button, {
-          variant: "outlined",
-          onPress: function onPress() {
-            return setStep("personal");
-          },
-          children: "Back"
-        }), /* @__PURE__ */_jsx(Button, {
-          onPress: function onPress() {
-            return setStep("verification");
-          },
-          children: "Next: Verification"
-        })]
-      })]
-    });
-  };
-  var renderVerification = function renderVerification2() {
-    return /* @__PURE__ */_jsxs(YStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */_jsx(Paragraph, {
-        size: "$6",
-        fontWeight: "bold",
-        children: "Verification"
-      }), /* @__PURE__ */_jsx(Paragraph, {
-        children: "Please enter the 6-digit verification code sent to your email."
-      }), /* @__PURE__ */_jsx(OTPInput, {
-        form,
-        name: "otp",
-        length: 6,
-        onComplete: handleOTPComplete,
-        validators: {
-          onChange: function onChange(param) {
-            var {
-              value
-            } = param;
-            if (!value || value.length !== 6) {
-              return "Please enter a valid 6-digit code";
-            }
-          }
-        }
-      }), /* @__PURE__ */_jsxs(XStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Button, {
-          variant: "outlined",
-          onPress: function onPress() {
-            return setStep("contact");
-          },
-          children: "Back"
-        }), /* @__PURE__ */_jsx(form.Subscribe, {
-          selector: function selector(state) {
-            return [state.canSubmit, state.isSubmitting];
-          },
-          children: function children(param) {
-            var [canSubmit, isSubmitting] = param;
-            return /* @__PURE__ */_jsx(Button, {
-              action: "submit",
-              disabled: !canSubmit || isSubmitting,
-              children: isSubmitting ? "Submitting..." : "Complete Registration"
-            });
-          }
-        })]
-      })]
-    });
-  };
-  return /* @__PURE__ */_jsx(ScrollView, {
-    children: /* @__PURE__ */_jsx(View, {
-      padding: "$4",
-      maxWidth: 600,
-      alignSelf: "center",
-      children: /* @__PURE__ */_jsxs(Form, {
-        form,
-        children: [step === "personal" && renderPersonalInfo(), step === "contact" && renderContactPreferences(), step === "verification" && renderVerification()]
-      })
-    })
-  });
-};
-multiStepRegistration.storyName = "Main";
-var inputComposition = function inputComposition2() {
-  var [showPassword, setShowPassword] = useState(false);
-  return /* @__PURE__ */_jsx(ScrollView, {
-    children: /* @__PURE__ */_jsx(View, {
-      padding: "$4",
-      maxWidth: 600,
-      alignSelf: "center",
-      children: /* @__PURE__ */_jsxs(YStack, {
-        gap: "$6",
-        children: [/* @__PURE__ */_jsx(Paragraph, {
-          size: "$7",
-          fontWeight: "bold",
-          children: "Input Composition Patterns"
-        }), /* @__PURE__ */_jsxs(YStack, {
-          gap: "$4",
-          children: [/* @__PURE__ */_jsx(Paragraph, {
-            size: "$5",
-            fontWeight: "600",
-            children: "Convenience Props (recommended)"
-          }), /* @__PURE__ */_jsx(Input, {
-            label: "Email",
-            placeholder: "you@example.com",
-            helperText: "We'll never share your email",
-            leftIcon: /* @__PURE__ */_jsx(EnvelopeIcon, {})
-          }), /* @__PURE__ */_jsx(Input, {
-            label: "Password",
-            placeholder: "Enter password",
-            secureTextEntry: !showPassword,
-            leftIcon: /* @__PURE__ */_jsx(KeyIcon, {}),
-            rightIcon: showPassword ? /* @__PURE__ */_jsx(EyeSlashIcon, {
-              cursor: "pointer",
-              onClick: function onClick() {
-                return setShowPassword(false);
-              }
-            }) : /* @__PURE__ */_jsx(EyeIcon, {
-              cursor: "pointer",
-              onClick: function onClick() {
-                return setShowPassword(true);
-              }
-            })
-          }), /* @__PURE__ */_jsx(Input, {
-            label: "Required Field",
-            placeholder: "This field is required",
-            required: true
-          }), /* @__PURE__ */_jsx(Input, {
-            label: "With Error",
-            placeholder: "Invalid input",
-            error: "This field has a validation error",
-            defaultValue: "bad value"
-          }), /* @__PURE__ */_jsx(TextArea, {
-            label: "Bio",
-            placeholder: "Tell us about yourself...",
-            helperText: "Max 500 characters",
-            showCount: true,
-            maxLength: 500
-          }), /* @__PURE__ */_jsx(Select, {
-            label: "Country",
-            options: [{
-              label: "United States",
-              value: "US"
-            }, {
-              label: "Canada",
-              value: "CA"
-            }, {
-              label: "United Kingdom",
-              value: "GB"
-            }],
-            placeholder: "Select your country"
-          })]
-        }), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsxs(YStack, {
-          gap: "$4",
-          children: [/* @__PURE__ */_jsx(Paragraph, {
-            size: "$5",
-            fontWeight: "600",
-            children: "Compound Composition (full control)"
-          }), /* @__PURE__ */_jsxs(Input, {
-            children: [/* @__PURE__ */_jsx(Input.Label, {
-              children: "Custom Styled Label"
-            }), /* @__PURE__ */_jsxs(Input.Box, {
-              children: [/* @__PURE__ */_jsx(Input.Icon, {
-                children: /* @__PURE__ */_jsx(MagnifyingGlassIcon, {})
-              }), /* @__PURE__ */_jsx(Input.Area, {
-                placeholder: "Search anything..."
-              })]
-            }), /* @__PURE__ */_jsx(Input.Info, {
-              children: "Press Enter to search"
-            })]
-          }), /* @__PURE__ */_jsxs(Input, {
-            children: [/* @__PURE__ */_jsx(Input.Label, {
-              color: "$blue10",
-              fontWeight: "bold",
-              children: "Styled Label"
-            }), /* @__PURE__ */_jsx(Input.Box, {
-              children: /* @__PURE__ */_jsx(Input.Area, {
-                placeholder: "With custom label styling"
-              })
-            })]
-          }), /* @__PURE__ */_jsxs(Input, {
-            error: true,
-            children: [/* @__PURE__ */_jsx(Input.Label, {
-              color: "$red10",
-              children: "Error State (compound)"
-            }), /* @__PURE__ */_jsx(Input.Box, {
-              children: /* @__PURE__ */_jsx(Input.Area, {
-                placeholder: "Something went wrong"
-              })
-            }), /* @__PURE__ */_jsx(Input.Info, {
-              color: "$red10",
-              role: "alert",
-              children: "This field is invalid"
-            })]
-          })]
-        })]
-      })
-    })
-  });
-};
-export { FormsIntegration_stories_default as default, inputComposition, multiStepRegistration };
-//# sourceMappingURL=FormsIntegration.stories.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","EnvelopeIcon","KeyIcon","MagnifyingGlassIcon","EyeIcon","EyeSlashIcon","useForm","useState","Paragraph","ScrollView","Separator","View","XStack","YStack","Button","Checkbox","Form","Input","OTPInput","PhoneInput","Select","Switch","TextArea","useFocusManagement","FormsIntegration_stories_default","title","component","parameters","status","type","docs","description","multiStepRegistration","multiStepRegistration2","step","setStep","_otpCode","setOtpCode","_isSubmitting","setIsSubmitting","form","defaultValues","firstName","lastName","email","phone","password","confirmPassword","country","agreeToTerms","marketingEmails","otp","search","onSubmit","param","value","Promise","resolve","setTimeout","focusManagement","trapFocus","initialFocus","handleOTPComplete","handleOTPComplete2","code","setFieldValue","renderPersonalInfo","renderPersonalInfo2","gap","ref","containerRef","children","size","fontWeight","name","inputProps","placeholder","validators","onChange","label","test","defaultCountry","secureTextEntry","length","getFieldValue","onPress","renderContactPreferences","renderContactPreferences2","options","variant","renderVerification","renderVerification2","onComplete","Subscribe","selector","state","canSubmit","isSubmitting","disabled","padding","maxWidth","alignSelf"],"sources":["../../src/FormsIntegration.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AACvB,SAAAC,MAAA;AAAA,SACEC,YAAA,EAAAC,OAAA,EAAAC,mBAAA,EAAAC,OAAA,EAAAC,YAAA;AAAA,SACAC,OAAA;AAAA,SACAC,QAAA;AAAA,SACAC,SAAA,EAAAC,UAAA,EAAAC,SAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACAC,MAAA,EAAAC,QAAA,EAAAC,IAAA,EAAAC,KAAA,EAAAC,QAAA,EAAAC,UAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,kBAAA;AAAA,IAAAC,gCACK;EACPC,KAAA,EAAS,wBAAe;EACxBC,SAAS,EAAAV,IAAA;EACTW,UAAS;IACTC,MAAA;MACEC,IAAA;IACA;IACAC,IAAA;MACAC,WAAA;QACAL,SAAA;MACA;IACA;EACA;AAAA;AACA,IACAM,qBAAA,YAAAC,uBAAA;EAAA,KACKC,IAAA,EAAAC,OAAA,IAAA5B,QAAA;EA2DD,KAAA6B,QAME,EAAAC,UANF,IAAA9B,QAAA;EAxDN,IAAO,CAAA+B,aAAA,EAAAC,eAAA,IAAQhC,QAAA;EACb,IAAAiC,IAAO,GAAAlC,OAAA;IACPmC,aAAW;MACXC,SAAY;MACVC,QAAU;MACVC,KAAM;MACJC,KAAA;MAAaC,QACX;MAEFC,eAAA;MACFC,OAAA;MACFC,YAAA;MACFC,eAAA;MAEaC,GAAA;MACXC,MAAO;IACP;IACAC,QAAO,iBAAeA,SAAAC,KAAmB;MAEzC,IAAM;QAAAC;MAAO,IAAAD,KAAQ;MACnBf,eAAe;MACbvC,MAAA,WAAW,EAAAuD,KAAA;MACX,UAAUC,OAAA,WAAAC,OAAA;QACV,OAAOC,UAAA,CAAAD,OAAA;MACP;MACAlB,eAAU;MACVvC,MAAA,mBAAiB;IAAA;EACR;EACK,IACd2D,eAAA,GAAiBpC,kBAAA;IAAAqC,SACZ;IAAAC,YACG;EAAA,EACV;EAAA,IACAC,iBAAmB,YAAYC,mBAAAC,IAAA;IAC7B3B,UAAA,CAAA2B,IAAA;IACAxB,IAAA,CAAAyB,aAAO,CAAU,KAAE,EAAKD,IAAA;IAExBhE,MAAA,gBAAmB,EAAAgE,IAAA;EACnB;EACA,IAAAE,kBAAO,YAAoBC,oBAAA;IAC7B,sBAAApE,KAAA,CAAAc,MAAA;MACDuD,GAAA;MAEDC,GAAM,EAAAV,eAAkB,CAAAW,YAAA;MACtBC,QAAA,EAAW,CACX,eAAc1E,IAAA,CAAAW,SAAA;QACfgE,IAAA;QAEKC,UAAA,QAAoB;QACxBF,QAAW,EAAI;MACf,CAAK,GACL,eAAOxE,KAAiB,CAAAc,MAAI;QAC9BuD,GAAA;QAEMG,QAAA,GAEF,eAAC1E,IAAA,CAAAW,SAAU,EAAK;UAIhB+D,QAAA;QACE,IACA,eAACxE,KAAA,CAAAa,MAAO,EAAI;UACVwD,GAAA;UAACG,QAAA,kBAAA1E,IAAA,CAAAoB,KAAA;YACCuB,IAAA;YACKkC,IAAA;YACLC,UAAc;cACdC,WAAY;YACV;YACFC,UAAA;cAAAC,QAAA,WAAAA,SAAAxB,KAAA;gBACF;kBAAAC;gBAAA,IAAAD,KAAA;gBACA,QAAAC,KAAA;cAAC;YAAA;UACC,IACA,eAAK1D,IAAA,CAAAoB,KAAA;YACLuB,IAAA;YACAkC,IAAA,EAAY;YACVC,UAAa;cACfC,WAAA;YAAA;YACFC,UAAA;cACFC,QAAA,WAAAA,SAAAxB,KAAA;gBACF;kBAAAC;gBAAA,IAAAD,KAAA;gBAEA,QAAAC,KAAA;cAAC;YAAA;UACC;QAEA;MAEA,IAAY,eACG1D,IAAA,CAAMoB,KAAA,EAAM;QACvBuB,IAAA;QACAkC,IAAA,EAAI,OAAC;QACHK,KAAA,iBAAO;QAAAJ,UACT;UACFC,WAAA;QACF;QAAAC,UAAA;UACFC,QAAA,WAAAA,SAAAxB,KAAA;YAEA;cAAAC;YAAA,IAAAD,KAAA;YAAC,KAAAC,KAAA;YAAA,kCAAAyB,IAAA,CAAAzB,KAAA;cACC;YACK;UACL;QACA;MACA,IACA,eAAY1D,IAAA,CAAAsB,UAAA;QACVqB,IAAA;QACFkC,IAAA;QAAAK,KAAA;QACFJ,UAAA;UAEAC,WAAA;QAAC;QAAAK,cAAA;QACCJ,UAAA;UACAC,QAAK,WAAAA,SAAAxB,KAAA;YACL,IAAM;cAAAC;YAAA,IAAAD,KAAA;YACN,OAAY,CAAAC,KAAA;UACV;QACA;MACF,IACA,eAAY1D,IAAA,CAAAoB,KAAA;QACVuB,IAAA;QACEkC,IAAA,EAAI,UAAQ;QACZK,KAAA,EAAI,UAAM;QACVJ,UAAK;UACHC,WAAO;UACTM,eAAA;QACF;QACFL,UAAA;UAAAC,QAAA,WAAAA,SAAAxB,KAAA;YACF;cAAAC;YAAA,IAAAD,KAAA;YAEA,KAAAC,KAAA;YAAC,IAAAA,KAAA,CAAA4B,MAAA;YAAA,sCAAAH,IAAA,CAAAzB,KAAA;cACC;YACK;UACL;QACA;MAAY,EACV,EACE,eAAM1D,IAAA,CAAWoB,KAAK;QACtBuB,IAAA;QACAkC,IAAA,EAAI,iBAAU;QAChBC,UAAA;UACFC,WAAA;QAAA;QACFC,UAAA;UAEAC,QAAA,WAACA,QAAOA,CAAAxB,KAAS;YACnB;cAAAC;YAAA,IAAAD,KAAA;YAGI,IAAAR,QAAA,GAAAN,IAAA,CAAA4C,aACJ;YACE,KAAA7B,KAAC,uCAA+B;YAIhC,IAAAA,KAAA,KAAAT,QAAA;UAAC;QAAA;MACC,IACA,eAAKjD,IAAA,CAAAiB,MAAA;QACLuE,OAAS,WAAAA,QAAA;UACL,OAAOlD,OAAA,UAAiB;QAC1B;QACAoC,QAAE,EAAO;MAA8B,EACvC;IAC+B;EACjC;EACY,IAAAe,wBAAA,YAAAC,0BAAA;IACd,sBAAAxF,KAAA,CAAAc,MAAA;MAEAuD,GAAA;MAACG,QAAA,kBAAA1E,IAAA,CAAAW,SAAA;QACCgE,IAAA;QACAC,UAAK;QACLF,QAAM;MACN,IAAY,eACG1E,IAAA,CAAMuB,MAAO,EAAC;QAC7BoB,IAAA;QAAAkC,IAAA;QACFc,OAAA,GAEA;UAACT,KAAA;UAAAxB,KAAA;QACC,GACA;UACAwB,KAAM;UAAAxB,KAAA;QACR,GAEA;UAACwB,KAAA;UAAAxB,KAAA;QACC,GACA;UACAwB,KAAM;UACNxB,KAAA,EAAY;QAAkC,GAChD;UAEAwB,KAAA,UAAC;UACCxB,KAAA;QAGA,EACF;QACFqB,WAAA;MAGI,IAEF,eAAC/E,IAAA,CAAAkB,QAAU;QAIXyB,IAAA;QAEAkC,IAAA;QAACK,KAAA;QAAAF,UAAA;UACCC,QAAA,WAAAA,SAAAxB,KAAA;YACK;cAAAC;YAAA,IAAAD,KAAA;YACL,OAAQ,CAAAC,KAAA;UACR;QACA;MAAY,EACV,EACE,eAAK1D,IAAS,CAAAwB,MAAM;QAClBmB,IAAA;QAAOkC,IACT;QACFK,KAAA;MACF,mBAAAlF,IAAA,CAAAoB,KAAA;QACFuB,IAAA;QAEAkC,IAAA;QACEK,KAAA,+BAAgB;QAGhBJ,UAAA;UAOFC,WAAA;QACF;MAGF,CACE,GAGO,eAAS7E,KAAc,CAAAa,MAAA;QACvBwD,GAAS;QACTG,QAAS,GAGhB,eAAA1E,IAAA,CAAAiB,MAAA;UAEJ2E,OAAA;UAEAJ,OAAA,EAAsB,SAAAA,OAAYA,CAAA;YACrB,OAAAlD,OAAmB,CAAM;UAC7B;UAGLoC,QAAA;QAGM,IAIA,eAAC1E,IAAA,CAAAiB,MAAO,EAAI;UACVuE,OAAA,WAACA,OAAUA,CAAA;YAIX,OAAAlD,OAAA;UAAC;UAAAoC,QAAA;QACC;MACY,EACZ;IACwB;EAAA;EAC1B,IAEAmB,kBAAA,YAAAC,oBAAA;IAAA,OAAC,eAAA5F,KAAA,CAAAc,MAAA;MAAAuD,GAAA;MAAAG,QACC,GAAM,eACM1E,IAAA,CAAAW,SAAA;QACZgE,IAAA;QACAC,UAAU;QACVF,QAAA;MAIoE,IAGtE,eAAA1E,IAAA,CAAAW,SAAA;QAEA+D,QAAA;MAEA,IAAC,eAAA1E,IAAA,CAAAqB,QAAA;QAAAsB,IAAA;QACCkC,IAAA,OAAM;QACNS,MAAA;QACAS,UAAM,EAAA9B,iBAAA;QACNe,UAAA;UAAaC,QAAA,WAAAA,SAAAxB,KAAA;YACf;cAAAC;YAAA,IAAAD,KAAA;YAEA,KAAAC,KAAA,IAAAA,KAAA,CAAA4B,MAAA;cAAC;YAAA;UACC;QACA;MAAY,EACZ,EAAW,eACFpF,KAAA,CAAAa,MAAA;QACTwD,GAAA;QAAWG,QAAA,GACb,eAAA1E,IAAA,CAAAiB,MAAA;UAEA2E,OAAA;UAACJ,OAAA,WAAAA,QAAA;YAAA,OAAAlD,OAAA;UACC;UACAoC,QAAS;QACP,EAAE,EACF,eAAS1E,IAAU,CAAA2C,IAAA,CAAOqD,SAAK;UAC7BC,QAAO,WAAAA,QAAkBA,CAAAC,KAAO;YACpC,QACAA,KAAY,CAAAC,SAAA,EAAAD,KAAA,CAAAE,YAAA,CACd;UACF;UAEA1B,QAAA,EAAC,SAAAA,QAAUA,CAAAjB,KAAA;YAEX,KAAA0C,SAAC,EAAAC,YAAW,IACV3C,KAAA;YAAA,sBAAWzD,IAAA,CAAAiB,MAAK,EAAK;cAIrBd,MAAA,UAAC;cACCkG,QAAA,EAAC,CAAAF,SAAM,IAANC,YAAY;cACb1B,QAAA,EAAA0B,YAAC,GACC;YAAA;UAGA;QACF;MACiC,CACnC;IAGE;EAEA;EAGA,OACF,eAAApG,IAAA,CAAAY,UAAA;IAAA8D,QAEA,iBAAC1E,IAAA,CAAAc,IAAM;MACLwF,OAAA;MAAkDC,QAClD;MAEAC,SACA;MAEA9B,QACF,iBAAAxE,KAAA,CAAAiB,IAAA;QACFwB,IAAA;QAEJ+B,QACF,GAEJrC,IAAA,mBAAAgC,kBAAA,I","ignoreList":[]}

package/dist/esm/fields/Barcode/Barcode.spec.mjs

@@ -1,107 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { renderWithProviders } from "@multiplatform.one/test-utils";
-import { Form } from "../../Form/index.mjs";
-import { Barcode } from "./index.mjs";
-import { jsx } from "react/jsx-runtime";
-const barcodeIcon = /* @__PURE__ */jsx("span", {
-  "data-testid": "barcode-icon"
-});
-const scanIcon = /* @__PURE__ */jsx("span", {
-  "data-testid": "scan-icon"
-});
-const stopIcon = /* @__PURE__ */jsx("span", {
-  "data-testid": "stop-icon"
-});
-describe("Barcode", () => {
-  describe("without form context", () => {
-    it("renders with label", () => {
-      const result = renderWithProviders(/* @__PURE__ */jsx(Barcode, {
-        label: "Barcode",
-        name: "code",
-        barcodeIcon,
-        scanIcon,
-        stopIcon
-      }));
-      expect(result.findTextElement("Barcode")).toBeDefined();
-    });
-    it("renders required label with asterisk", () => {
-      const result = renderWithProviders(/* @__PURE__ */jsx(Barcode, {
-        label: "Required",
-        name: "req",
-        barcodeIcon,
-        scanIcon,
-        stopIcon,
-        required: true
-      }));
-      const label = result.container.querySelector("label");
-      expect(label?.textContent).toContain("*");
-    });
-    it("renders with helper text", () => {
-      const result = renderWithProviders(/* @__PURE__ */jsx(Barcode, {
-        label: "Code",
-        name: "c",
-        barcodeIcon,
-        scanIcon,
-        stopIcon,
-        helperText: "Scan or type a code"
-      }));
-      expect(result.findTextElement("Scan or type a code")).toBeDefined();
-    });
-    it("renders skeleton placeholder", () => {
-      const result = renderWithProviders(/* @__PURE__ */jsx(Barcode, {
-        label: "Loading",
-        name: "l",
-        barcodeIcon,
-        scanIcon,
-        stopIcon,
-        skeleton: true
-      }));
-      expect(result.container.querySelector("input")).toBeNull();
-    });
-    it("renders disabled state", () => {
-      const result = renderWithProviders(/* @__PURE__ */jsx(Barcode, {
-        label: "Disabled",
-        name: "d",
-        barcodeIcon,
-        scanIcon,
-        stopIcon,
-        disabled: true
-      }));
-      const input = result.container.querySelector("input");
-      expect(input?.getAttribute("aria-disabled")).toBe("true");
-    });
-    it("renders readOnly \u2014 hides scan button", () => {
-      const result = renderWithProviders(/* @__PURE__ */jsx(Barcode, {
-        label: "ReadOnly",
-        name: "r",
-        barcodeIcon,
-        scanIcon,
-        stopIcon,
-        readOnly: true,
-        value: "12345"
-      }));
-      expect(result.container.querySelectorAll("[data-testid='scan-icon']").length).toBe(0);
-    });
-  });
-  describe("with form context", () => {
-    it("renders inside form", () => {
-      const result = renderWithProviders(/* @__PURE__ */jsx(Form, {
-        formOptions: {
-          defaultValues: {
-            code: ""
-          }
-        },
-        submitText: "Submit",
-        children: /* @__PURE__ */jsx(Barcode, {
-          name: "code",
-          label: "Barcode",
-          barcodeIcon,
-          scanIcon,
-          stopIcon
-        })
-      }));
-      expect(result.findTextElement("Barcode")).toBeDefined();
-    });
-  });
-});
-//# sourceMappingURL=Barcode.spec.mjs.map

package/dist/esm/fields/Barcode/Barcode.spec.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["describe","expect","it","renderWithProviders","Form","Barcode","jsx","barcodeIcon","scanIcon","stopIcon","result","label","name","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","helperText","skeleton","toBeNull","disabled","input","getAttribute","toBe","readOnly","value","querySelectorAll","length","formOptions","defaultValues","code","submitText","children"],"sources":["../../../../src/fields/Barcode/Barcode.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/Barcode/Barcode.spec.native.js

@@ -1,107 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { describe, expect, it } from "vitest";
-import { renderWithProviders } from "@multiplatform.one/test-utils";
-import { Form } from "../../Form/index.native.js";
-import { Barcode } from "./index.native.js";
-var barcodeIcon = /* @__PURE__ */_jsx("span", {
-  "data-testid": "barcode-icon"
-});
-var scanIcon = /* @__PURE__ */_jsx("span", {
-  "data-testid": "scan-icon"
-});
-var stopIcon = /* @__PURE__ */_jsx("span", {
-  "data-testid": "stop-icon"
-});
-describe("Barcode", function () {
-  describe("without form context", function () {
-    it("renders with label", function () {
-      var result = renderWithProviders(/* @__PURE__ */_jsx(Barcode, {
-        label: "Barcode",
-        name: "code",
-        barcodeIcon,
-        scanIcon,
-        stopIcon
-      }));
-      expect(result.findTextElement("Barcode")).toBeDefined();
-    });
-    it("renders required label with asterisk", function () {
-      var result = renderWithProviders(/* @__PURE__ */_jsx(Barcode, {
-        label: "Required",
-        name: "req",
-        barcodeIcon,
-        scanIcon,
-        stopIcon,
-        required: true
-      }));
-      var label = result.container.querySelector("label");
-      expect(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
-    });
-    it("renders with helper text", function () {
-      var result = renderWithProviders(/* @__PURE__ */_jsx(Barcode, {
-        label: "Code",
-        name: "c",
-        barcodeIcon,
-        scanIcon,
-        stopIcon,
-        helperText: "Scan or type a code"
-      }));
-      expect(result.findTextElement("Scan or type a code")).toBeDefined();
-    });
-    it("renders skeleton placeholder", function () {
-      var result = renderWithProviders(/* @__PURE__ */_jsx(Barcode, {
-        label: "Loading",
-        name: "l",
-        barcodeIcon,
-        scanIcon,
-        stopIcon,
-        skeleton: true
-      }));
-      expect(result.container.querySelector("input")).toBeNull();
-    });
-    it("renders disabled state", function () {
-      var result = renderWithProviders(/* @__PURE__ */_jsx(Barcode, {
-        label: "Disabled",
-        name: "d",
-        barcodeIcon,
-        scanIcon,
-        stopIcon,
-        disabled: true
-      }));
-      var input = result.container.querySelector("input");
-      expect(input === null || input === void 0 ? void 0 : input.getAttribute("aria-disabled")).toBe("true");
-    });
-    it("renders readOnly \u2014 hides scan button", function () {
-      var result = renderWithProviders(/* @__PURE__ */_jsx(Barcode, {
-        label: "ReadOnly",
-        name: "r",
-        barcodeIcon,
-        scanIcon,
-        stopIcon,
-        readOnly: true,
-        value: "12345"
-      }));
-      expect(result.container.querySelectorAll("[data-testid='scan-icon']").length).toBe(0);
-    });
-  });
-  describe("with form context", function () {
-    it("renders inside form", function () {
-      var result = renderWithProviders(/* @__PURE__ */_jsx(Form, {
-        formOptions: {
-          defaultValues: {
-            code: ""
-          }
-        },
-        submitText: "Submit",
-        children: /* @__PURE__ */_jsx(Barcode, {
-          name: "code",
-          label: "Barcode",
-          barcodeIcon,
-          scanIcon,
-          stopIcon
-        })
-      }));
-      expect(result.findTextElement("Barcode")).toBeDefined();
-    });
-  });
-});
-//# sourceMappingURL=Barcode.spec.native.js.map

package/dist/esm/fields/Barcode/Barcode.spec.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","describe","expect","it","renderWithProviders","Form","Barcode","barcodeIcon","scanIcon","stopIcon","result","label","name","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","helperText","skeleton","toBeNull","disabled","input","getAttribute","toBe","readOnly","value","querySelectorAll","length","formOptions","defaultValues","code","submitText","children"],"sources":["../../../../src/fields/Barcode/Barcode.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,QAAQ,mBAAc;AACzC,SAASC,QAAA,EAAAC,MAAA,EAAAC,EAAA,QAA2B;AACpC,SAASC,mBAAY;AACrB,SAASC,IAAA,oCAAe;AAEJ,SAAAC,OAAA;AAApB,IAAAC,WAAM,kBAAcP,IAAA,OAAC;EACrB,aAAM,EAAW;AACjB;AAEA,IAAAQ,QAAS,kBAAiBR,IAAA;EACxB,aAAS;AACP;AACE,IAAAS,QAAM,kBAAST,IAAA;EAAA,aACb;AAAA;AAACC,QAAA;EAAAA,QAAA,uBACO;IAAAE,EAAA,qBACD;MAAA,IAAAO,MACL,GAAAN,mBAAA,gBAAAJ,IAAA,CAAAM,OAAA;QAAAK,KACA;QAAAC,IACA;QAAAL,WAAA;QACFC,QAAA;QACFC;MACA;MACDP,MAAA,CAAAQ,MAAA,CAAAG,eAAA,aAAAC,WAAA;IAED;IACEX,EAAA,uCAAe;MAAA,IACbO,MAAA,GAAAN,mBAAA,gBAAAJ,IAAA,CAAAM,OAAA;QAAAK,KAAC;QAAAC,IAAA;QAAAL,WACO;QAAAC,QACN;QAAKC,QACL;QAAAM,QACA;MAAA;MACA,IAAAJ,KACA,GAAAD,MAAQ,CAAAM,SAAA,CAAAC,aAAA;MAAAf,MAAA,CAAAS,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAAO,WAAA,EAAAC,SAAA;IAAA;IACVhB,EACF;MACA,IAAAO,MAAM,GAAAN,mBAAyB,gBAAcJ,IAAO,CAAAM,OAAA;QACpDK,KAAO,QAAO;QACfC,IAAA;QAEEL,WAAA;QACDC,QAAM;QACJC,QAAA;QAAAW,UAAC;MAAA;MAAAlB,MACC,CAAAQ,MAAM,CAAAG,eAAA,yBAAAC,WAAA;IAAA;IACDX,EAAA,+BACL;MAAA,IAAAO,MACA,GAAAN,mBAAA,gBAAAJ,IAAA,CAAAM,OAAA;QAAAK,KACA;QAAAC,IACA;QAAWL,WAAA;QACbC,QAAA;QACFC,QAAA;QACAY,QAAO;MACR;MAEDnB,MAAG,CAAAQ,MAAA,CAAAM,SAAA,CAAAC,aAAgC,QAAM,GAAAK,QAAA;IACvC;IAAenB,EAAA,yBACb;MAAA,IAACO,MAAA,GAAAN,mBAAA,gBAAAJ,IAAA,CAAAM,OAAA;QAAAK,KAAA;QAAAC,IACC;QAAML,WACD;QAAAC,QACL;QAAAC,QACA;QAAAc,QACA;MAAA;MACQ,IAAAC,KAAA,GAAAd,MAAA,CAAAM,SAAA,CAAAC,aAAA;MAAAf,MACV,CAAAsB,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAAC,YAAA,mBAAAC,IAAA;IAAA,EACF;IACAvB,EAAA,4CAAsC,EAAQ,YAAW;MAC1D,IAAAO,MAAA,GAAAN,mBAAA,gBAAAJ,IAAA,CAAAM,OAAA;QAEEK,KAAA;QACDC,IAAM;QACJL,WAAA;QAAAC,QAAC;QAAAC,QAAA;QAAAkB,QACC,MAAM;QAAAC,KACN;MAAK;MACL1B,MACA,CAAAQ,MAAA,CAAAM,SAAA,CAAAa,gBAAA,8BAAAC,MAAA,EAAAJ,IAAA;IAAA;EACA;EACQzB,QAAA;IAAAE,EAAA,sBACV;MACF,IAAAO,MAAA,GAAAN,mBAAA,gBAAAJ,IAAA,CAAAK,IAAA;QACA0B,WAAM,EAAQ;UACdC,aAAc;YACfC,IAAA;UAEE;QACD;QACEC,UAAA;QAAAC,QAAC,iBAAAnC,IAAA,CAAAM,OAAA;UAAAM,IAAA;UAAAD,KACC,WAAM;UAAAJ,WACD;UAAAC,QACL;UAAAC;QACA;MACA;MACQP,MACR,CAAAQ,MAAM,CAAAG,eAAA,aAAAC,WAAA;IAAA;EAAA;AACR","ignoreList":[]}