@multiplatform.one/forms 6.0.0

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

@@ -0,0 +1,217 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { action } from "@multiplatform.one/storybook";
+import { BarcodeIcon, CameraIcon, XIcon } from "@phosphor-icons/react";
+import { useForm } from "@tanstack/react-form";
+import { useState } from "react";
+import { Text, YStack } from "tamagui";
+import { Button } from "../../Button/index.native.js";
+import { Form } from "../../Form/index.native.js";
+import { Barcode } from "./index.native.js";
+var iconProps = {
+  barcodeIcon: /* @__PURE__ */_jsx(BarcodeIcon, {
+    size: 18
+  }),
+  scanIcon: /* @__PURE__ */_jsx(CameraIcon, {
+    size: 18
+  }),
+  stopIcon: /* @__PURE__ */_jsx(XIcon, {
+    size: 18
+  })
+};
+var meta = {
+  title: "Forms/Barcode",
+  component: Barcode,
+  parameters: {
+    docs: {
+      description: {
+        component: "A barcode input field with optional camera-based scanning via html5-qrcode."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text"
+    },
+    helperText: {
+      control: "text"
+    },
+    error: {
+      control: "text"
+    },
+    required: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"]
+    },
+    value: {
+      control: "text"
+    },
+    enableScan: {
+      control: "boolean",
+      description: "Enable camera scanner"
+    }
+  }
+};
+var Barcode_stories_default = meta;
+var Main = {
+  name: "Main",
+  render: function render() {
+    var FormExample = function FormExample2() {
+      var form = useForm({
+        defaultValues: {
+          barcode: ""
+        },
+        onSubmit: async function onSubmit(param) {
+          var {
+            value
+          } = param;
+          action("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */_jsx(Form, {
+        form,
+        maxWidth: 400,
+        children: /* @__PURE__ */_jsxs(YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */_jsx(Barcode, {
+            label: "Item Barcode",
+            name: "barcode",
+            helperText: "Scan or type the barcode",
+            enableScan: true,
+            ...iconProps
+          }), /* @__PURE__ */_jsx(Button, {
+            action: "submit",
+            children: "Look Up"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */_jsx(FormExample, {});
+  }
+};
+var Standalone = {
+  args: {
+    label: "Barcode",
+    helperText: "Scan or enter barcode",
+    enableScan: true
+  },
+  render: function render2(args) {
+    return /* @__PURE__ */_jsx(Barcode, {
+      ...args,
+      ...iconProps
+    });
+  }
+};
+var Basic = {
+  args: {
+    label: "Product Barcode",
+    helperText: "Enter or scan a barcode",
+    onChange: action("onChange")
+  },
+  render: function render3(args) {
+    return /* @__PURE__ */_jsx(Barcode, {
+      ...args,
+      ...iconProps
+    });
+  }
+};
+var Disabled = {
+  args: {
+    label: "Product Barcode",
+    helperText: "This field is disabled",
+    disabled: true,
+    onChange: action("onChange")
+  },
+  render: function render4(args) {
+    return /* @__PURE__ */_jsx(Barcode, {
+      ...args,
+      ...iconProps
+    });
+  }
+};
+var WithError = {
+  args: {
+    label: "Product Barcode",
+    helperText: "Enter or scan a barcode",
+    required: true,
+    error: "Barcode is required",
+    onChange: action("onChange")
+  },
+  render: function render5(args) {
+    return /* @__PURE__ */_jsx(Barcode, {
+      ...args,
+      ...iconProps
+    });
+  }
+};
+var Sizes = {
+  render: function render6() {
+    return /* @__PURE__ */_jsxs(YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */_jsx(Text, {
+        fontWeight: "bold",
+        children: "Size $2"
+      }), /* @__PURE__ */_jsx(Barcode, {
+        label: "Small",
+        size: "$2",
+        ...iconProps,
+        onChange: action("onChange")
+      }), /* @__PURE__ */_jsx(Text, {
+        fontWeight: "bold",
+        children: "Size $3"
+      }), /* @__PURE__ */_jsx(Barcode, {
+        label: "Medium",
+        size: "$3",
+        ...iconProps,
+        onChange: action("onChange")
+      }), /* @__PURE__ */_jsx(Text, {
+        fontWeight: "bold",
+        children: "Size $4"
+      }), /* @__PURE__ */_jsx(Barcode, {
+        label: "Large",
+        size: "$4",
+        ...iconProps,
+        onChange: action("onChange")
+      })]
+    });
+  }
+};
+var Interactive = {
+  render: function render7() {
+    var InteractiveExample = function InteractiveExample2() {
+      var [value, setValue] = useState("");
+      return /* @__PURE__ */_jsxs(YStack, {
+        gap: "$4",
+        maxWidth: 400,
+        children: [/* @__PURE__ */_jsx(Barcode, {
+          label: "Scan Product",
+          helperText: value ? `Scanned: ${value}` : "Enter a barcode",
+          value,
+          onChange: function onChange(v) {
+            setValue(v);
+            action("onChange")(v);
+          },
+          ...iconProps
+        }), /* @__PURE__ */_jsx(Barcode, {
+          label: "Without Camera",
+          enableScan: false,
+          value,
+          onChange: function onChange(v) {
+            setValue(v);
+            action("onChange")(v);
+          },
+          ...iconProps
+        })]
+      });
+    };
+    return /* @__PURE__ */_jsx(InteractiveExample, {});
+  }
+};
+export { Basic, Disabled, Interactive, Main, Sizes, Standalone, WithError, Barcode_stories_default as default };
+//# sourceMappingURL=Barcode.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","BarcodeIcon","CameraIcon","XIcon","useForm","useState","Text","YStack","Button","Form","Barcode","iconProps","barcodeIcon","size","scanIcon","stopIcon","meta","title","component","parameters","docs","description","argTypes","label","control","helperText","error","required","disabled","options","value","enableScan","Barcode_stories_default","Main","name","render","FormExample","FormExample2","form","defaultValues","barcode","onSubmit","param","maxWidth","children","gap","Standalone","args","render2","Basic","onChange","render3","Disabled","render4","WithError"],"sources":["../../../../src/fields/Barcode/Barcode.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,80 @@
+import { useEffect, useRef } from "react";
+import { View, YStack } from "tamagui";
+import { formInputColors } from "../../shared/colorRamps.mjs";
+import { jsx } from "react/jsx-runtime";
+function BarcodeScanner({
+  active,
+  onScan,
+  onError,
+  onClose,
+  knobProps
+}) {
+  const scannerRef = useRef(null);
+  const containerId = useRef(`barcode-scanner-${Math.random().toString(36).slice(2, 9)}`);
+  useEffect(() => {
+    if (!active) return;
+    let cancelled = false;
+    onError(null);
+    (async () => {
+      try {
+        const {
+          Html5Qrcode
+        } = await import("html5-qrcode");
+        if (cancelled) return;
+        const scanner = new Html5Qrcode(containerId.current);
+        scannerRef.current = scanner;
+        await scanner.start({
+          facingMode: "environment"
+        }, {
+          fps: 10,
+          qrbox: {
+            width: 250,
+            height: 150
+          },
+          aspectRatio: 1.5
+        }, decodedText => {
+          onScan(decodedText);
+          onClose();
+        }, () => {});
+      } catch (err) {
+        const message = err instanceof Error ? err.message : String(err);
+        if (message.includes("Permission") || message.includes("NotAllowed")) {
+          onError("Camera permission denied. Please allow camera access.");
+        } else if (message.includes("NotFound") || message.includes("no camera")) {
+          onError("No camera found on this device.");
+        } else {
+          onError(`Scanner error: ${message}`);
+        }
+        onClose();
+      }
+    })();
+    return () => {
+      cancelled = true;
+      const scanner = scannerRef.current;
+      if (scanner) {
+        try {
+          const state = scanner.getState?.();
+          if (state === 2 || state === void 0) scanner.stop().catch(() => {});
+        } catch {}
+        try {
+          scanner.clear();
+        } catch {}
+        scannerRef.current = null;
+      }
+    };
+  }, [active]);
+  if (!active) return null;
+  return /* @__PURE__ */jsx(YStack, {
+    ...knobProps.borderRadius,
+    ...knobProps.inputSurface,
+    borderColor: formInputColors.border.base,
+    overflow: "hidden",
+    children: /* @__PURE__ */jsx(View, {
+      id: containerId.current,
+      width: "100%",
+      minHeight: 250
+    })
+  });
+}
+export { BarcodeScanner };
+//# sourceMappingURL=BarcodeScanner.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","View","YStack","formInputColors","jsx","BarcodeScanner","active","onScan","onError","onClose","knobProps","scannerRef","containerId","Math","random","toString","slice","cancelled","Html5Qrcode","scanner","current","start","facingMode","fps","qrbox","width","height","aspectRatio","decodedText","err","message","Error","String","includes","state","getState","stop","catch","clear","borderRadius","inputSurface","borderColor","border","base","overflow","children","id","minHeight"],"sources":["../../../../src/fields/Barcode/BarcodeScanner.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,IAAA,EAAMC,MAAA,QAAc;AAC7B,SAASC,eAAA,QAAuB;AA0F1B,SAAAC,GAAA;AAtEC,SAASC,eAAe;EAC7BC,MAAA;EACAC,MAAA;EACAC,OAAA;EACAC,OAAA;EACAC;AACF,GAAwB;EACtB,MAAMC,UAAA,GAAaX,MAAA,CAAkC,IAAI;EACzD,MAAMY,WAAA,GAAcZ,MAAA,CAAO,mBAAmBa,IAAA,CAAKC,MAAA,CAAO,EAAEC,QAAA,CAAS,EAAE,EAAEC,KAAA,CAAM,GAAG,CAAC,CAAC,EAAE;EAEtFjB,SAAA,CAAU,MAAM;IACd,IAAI,CAACO,MAAA,EAAQ;IACb,IAAIW,SAAA,GAAY;IAChBT,OAAA,CAAQ,IAAI;IACZ,CAAC,YAAY;MACX,IAAI;QACF,MAAM;UAAEU;QAAY,IAAI,MAAM,OAAO,cAAc;QACnD,IAAID,SAAA,EAAW;QACf,MAAME,OAAA,GAAU,IAAID,WAAA,CAAYN,WAAA,CAAYQ,OAAO;QACnDT,UAAA,CAAWS,OAAA,GAAUD,OAAA;QACrB,MAAMA,OAAA,CAAQE,KAAA,CACZ;UAAEC,UAAA,EAAY;QAAc,GAC5B;UAAEC,GAAA,EAAK;UAAIC,KAAA,EAAO;YAAEC,KAAA,EAAO;YAAKC,MAAA,EAAQ;UAAI;UAAGC,WAAA,EAAa;QAAI,GAC/DC,WAAA,IAAwB;UACvBrB,MAAA,CAAOqB,WAAW;UAClBnB,OAAA,CAAQ;QACV,GACA,MAAM,CAAC,CACT;MACF,SAASoB,GAAA,EAAK;QACZ,MAAMC,OAAA,GAAUD,GAAA,YAAeE,KAAA,GAAQF,GAAA,CAAIC,OAAA,GAAUE,MAAA,CAAOH,GAAG;QAC/D,IAAIC,OAAA,CAAQG,QAAA,CAAS,YAAY,KAAKH,OAAA,CAAQG,QAAA,CAAS,YAAY,GAAG;UACpEzB,OAAA,CAAQ,uDAAuD;QACjE,WAAWsB,OAAA,CAAQG,QAAA,CAAS,UAAU,KAAKH,OAAA,CAAQG,QAAA,CAAS,WAAW,GAAG;UACxEzB,OAAA,CAAQ,iCAAiC;QAC3C,OAAO;UACLA,OAAA,CAAQ,kBAAkBsB,OAAO,EAAE;QACrC;QACArB,OAAA,CAAQ;MACV;IACF,GAAG;IACH,OAAO,MAAM;MACXQ,SAAA,GAAY;MACZ,MAAME,OAAA,GAAUR,UAAA,CAAWS,OAAA;MAC3B,IAAID,OAAA,EAAS;QACX,IAAI;UACF,MAAMe,KAAA,GAAQf,OAAA,CAAQgB,QAAA,GAAW;UACjC,IAAID,KAAA,KAAU,KAAKA,KAAA,KAAU,QAAWf,OAAA,CAAQiB,IAAA,CAAK,EAAEC,KAAA,CAAM,MAAM,CAAC,CAAC;QACvE,QAAQ,CAER;QACA,IAAI;UACFlB,OAAA,CAAQmB,KAAA,CAAM;QAChB,QAAQ,CAER;QACA3B,UAAA,CAAWS,OAAA,GAAU;MACvB;IACF;EACF,GAAG,CAACd,MAAM,CAAC;EAEX,IAAI,CAACA,MAAA,EAAQ,OAAO;EAEpB,OACE,eAAAF,GAAA,CAACF,MAAA;IACE,GAAGQ,SAAA,CAAU6B,YAAA;IACb,GAAG7B,SAAA,CAAU8B,YAAA;IACdC,WAAA,EAAatC,eAAA,CAAgBuC,MAAA,CAAOC,IAAA;IACpCC,QAAA,EAAS;IAETC,QAAA,iBAAAzC,GAAA,CAACH,IAAA;MAAK6C,EAAA,EAAIlC,WAAA,CAAYQ,OAAA;MAASK,KAAA,EAAM;MAAOsB,SAAA,EAAW;IAAA,CAAK;EAAA,CAC9D;AAEJ","ignoreList":[]}

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

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CameraView, useCameraPermissions } from "expo-camera";
+import { useEffect, useRef } from "react";
+import { StyleSheet } from "react-native";
+import { View, YStack } from "tamagui";
+import { formInputColors } from "../../shared/colorRamps.native.js";
+var barcodeTypes = ["qr", "ean13", "ean8", "code128", "code39", "code93", "upc_a", "upc_e", "codabar", "itf14", "datamatrix", "pdf417", "aztec"];
+function BarcodeScanner(param) {
+  var {
+    active,
+    onScan,
+    onError,
+    onClose,
+    knobProps
+  } = param;
+  var [permission, requestPermission] = useCameraPermissions();
+  var handledRef = useRef(false);
+  useEffect(function () {
+    if (!active) return;
+    handledRef.current = false;
+    onError(null);
+    if (permission && !permission.granted) {
+      requestPermission().then(function (res) {
+        if (!res.granted) {
+          onError("Camera permission denied. Please allow camera access.");
+          onClose();
+        }
+      });
+    }
+  }, [active, permission === null || permission === void 0 ? void 0 : permission.granted]);
+  if (!active || !(permission === null || permission === void 0 ? void 0 : permission.granted)) return null;
+  return /* @__PURE__ */_jsx(YStack, {
+    ...knobProps.borderRadius,
+    ...knobProps.inputSurface,
+    borderColor: formInputColors.border.base,
+    overflow: "hidden",
+    children: /* @__PURE__ */_jsx(View, {
+      width: "100%",
+      height: 250,
+      children: /* @__PURE__ */_jsx(CameraView, {
+        style: StyleSheet.absoluteFill,
+        facing: "back",
+        barcodeScannerSettings: {
+          barcodeTypes: [...barcodeTypes]
+        },
+        onBarcodeScanned: function onBarcodeScanned(param2) {
+          var {
+            data
+          } = param2;
+          if (handledRef.current) return;
+          handledRef.current = true;
+          onScan(data);
+          onClose();
+        }
+      })
+    })
+  });
+}
+export { BarcodeScanner };
+//# sourceMappingURL=BarcodeScanner.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","CameraView","useCameraPermissions","useEffect","useRef","StyleSheet","View","YStack","formInputColors","barcodeTypes","BarcodeScanner","param","active","onScan","onError","onClose","knobProps","permission","requestPermission","handledRef","current","granted","then","res","borderRadius","inputSurface","borderColor","border","base","overflow","children","width","height","style","absoluteFill","facing","barcodeScannerSettings","onBarcodeScanned","param2","data"],"sources":["../../../../src/fields/Barcode/BarcodeScanner.native.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,QAAY;AAC5B,SAASC,UAAA,EAAYC,oBAAA,QAA4B;AACjD,SAASC,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,UAAA,QAAkB;AAC3B,SAASC,IAAA,EAAMC,MAAA,QAAc;AAC7B,SAASC,eAAA,QAAuB;AAChC,IAAIC,YAAA,GAAe,CACf,MACA,SACA,QACA,WACA,UACA,UACA,SACA,SACA,WACA,SACA,cACA,UACA,QACJ;AAQW,SAASC,eAAeC,KAAA,EAAO;EACtC,IAAI;IAAEC,MAAA;IAAQC,MAAA;IAAQC,OAAA;IAASC,OAAA;IAASC;EAAU,IAAIL,KAAA;EACtD,IAAI,CAACM,UAAA,EAAYC,iBAAiB,IAAIhB,oBAAA,CAAqB;EAC3D,IAAIiB,UAAA,GAAaf,MAAA,CAAO,KAAK;EAC7BD,SAAA,CAAU,YAAW;IACjB,IAAI,CAACS,MAAA,EAAQ;IACbO,UAAA,CAAWC,OAAA,GAAU;IACrBN,OAAA,CAAQ,IAAI;IACZ,IAAIG,UAAA,IAAc,CAACA,UAAA,CAAWI,OAAA,EAAS;MACnCH,iBAAA,CAAkB,EAAEI,IAAA,CAAK,UAASC,GAAA,EAAK;QACnC,IAAI,CAACA,GAAA,CAAIF,OAAA,EAAS;UACdP,OAAA,CAAQ,uDAAuD;UAC/DC,OAAA,CAAQ;QACZ;MACJ,CAAC;IACL;EACJ,GAAG,CACCH,MAAA,EACAK,UAAA,KAAe,QAAQA,UAAA,KAAe,SAAS,SAASA,UAAA,CAAWI,OAAA,CACtE;EACD,IAAI,CAACT,MAAA,IAAU,EAAEK,UAAA,KAAe,QAAQA,UAAA,KAAe,SAAS,SAASA,UAAA,CAAWI,OAAA,GAAU,OAAO;EACrG,OAAqB,eAAArB,IAAA,CAAKO,MAAA,EAAQ;IAC9B,GAAGS,SAAA,CAAUQ,YAAA;IACb,GAAGR,SAAA,CAAUS,YAAA;IACbC,WAAA,EAAalB,eAAA,CAAgBmB,MAAA,CAAOC,IAAA;IACpCC,QAAA,EAAU;IACVC,QAAA,EAAwB,eAAA9B,IAAA,CAAKM,IAAA,EAAM;MAC/ByB,KAAA,EAAO;MACPC,MAAA,EAAQ;MACRF,QAAA,EAAwB,eAAA9B,IAAA,CAAKC,UAAA,EAAY;QACrCgC,KAAA,EAAO5B,UAAA,CAAW6B,YAAA;QAClBC,MAAA,EAAQ;QACRC,sBAAA,EAAwB;UACpB3B,YAAA,EAAc,CACV,GAAGA,YAAA;QAEX;QACA4B,gBAAA,EAAkB,SAASA,iBAAiBC,MAAA,EAAO;UAC/C,IAAI;YAAEC;UAAK,IAAID,MAAA;UACf,IAAInB,UAAA,CAAWC,OAAA,EAAS;UACxBD,UAAA,CAAWC,OAAA,GAAU;UACrBP,MAAA,CAAO0B,IAAI;UACXxB,OAAA,CAAQ;QACZ;MACJ,CAAC;IACL,CAAC;EACL,CAAC;AACL","ignoreList":[]}

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

@@ -0,0 +1,189 @@
+import { useState } from "react";
+import { Text, View } from "tamagui";
+import { Button } from "../../Button/index.mjs";
+import { ControlGroup } from "../../ControlGroup/index.mjs";
+import { Skeleton } from "../../Skeleton/index.mjs";
+import { Field, FieldLayout } from "../../fieldLayout.mjs";
+import { Input as InputParts } from "../../InputParts/index.mjs";
+import { formCommonColors } from "../../shared/colorRamps.mjs";
+import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
+import { BarcodeScanner } from "./BarcodeScanner.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function BarcodeInput({
+  value,
+  onValueChange,
+  disabled,
+  readOnly,
+  enableScan,
+  knobProps,
+  barcodeIcon,
+  scanIcon,
+  stopIcon,
+  required,
+  hasError
+}) {
+  const [isScanning, setIsScanning] = useState(false);
+  const [scanError, setScanError] = useState(null);
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx(InputParts, {
+      size: knobProps.sizeToken,
+      children: /* @__PURE__ */jsxs(ControlGroup, {
+        children: [/* @__PURE__ */jsx(View, {
+          width: 0
+        }), /* @__PURE__ */jsxs(InputParts.Box, {
+          children: [/* @__PURE__ */jsx(InputParts.Icon, {
+            adornment: "leading",
+            children: barcodeIcon
+          }), /* @__PURE__ */jsx(InputParts.Area, {
+            value,
+            onChangeText: readOnly ? void 0 : onValueChange,
+            readOnly,
+            "aria-readonly": readOnly || void 0,
+            placeholder: "Enter or scan barcode",
+            disabled,
+            "aria-required": required || void 0,
+            "aria-invalid": hasError || void 0
+          })]
+        }), enableScan && !readOnly ? /* @__PURE__ */jsx(Button, {
+          size: knobProps.sizeToken,
+          disabled,
+          onPress: () => setIsScanning(s => !s),
+          icon: isScanning ? stopIcon : scanIcon,
+          ...(isScanning ? {
+            theme: "red"
+          } : void 0),
+          "aria-label": isScanning ? "Stop scanning" : "Scan barcode"
+        }) : /* @__PURE__ */jsx(View, {
+          width: 0
+        })]
+      })
+    }), /* @__PURE__ */jsx(BarcodeScanner, {
+      active: isScanning,
+      onScan: onValueChange,
+      onError: setScanError,
+      onClose: () => setIsScanning(false),
+      knobProps
+    }), scanError && /* @__PURE__ */jsx(Text, {
+      ...knobProps.body,
+      color: formCommonColors.error,
+      fontSize: "$2",
+      children: scanError
+    })]
+  });
+}
+function Barcode({
+  name,
+  form: formProp,
+  validators,
+  label,
+  labelProps,
+  helperText,
+  error,
+  required,
+  size,
+  id: idProp,
+  value,
+  defaultValue,
+  onChange,
+  onBlur,
+  disabled,
+  readOnly,
+  enableScan = true,
+  barcodeIcon,
+  scanIcon,
+  stopIcon,
+  skeleton,
+  compact
+}) {
+  const {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  const resolvedValidators = useResolvedValidators(required, validators, label, name);
+  const iconProps = {
+    barcodeIcon,
+    scanIcon,
+    stopIcon
+  };
+  if (skeleton) {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */jsx(Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: knobProps.sizeToken
+      })
+    });
+  }
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: /* @__PURE__ */jsx(BarcodeInput, {
+        value: value ?? defaultValue ?? "",
+        onValueChange: v => {
+          if (!disabled && !readOnly) onChange?.(v);
+        },
+        disabled: !!disabled,
+        readOnly: !!readOnly,
+        enableScan,
+        knobProps,
+        required,
+        hasError: !!error,
+        ...iconProps
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: field => {
+      const resolvedError = getFieldError(field, error);
+      return /* @__PURE__ */jsx(FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        onBlur: mergeFieldHandler(field, "handleBlur", onBlur),
+        children: /* @__PURE__ */jsx(BarcodeInput, {
+          value: field.state.value ?? "",
+          onValueChange: v => {
+            if (disabled || readOnly) return;
+            field.handleChange(v);
+            onChange?.(v);
+          },
+          disabled: !!disabled,
+          readOnly: !!readOnly,
+          enableScan,
+          knobProps,
+          required,
+          hasError: !!resolvedError,
+          ...iconProps
+        })
+      });
+    }
+  });
+}
+export { Barcode };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Text","View","Button","ControlGroup","Skeleton","Field","FieldLayout","Input","InputParts","formCommonColors","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","BarcodeScanner","Fragment","jsx","jsxs","BarcodeInput","value","onValueChange","disabled","readOnly","enableScan","knobProps","barcodeIcon","scanIcon","stopIcon","required","hasError","isScanning","setIsScanning","scanError","setScanError","children","size","sizeToken","width","Box","Icon","adornment","Area","onChangeText","placeholder","onPress","s","icon","theme","active","onScan","onError","onClose","body","color","error","fontSize","Barcode","name","form","formProp","validators","label","labelProps","helperText","id","idProp","defaultValue","onChange","onBlur","skeleton","compact","resolvedForm","resolvedValidators","iconProps","variant","height","v","field","resolvedError","state","handleChange"],"sources":["../../../../src/fields/Barcode/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}