@multiplatform.one/forms 6.0.4 → 6.3.0

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

@@ -1,460 +0,0 @@
-"use strict";
-
-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: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__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: true
-}), mod);
-var FormsIntegration_stories_exports = {};
-__export(FormsIntegration_stories_exports, {
-  default: () => FormsIntegration_stories_default,
-  inputComposition: () => inputComposition,
-  multiStepRegistration: () => multiStepRegistration
-});
-module.exports = __toCommonJS(FormsIntegration_stories_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_storybook = require("@multiplatform.one/storybook");
-var import_react = require("@phosphor-icons/react");
-var import_react_form = require("@tanstack/react-form");
-var import_react2 = require("react");
-var import_tamagui = require("tamagui");
-var import_index = require("./index.native.js");
-var FormsIntegration_stories_default = {
-  title: "Forms/FormsIntegration",
-  component: import_index.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] = (0, import_react2.useState)("personal");
-  var [_otpCode, setOtpCode] = (0, import_react2.useState)("");
-  var [_isSubmitting, setIsSubmitting] = (0, import_react2.useState)(false);
-  var form = (0, import_react_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);
-      (0, import_storybook.action)("onSubmit")(value);
-      await new Promise(function (resolve) {
-        return setTimeout(resolve, 2e3);
-      });
-      setIsSubmitting(false);
-      (0, import_storybook.action)("onSubmitComplete")("Form submitted successfully!");
-    }
-  });
-  var focusManagement = (0, import_index.useFocusManagement)({
-    trapFocus: true,
-    initialFocus: "first"
-  });
-  var handleOTPComplete = function handleOTPComplete2(code) {
-    setOtpCode(code);
-    form.setFieldValue("otp", code);
-    (0, import_storybook.action)("onOTPComplete")(code);
-  };
-  var renderPersonalInfo = function renderPersonalInfo2() {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      gap: "$4",
-      ref: focusManagement.containerRef,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-        size: "$6",
-        fontWeight: "bold",
-        children: "Personal Information"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-          children: "Full Name"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-          gap: "$2",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
-        onPress: function onPress() {
-          return setStep("contact");
-        },
-        children: "Next: Contact Preferences"
-      })]
-    });
-  };
-  var renderContactPreferences = function renderContactPreferences2() {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-        size: "$6",
-        fontWeight: "bold",
-        children: "Contact Preferences"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.Switch, {
-        form,
-        name: "marketingEmails",
-        label: "Subscribe to marketing emails"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
-        form,
-        name: "search",
-        label: "Search interests (optional)",
-        inputProps: {
-          placeholder: "Search topics..."
-        }
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
-          variant: "outlined",
-          onPress: function onPress() {
-            return setStep("personal");
-          },
-          children: "Back"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
-          onPress: function onPress() {
-            return setStep("verification");
-          },
-          children: "Next: Verification"
-        })]
-      })]
-    });
-  };
-  var renderVerification = function renderVerification2() {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-        size: "$6",
-        fontWeight: "bold",
-        children: "Verification"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-        children: "Please enter the 6-digit verification code sent to your email."
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
-          variant: "outlined",
-          onPress: function onPress() {
-            return setStep("contact");
-          },
-          children: "Back"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(form.Subscribe, {
-          selector: function selector(state) {
-            return [state.canSubmit, state.isSubmitting];
-          },
-          children: function children(param) {
-            var [canSubmit, isSubmitting] = param;
-            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Button, {
-              action: "submit",
-              disabled: !canSubmit || isSubmitting,
-              children: isSubmitting ? "Submitting..." : "Complete Registration"
-            });
-          }
-        })]
-      })]
-    });
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      padding: "$4",
-      maxWidth: 600,
-      alignSelf: "center",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Form, {
-        form,
-        children: [step === "personal" && renderPersonalInfo(), step === "contact" && renderContactPreferences(), step === "verification" && renderVerification()]
-      })
-    })
-  });
-};
-multiStepRegistration.storyName = "Main";
-var inputComposition = function inputComposition2() {
-  var [showPassword, setShowPassword] = (0, import_react2.useState)(false);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      padding: "$4",
-      maxWidth: 600,
-      alignSelf: "center",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        gap: "$6",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-          size: "$7",
-          fontWeight: "bold",
-          children: "Input Composition Patterns"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          gap: "$4",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-            size: "$5",
-            fontWeight: "600",
-            children: "Convenience Props (recommended)"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
-            label: "Email",
-            placeholder: "you@example.com",
-            helperText: "We'll never share your email",
-            leftIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.EnvelopeIcon, {})
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
-            label: "Password",
-            placeholder: "Enter password",
-            secureTextEntry: !showPassword,
-            leftIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.KeyIcon, {}),
-            rightIcon: showPassword ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.EyeSlashIcon, {
-              cursor: "pointer",
-              onClick: function onClick() {
-                return setShowPassword(false);
-              }
-            }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.EyeIcon, {
-              cursor: "pointer",
-              onClick: function onClick() {
-                return setShowPassword(true);
-              }
-            })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
-            label: "Required Field",
-            placeholder: "This field is required",
-            required: true
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
-            label: "With Error",
-            placeholder: "Invalid input",
-            error: "This field has a validation error",
-            defaultValue: "bad value"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.TextArea, {
-            label: "Bio",
-            placeholder: "Tell us about yourself...",
-            helperText: "Max 500 characters",
-            showCount: true,
-            maxLength: 500
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Select, {
-            label: "Country",
-            options: [{
-              label: "United States",
-              value: "US"
-            }, {
-              label: "Canada",
-              value: "CA"
-            }, {
-              label: "United Kingdom",
-              value: "GB"
-            }],
-            placeholder: "Select your country"
-          })]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          gap: "$4",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-            size: "$5",
-            fontWeight: "600",
-            children: "Compound Composition (full control)"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Input, {
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Label, {
-              children: "Custom Styled Label"
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Input.Box, {
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Icon, {
-                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.MagnifyingGlassIcon, {})
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Area, {
-                placeholder: "Search anything..."
-              })]
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Info, {
-              children: "Press Enter to search"
-            })]
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Input, {
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Label, {
-              color: "$blue10",
-              fontWeight: "bold",
-              children: "Styled Label"
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Box, {
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Area, {
-                placeholder: "With custom label styling"
-              })
-            })]
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Input, {
-            error: true,
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Label, {
-              color: "$red10",
-              children: "Error State (compound)"
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Box, {
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Area, {
-                placeholder: "Something went wrong"
-              })
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input.Info, {
-              color: "$red10",
-              role: "alert",
-              children: "This field is invalid"
-            })]
-          })]
-        })]
-      })
-    })
-  });
-};
-//# sourceMappingURL=FormsIntegration.stories.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormsIntegration_stories_exports","__export","default","FormsIntegration_stories_default","inputComposition","multiStepRegistration","module","exports","import_jsx_runtime","require","import_storybook","import_react","import_react_form","import_react2","import_tamagui","import_index","title","component","Form","parameters","status","type","docs","description","multiStepRegistration2","step","setStep","useState","_otpCode","setOtpCode","_isSubmitting","setIsSubmitting","form","useForm","defaultValues","firstName","lastName","email","phone","password","confirmPassword","country","agreeToTerms","marketingEmails","otp","search","onSubmit","param","action","Promise","resolve","setTimeout","focusManagement","useFocusManagement","trapFocus","initialFocus","handleOTPComplete","handleOTPComplete2","code","setFieldValue","renderPersonalInfo","renderPersonalInfo2","jsxs","YStack","gap","ref","containerRef","children","jsx","Paragraph","size","fontWeight","XStack","Input","name","inputProps","placeholder","validators","onChange","label","test","PhoneInput","defaultCountry","secureTextEntry","length","getFieldValue","Button","onPress","renderContactPreferences","renderContactPreferences2","Select","options","Checkbox","Switch","variant","renderVerification","renderVerification2","OTPInput","onComplete","Subscribe","selector","state","canSubmit","isSubmitting","disabled"],"sources":["../../src/FormsIntegration.stories.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gCAAA;AAAAC,QAAA,CAAAD,gCAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAC,gCAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,qBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAZ,YAAuB,CAAAK,gCAAA;AACvB,IAAAQ,kBAMO,GAAAC,OAAA;AACP,IAAAC,gBAAA,GAAAD,OAAwB;AACxB,IAAAE,YAAA,GAAAF,OAAyB;AACzB,IAAAG,iBAAuE,GAAAH,OAAA;AACvE,IAAAI,aAAA,GAWOJ,OAAA;AA2DD,IAAAK,cAAA,GAAAL,OAAA;AAxDN,IAAOM,YAAA,GAAAN,OAAA;AAAQ,IACbN,gCAAO;EACPa,KAAA,0BAAW;EACXC,SAAA,EAAAF,YAAY,CAAAG,IAAA;EAAAC,UACF,EAAE;IACVC,MAAM;MACJC,IAAA;IAAa;IAETC,IACJ;MACFC,WAAA;QACFN,SAAA;MACF;IAEO;EACL;AACA;AACA,IAAAZ,qBAAsB,YAAAmB,sBAAmBA,CAAA;EAEzC,KAAAC,IAAM,EAAAC,OAAO,QAAAb,aAAA,CAAAc,QAAQ;EAAA,IACnB,CAAAC,QAAA,EAAAC,UAAe,QAAAhB,aAAA,CAAAc,QAAA;EAAA,IACb,CAAAG,aAAW,EAAAC,eAAA,QAAAlB,aAAA,CAAAc,QAAA;EAAA,IACXK,IAAA,OAAUpB,iBAAA,CAAAqB,OAAA;IAAAC,aACH;MACPC,SAAO;MACPC,QAAA,EAAU;MACVC,KAAA;MACAC,KAAA,IAAS;MACTC,QAAA;MACAC,eAAA,EAAiB;MACjBC,OAAK;MACLC,YAAQ;MACVC,eAAA;MACAC,GAAA;MACEC,MAAA;IACA;IAEAC,QAAM,iBAAaA,QAAYA,CAAAC,KAAA;MAC/B;QAAAhD;MAAA,IAAgBgD,KAAK;MACrBhB,eAAA;MACF,IAAArB,gBAAA,CAAAsC,MAAA,cAAAjD,KAAA;MACD,UAAAkD,OAAA,WAAAC,OAAA;QAEK,OAAAC,UAAA,CAAAD,OAAkB;MACtB;MACAnB,eAAc;MACf,IAAArB,gBAAA,CAAAsC,MAAA;IAED;EACE;EACA,IAAAI,eAAK,GAAc,IAAArC,YAAW,CAAAsC,kBAAA;IAC9BC,SAAA;IACFC,YAAA;EAEA;EAEI,IAAAC,iBAAA,YAAAC,kBAACA,CAAAC,IAAA;IAID7B,UAAA,CAAA6B,IAAA;IACE1B,IAAA,CAAA2B,aAAA,QAAAD,IAAA;IAAoB,EACpB,EAAAhD,gBAAA,CAAAsC,MAAA,mBAAAU,IAAC;EACC;EAAA,IAAAE,kBAAC,YAAAC,oBAAA;IAAA,0BAAArD,kBAAA,CAAAsD,IAAA,EAAAhD,cAAA,CAAAiD,MAAA;MAAAC,GAAA,MACC;MAAAC,GAAA,EAAAb,eACK,CAAAc,YAAA;MAAAC,QACL,GAAwC,eAC5B,IAAA3D,kBAAA,CAAA4D,GAAA,EAAAtD,cAAA,CAAAuD,SAAA;QAAAC,IACV;QAA8DC,UAChE;QAAAJ,QAAA;MACF,IACA,mBAAA3D,kBAAA,CAAAsD,IAAA,EAAAhD,cAAA,CAAAiD,MAAA;QAACC,GAAA;QAAAG,QAAA,GACC,mBAAA3D,kBAAA,CAAA4D,GAAA,EAAAtD,cAAA,CAAAuD,SAAA;UACAF,QAAK;QACL,IACA,eAAY,IAAA3D,kBAAA,CAAAsD,IAAA,EAAAhD,cAAA,CAAA0D,MAAA;UACVR,GAAA;UACFG,QAAA,sBAAA3D,kBAAA,CAAA4D,GAAA,EAAArD,YAAA,CAAA0D,KAAA;YACFzC,IAAA;YACF0C,IAAA;YACFC,UAAA;cAEAC,WAAA;YAAC;YAAAC,UAAA;cACCC,QAAA,WAAAA,SAAA/B,KAAA;gBACK;kBAAAhD;gBAAA,IAAAgD,KAAA;gBACC,QAAAhD,KAAA;cACM;YACZ;UACE,IACM,eAAe,IAAAS,kBAAA,CAAA4D,GAAA,EAAArD,YAAA,CAAA0D,KAAA;YACdzC,IAAA;YACH0C,IAAO;YACTC,UAAA;cACFC,WAAA;YACF;YAAAC,UAAA;cACFC,QAAA,WAAAA,SAAA/B,KAAA;gBAEA;kBAAAhD;gBAAA,IAAAgD,KAAA;gBAAC,QAAAhD,KAAA;cAAA;YACC;UACK;QAEL;MAEA,IAAY,eACG,IAAAS,kBAAsB,CAAA4D,GAAA,EAAArD,YAAA,CAAA0D,KAAA;QACrCzC,IAAA;QAAA0C,IAAA;QACFK,KAAA;QAEAJ,UAAA;UAACC,WAAA;QAAA;QACCC,UAAA;UACAC,QAAK,WAAAA,SAAA/B,KAAA;YACL,IAAM;cAAAhD;YAAA,IAAAgD,KAAA;YACN,KAAAhD,KAAY;YACV,iCAAa,CAAAiF,IAAA,CAAAjF,KAAA;cACb,mCAAiB;YACnB;UACA;QACE;MACE,IACA,eAAU,IAAAS,kBAAmB,CAAA4D,GAAA,EAAArD,YAAA,CAAAkE,UAAA;QAC7BjD,IAAA;QACE0C,IAAA,SAAO;QAAAK,KACT;QACFJ,UAAA;UACFC,WAAA;QAAA;QACFM,cAAA;QAEAL,UAAA;UAACC,QAAA,WAAAA,SAAA/B,KAAA;YAAA;cAAAhD;YAAA,IAAAgD,KAAA;YACC,QAAAhD,KAAA;UACA;QACA;MACA,IAAY,eACG,IAAAS,kBAAY,CAAA4D,GAAA,EAAArD,YAAA,CAAA0D,KAAA;QACvBzC,IAAA;QACA0C,IAAA,EAAI,UAAQ;QACZK,KAAA,EAAI,UAAU;QAChBJ,UAAA;UACFC,WAAA;UAAAO,eAAA;QACF;QAEAN,UAAA;UACFC,QAAA,WAAAA,SAAA/B,KAAA;YAGI;cAAAhD;YAAA,IAAAgD,KAA2B;YAE7B,KAAAhD,KAAA,+BAAC;YAID,IAAAA,KAAA,CAAAqF,MAAA;YAAC,sCAAAJ,IAAA,CAAAjF,KAAA;cAAA;YACC;UACA;QACA;MAAS,EACP,EAAsC,eAC7B,IAAAS,kBAAsB,CAAA4D,GAAA,EAAArD,YAAA,CAAA0D,KAAA;QAC/BzC,IAAE;QACF0C,IAAE,mBAAkB;QACpBC,UAAS;UACXC,WAAA;QACA;QAAYC,UAAA;UACdC,QAAA,WAAAA,SAAA/B,KAAA;YAEA;cAAAhD;YAAA,IAAAgD,KAAA;YAAC,IAAAR,QAAA,GAAAP,IAAA,CAAAqD,aAAA;YAAA,KAAAtF,KAAA;YACC,IAAAA,KAAA,KAAAwC,QAAA;UACA;QACA;MACA,IAAY,eACG,IAAA/B,kBAAsB,CAAA4D,GAAA,EAAArD,YAAA,CAAAuE,MAAA;QACrCC,OAAA,WAAAA,QAAA;UAAA,OAAA7D,OAAA;QACF;QAEAyC,QAAA;MAAC;IAAA;EACC;EACK,IAAAqB,wBACC,YAAAC,0BAAA;IAAA,0BAAAjF,kBAAA,CAAAsD,IAAA,EAAAhD,cAAA,CAAAiD,MAAA;MACRC,GAAA;MAEAG,QAAA,GAAC,mBAAA3D,kBAAA,CAAA4D,GAAA,EAAAtD,cAAA,CAAAuD,SAAA;QAAAC,IAAA;QACCC,UAAA;QACAJ,QAAK;MACL,IACA,eAAc,IAAA3D,kBAAa,CAAA4D,GAAA,EAAArD,YAAmB,CAAA2E,MAAA;QAAA1D,IAAA;QAChD0C,IAAA;QAEAiB,OAAA,GACE;UAGAZ,KAAA;UACFhF,KAAA;QACF,GAGI;UAEFgF,KAAA;UAIAhF,KAAA;QAEA,GAAC;UAAAgF,KAAA;UACChF,KAAA;QACA,GACA;UACAgF,KAAA,EAAY;UACZhF,KAAA,EAAY;QACV,GACE;UACEgF,KAAA,EAAO;UACThF,KAAA;QACF,EACF;QAAA6E,WAAA;MACF,IAEA,mBAAApE,kBAAA,CAAA4D,GAAC,EAAArD,YAAA,CAAA6E,QAAA,EAAO;QACN5D,IAAA;QAGA0C,IAAA;QAOFK,KAAA;QACFF,UAAA;UAIAC,QAAA,WAAAA,SAAA/B,KAAA;YAGgB;cAAAhD;YAAA,CAAc,GAAAgD,KAAA;YACd,QAAAhD,KAAa,gCAAyB;UAC/C;QAEL;MAGN,IAEA,eAAsB,IAAAS,kBAAY,CAAA4D,GAAA,EAAArD,YAAA,CAAA8E,MAAA;QACrB7D,IAAA;QACJ0C,IAAA,mBAAc;QAGnBK,KAAA;MAGM,IAIA,mBAAAvE,kBAAA,CAAA4D,GAAC,EAAArD,YAAA,CAAA0D,KAAA;QACCzC,IAAA;QAIA0C,IAAA;QAACK,KAAA;QAAAJ,UAAA;UACCC,WAAM;QACN;MAAY,EACZ,EAAW,eACD,IAAApE,kBAAA,CAAAsD,IAAA,EAAAhD,cAAC,CAAA0D,MAAA;QAAaR,GAAA;QAC1BG,QAAA,GAEA,mBAAA3D,kBAAA,CAAA4D,GAAA,EAAArD,YAAA,CAAAuE,MAAA;UAACQ,OAAA;UAAAP,OAAA,WAAAA,QAAA;YACC,OAAM7D,OAAA;UACN;UACAyC,QAAA;QACA,IACA,eACE,IAAA3D,kBACE,CAAA4D,GAAA,EAAArD,YAAA,CAAAuE,MAAA;UAEgEC,OAAA,WAAAA,QAAA;YAGtE,OAAA7D,OAAA;UAEA;UAEAyC,QAAA;QAAC;MAAA,EACC;IACY;EACN;EACO,IAAA4B,kBAAA,YAAAC,oBAAA;IAAA,OACf,mBAAAxF,kBAAA,CAAAsD,IAAA,EAAAhD,cAAA,CAAAiD,MAAA;MAEAC,GAAA;MAAAG,QAAC,sBAAA3D,kBAAA,CAAA4D,GAAA,EAAAtD,cAAA,CAAAuD,SAAA;QACCC,IAAA,MAAM;QACNC,UAAA,QAAY;QACZJ,QAAA;MAAW,EACX,EAAS,eACE,IAAA3D,kBAAA,CAAA4D,GAAA,EAAAtD,cAAA,CAAAuD,SAAA;QAAAF,QAAA;MACb,IAEA,mBAAA3D,kBAAA,CAAA4D,GAAA,EAAArD,YAAA,CAAAkF,QAAA;QAACjE,IAAA;QAAA0C,IAAA;QACCU,MAAA,EAAM;QACNc,UAAS,EAAA1C,iBAAA;QAAAqB,UACL,EAAO;UACTC,QAAE,EAAO,SAAUA,QAAOA,CAAA/B,KAAK;YAC7B;cAAAhD;YAAO,IAAAgD,KAAA;YACX,KAAAhD,KAAA,IAAAA,KAAA,CAAAqF,MAAA;cACA,OAAY;YAAA;UACd;QACF;MAEA,IAEA,mBAAA5E,kBAAA,CAAAsD,IAAC,EAAAhD,cAAA,CAAA0D,MAAO;QACNR,GAAA;QAIAG,QAAA,GACE,mBAAA3D,kBAAA,CAAA4D,GAAC,EAAArD,YAAA,CAAAuE,MAAM;UACPQ,OAAA;UACEP,OAAA,WAAAA,QAAA;YAGA,OAAA7D,OAAA;UACF;UACAyC,QAAA;QACF,IAEA,mBAAA3D,kBAAA,CAAC4D,GAAA,EAAApC,IAAA,CAAAmE,SAAA;UACCC,QAAA,WAAAA,SAAAC,KAAA;YAGA,QAGFA,KAAA,CAAAC,SAAA,EAEAD,KAAA,CAAAE,YAAA,CACE;UACA;UAGApC,QAAA,WAAAA,SAAApB,KAAA;YAGF,KAAAuD,SAAA,EAAAC,YAAA,IAAAxD,KAAA;YACF,0BAAAvC,kBAAA,CAAA4D,GAAA,EAAArD,YAAA,CAAAuE,MAAA;cAGNtC,MAAA;cAEJwD,QAAA,GAAAF,SAAA,IAAAC,YAAA","ignoreList":[]}

package/dist/cjs/fields/Barcode/Barcode.spec.cjs

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