@multiplatform.one/forms 6.1.0 → 6.3.0

package/dist/jsx/fields/Barcode/index.native.js

@@ -28,7 +28,9 @@ __export(Barcode_exports, {
 });
 module.exports = __toCommonJS(Barcode_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
 var import_tamagui = require("tamagui");
 var import_Button = require("../../Button/index.native.js");
 var import_ControlGroup = require("../../ControlGroup/index.native.js");
@@ -37,7 +39,12 @@ var import_fieldLayout = require("../../fieldLayout.native.js");
 var import_InputParts = require("../../InputParts/index.native.js");
 var import_colorRamps = require("../../shared/colorRamps.native.js");
 var import_utils = require("../../shared/utils.native.js");
+var import_t = require("../../shared/t.native.js");
 var import_BarcodeScanner = require("./BarcodeScanner.native.js");
+var suppressBoxFocusRing = {
+  focused: false,
+  setFocused: function setFocused(_val) {}
+};
 function BarcodeInput(param) {
   var {
     value,
@@ -46,14 +53,38 @@ function BarcodeInput(param) {
     readOnly,
     enableScan,
     knobProps,
+    areaFocusRing,
     barcodeIcon,
     scanIcon,
     stopIcon,
     required,
-    hasError
+    hasError,
+    id,
+    hasLabel
   } = param;
-  var [isScanning, setIsScanning] = (0, import_react.useState)(false);
-  var [scanError, setScanError] = (0, import_react.useState)(null);
+  var [isScanning, setIsScanning] = (0, import_react2.useState)(false);
+  var [scanError, setScanError] = (0, import_react2.useState)(null);
+  var preflightingRef = (0, import_react2.useRef)(false);
+  var activeScanIcon = isScanning ? stopIcon : scanIcon;
+  var handleScanPress = async function handleScanPress2() {
+    if (isScanning) {
+      setIsScanning(false);
+      return;
+    }
+    if (preflightingRef.current) return;
+    preflightingRef.current = true;
+    try {
+      var result = await (0, import_BarcodeScanner.preflightCamera)();
+      if (result.ok) {
+        setScanError(null);
+        setIsScanning(true);
+      } else {
+        setScanError(result.reason);
+      }
+    } finally {
+      preflightingRef.current = false;
+    }
+  };
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
       size: knobProps.sizeToken,
@@ -61,32 +92,43 @@ function BarcodeInput(param) {
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
           width: 0
         }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_InputParts.Input.Box, {
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+          children: [barcodeIcon ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
             adornment: "leading",
             children: barcodeIcon
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.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
+          }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.FocusContext.Provider, {
+            ...suppressBoxFocusRing,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
+              id,
+              value,
+              onChangeText: readOnly ? void 0 : onValueChange,
+              readOnly,
+              "aria-readonly": readOnly || void 0,
+              placeholder: (0, import_t.t)("Enter or scan barcode"),
+              disabled,
+              focusStyle: areaFocusRing,
+              focusVisibleStyle: areaFocusRing,
+              "aria-labelledby": hasLabel && id ? `${id}-label` : void 0,
+              "aria-label": hasLabel ? void 0 : (0, import_t.t)("Barcode"),
+              "aria-required": required || void 0,
+              "aria-invalid": hasError || void 0
+            })
           })]
-        }), enableScan && !readOnly ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+        }), enableScan && !readOnly ?
+        // Icon when provided; otherwise a text label — an icon-less Button
+        // renders as a bare colored box (looks like a stuck skeleton).
+        /* @__PURE__ */
+        (0, import_jsx_runtime.jsx)(import_Button.Button, {
           size: knobProps.sizeToken,
           disabled,
-          onPress: function onPress() {
-            return setIsScanning(function (s) {
-              return !s;
-            });
-          },
-          icon: isScanning ? stopIcon : scanIcon,
+          onPress: handleScanPress,
+          ...(activeScanIcon ? {
+            icon: activeScanIcon
+          } : void 0),
           ...(isScanning ? {
             theme: "red"
           } : void 0),
-          "aria-label": isScanning ? "Stop scanning" : "Scan barcode"
+          "aria-label": isScanning ? (0, import_t.t)("Stop scanning") : (0, import_t.t)("Scan barcode"),
+          children: activeScanIcon ? void 0 : isScanning ? (0, import_t.t)("Stop") : (0, import_t.t)("Scan")
         }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
           width: 0
         })]
@@ -107,6 +149,15 @@ function BarcodeInput(param) {
     })]
   });
 }
+var defaultBarcodeIcon = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.BarcodeIcon, {
+  size: 18
+});
+var defaultScanIcon = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CameraIcon, {
+  size: 18
+});
+var defaultStopIcon = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {
+  size: 18
+});
 function Barcode(param) {
   var {
     name,
@@ -126,15 +177,16 @@ function Barcode(param) {
     disabled,
     readOnly,
     enableScan = true,
-    barcodeIcon,
-    scanIcon,
-    stopIcon,
+    barcodeIcon = defaultBarcodeIcon,
+    scanIcon = defaultScanIcon,
+    stopIcon = defaultStopIcon,
     skeleton,
     compact
   } = param;
   var {
     resolvedForm,
     knobProps,
+    control,
     id
   } = (0, import_utils.useFormField)({
     form: formProp,
@@ -142,6 +194,10 @@ function Barcode(param) {
     compact
   });
   var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  var areaFocusRing = (0, import_theme.ensureFocusVisibleRing)({
+    ...control.focusVisibleKnobProps,
+    outlineOffset: -2
+  });
   var iconProps = {
     barcodeIcon,
     scanIcon,
@@ -172,6 +228,9 @@ function Barcode(param) {
       size,
       knobProps,
       onBlur,
+      // LC-40: FieldLayout owns the dimWhole assembly dim (keepLabel pins
+      // the sibling label/helper readable) — it needs the disabled state.
+      disabled,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(BarcodeInput, {
         value: (_ref = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref !== void 0 ? _ref : "",
         onValueChange: function onValueChange(v) {
@@ -181,8 +240,11 @@ function Barcode(param) {
         readOnly: !!readOnly,
         enableScan,
         knobProps,
+        areaFocusRing,
         required,
         hasError: !!error,
+        id,
+        hasLabel: Boolean(label),
         ...iconProps
       })
     });
@@ -205,6 +267,8 @@ function Barcode(param) {
         size,
         knobProps,
         onBlur: (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur),
+        // LC-40: see standalone branch — FieldLayout carries dimWhole.
+        disabled,
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(BarcodeInput, {
           value: (_field_state_value = field.state.value) !== null && _field_state_value !== void 0 ? _field_state_value : "",
           onValueChange: function onValueChange(v) {
@@ -216,8 +280,11 @@ function Barcode(param) {
           readOnly: !!readOnly,
           enableScan,
           knobProps,
+          areaFocusRing,
           required,
           hasError: !!resolvedError,
+          id,
+          hasLabel: Boolean(label),
           ...iconProps
         })
       });

package/dist/jsx/fields/Barcode/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Barcode_exports","Barcode","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_Button","import_ControlGroup","import_Skeleton","import_fieldLayout","import_InputParts","import_colorRamps","import_utils","import_BarcodeScanner","BarcodeInput","param","onValueChange","disabled","readOnly","enableScan","knobProps","barcodeIcon","scanIcon","stopIcon","required","hasError","isScanning","setIsScanning","useState","scanError","setScanError","jsxs","Fragment","children","jsx","Input","size","sizeToken","ControlGroup","View","width","Box","Icon","adornment","Area","onChangeText","placeholder","Button","onPress","s","icon","theme","BarcodeScanner","active","onScan","onError","onClose","Text","body","color","formCommonColors","error","fontSize","form","formProp","validators","label","labelProps","helperText","id","idProp","defaultValue","onChange","onBlur","skeleton","compact","resolvedForm","useFormField","resolvedValidators","useResolvedValidators","iconProps","FieldLayout","Skeleton","variant","height","_ref","v","Field","field","_field_state_value","resolvedError","getFieldError","mergeFieldHandler","state","handleChange"],"sources":["../../../../src/fields/Barcode/index.tsx"],"sourcesContent":[null],"mappings":"AAEA,YAAS;;AAET,IAAAA,SAAS,GAAMC,MAAA,CAAAC,cAAY;AAC3B,IAAAC,gBAAS,GAAcF,MAAA,CAAAG,wBAAA;AACvB,IAAAC,iBAAS,GAAAJ,MAAoB,CAAAK,mBAAA;AAC7B,IAAAC,YAAS,GAAAN,MAAgB,CAAAO,SAAA,CAAAC,cAAA;AACzB,IAAAC,QAAS,GAAAA,CAAOC,MAAA,EAAAC,GAAA;EAChB,SAASC,IAAA,IAASD,GAAA,EAClBZ,SAAS,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAwB,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AACjC;AAAA,IACEC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACKnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAEP;EA+BI,OAAAE,EAAA;AA7BJ;AAAsB,IACpBM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACAE,eAAA;AAAAhB,QACA,CAAAgB,eAAA;EACAC,OAAA,EAAAA,CAAA,KAAAA;AAAA,EACA;AAAAC,MACA,CAAAC,OAAA,GAAAN,YAAA,CAAAG,eAAA;AAAA,IACAI,kBAAA,GAAAC,OAAA;AAAA,IACAC,YAAA,GAAAD,OAAA;AAAA,IACAE,cAAA,GAAAF,OAAA;AAAA,IACAG,aAAA,GAAAH,OAAA;AAAA,IACAI,mBAAA,GAAAJ,OAAA;AACF,IAYGK,eAAA,GAAAL,OAAA;AACD,IAAAM,kBAAmB,GAAAN,OAAA,8BAA+B;AAClD,IAAAO,iBAAkB,GAAAP,OAAA,CAAY,kCAAgC;AAE9D,IAAAQ,iBACE,GAAAR,OAAA,oCACE;AAAA,IAAAS,YAAA,GAAAT,OAAC,+BAAiB;AAEd,IAAAU,qBAAA,GAACV,OAAK,6BAAU;AAAA,SAChBW,aAAAC,KAAC;EACC;IAAAlB,KAAA;IAAAmB,aAAC;IAAAC,QAAA;IAAWC,QAAK;IAAAC,UAAU;IAAAC,SAAW;IAAAC,WAAA;IAAAC,QAAY;IAAAC,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAV,KAAA;EAAA,KAAAW,UAClD,EAAAC,aAAA,QAAAvB,YAAA,CAAAwB,QAAA;EAAA,KAAAC,SAAC,EAAAC,YAAW,QAAA1B,YAAA,CAAAwB,QAAA;EAAA,sBAAX,IAAA1B,kBAAA,CAAA6B,IAAA,EAAA7B,kBAAA,CAAA8B,QAAA;IAAAC,QACC,kBACA,IAAc/B,kBAAW,CAAAgC,GAAY,EAAAxB,iBAAA,CAAAyB,KAAA;MAAAC,IACrC,EAAAhB,SAAA,CAAAiB,SAAA;MAAAJ,QACA,iBAAe,IAAA/B,kBAAY,CAAA6B,IAAA,EAAAxB,mBAAA,CAAA+B,YAAA;QAAAL,QAC3B,GACA,mBAAA/B,kBAAA,CAAAgC,GAAA,EAAA7B,cAAA,CAAAkC,IAAA;UACAC,KAAA;QACA,IAA0B,mBAAAtC,kBAAA,CAAA6B,IAAA,EAAArB,iBAAA,CAAAyB,KAAA,CAAAM,GAAA;UAC5BR,QAAA,GACF,mBAAA/B,kBAAA,CAAAgC,GAAA,EAAAxB,iBAAA,CAAAyB,KAAA,CAAAO,IAAA;YACCC,SAAe,WACd;YAACV,QAAA,EAAAZ;UAAA,IACO,eAAU,IAAAnB,kBAAA,CAAAgC,GAAA,EAAAxB,iBAAA,CAAAyB,KAAA,CAAAS,IAAA;YAChB/C,KAAA;YACAgD,YAAe,EAAA3B,QAAe,QAAQ,IAAAF,aAAA;YAChCE,QAAA;YACD,eAAe,EAAOA,QAAM,IAAI;YACrC4B,WAAY,yBAAa;YAAkB7B,QAAA;YAG7C,eAAC,EAAAO,QAAK,IAAO,KAAG;YAGtB,gBAAAC,QAAA;UACA;QAAC,IACCN,UAAQ,KAAAD,QAAA,sBAAAhB,kBAAA,CAAAgC,GAAA,EAAA5B,aAAA,CAAAyC,MAAA;UACRX,IAAQ,EAAAhB,SAAA,CAAAiB,SAAA;UACRpB,QAAS;UACT+B,OAAS,EAAM,SAAAA,OAAcA,CAAA,EAAK;YAClC,OAAArB,aAAA,WAAAsB,CAAA;cAAA,QAAAA,CAAA;YACF;UACC;UAKHC,IAAA,EAAAxB,UAAA,GAAAH,QAAA,GAAAD,QAAA;UAEJ,IAAAI,UAAA;YA8BgByB,KAAQ;UACtB;UACM,cAAAzB,UAAA;QACN,wBAAAxB,kBAAA,CAAAgC,GAAA,EAAA7B,cAAA,CAAAkC,IAAA;UACAC,KAAA;QACA;MAEA;IACA,IACA,mBAAAtC,kBAAA,CAAAgC,GAAA,EAAArB,qBAAA,CAAAuC,cAAA;MACIC,MAAA,EAAA3B,UAAA;MACJ4B,MAAA,EAAAtC,aAAA;MACAuC,OAAA,EAAAzB,YAAA;MACA0B,OAAA,WAAAA,QAAA;QACA,OAAA7B,aAAA;MACA;MACAP;IACA,IACAS,SAAA,uBAAA3B,kBAAA,CAAAgC,GAAA,EAAA7B,cAAA,CAAAoD,IAAA;MACA,GAAArC,SAAA,CAAAsC,IAAA;MACAC,KAAA,EAAAhD,iBAAA,CAAAiD,gBAAA,CAAAC,KAAA;MACAC,QAAA;MACA7B,QAAA,EAAAJ;IACe;EAEf;AAEA;AAGA,SAAI9B,OAAUA,CAAAgB,KAAA;EACZ;IAAA9B,IACE;IAAA8E,IAAA,EAAAC,QAAA;IAAAC,UAAC;IAAAC,KAAY;IAAAC,UAAsB;IAAAC,UAAY;IAAAP,KAC7C;IAAArC,QAAA;IAAAY,IAAA;IAAAiC,EAAA,EAAAC,MAAC;IAAAzE,KAAA;IAAA0E,YAAiB;IAAAC,QAAU;IAAAC,MAAM;IAAAxD,QAAO;IAAAC,QAAQ;IAAAC,UAAU,GAAW,IACxE;IAAAE,WAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAmD,QAAA;IAAAC;EAAA,IAAA5D,KAAA;EAEJ;IAAA6D,YAAA;IAAAxD,SAAA;IAAAiD;EAAA,QAAAzD,YAAA,CAAAiE,YAAA;IAEAd,IAAK,EAAAC,QAAA;IACHK,EAAA,EAAAC,MACE;IAAAK;EAAC;EAAA,IAAAG,kBACC,OAAAlE,YAAA,CAAAmE,qBAAA,EAAAvD,QAAA,EAAAyC,UAAA,EAAAC,KAAA,EAAAjF,IAAA;EAAA,IAAA+F,SACA;IAAA3D,WACA;IAAAC,QACA;IAAAC;EACA;EACA,IAAAmD,QACA;IAAA,OACA,mBAAAxE,kBAAA,CAAAgC,GAAA,EAAAzB,kBAAA,CAAAwE,WAAA;MAAAZ,EACA;MAAAH,KAEA;MAAA9B,IAAC;MAAAhB,SAAA;MAAAa,QACC,iBAAiB,IAAA/B,kBAA2B,CAAAgC,GAAA,EAAA1B,eAAA,CAAA0E,QAAA;QAAAC,OAC5C;QACE3C,KAAA,QAAK;QAAmC4C,MAC1C,EAAAhE,SAAA,CAAAiB;MAAA;IACY;EACA;EACZ,KAAAuC,YACA,KAAA3F,IAAA;IAAA,IAAAoG,IACA;IAAA,sBACY,IAAAnF,kBAAA,CAAAgC,GAAA,EAAAzB,kBAAA,CAAAwE,WAAA;MAAAZ,EAAA;MACRH,KAAA;MAAAC,UACN;MAAAN,KAAA;MACFO,UAAA;MAEJ5C,QAAA;MAEAY,IACE;MAAChB,SAAA;MAAAqD,MAAA;MACCxC,QAAM,qBAAA/B,kBAAA,CAAAgC,GAAA,EAAApB,YAAA;QACNjB,KAAA,GAAAwF,IAAA,GAAAxF,KAAA,aAAAA,KAAA,cAAAA,KAAA,GAAA0E,YAAA,cAAAc,IAAA,cAAAA,IAAA;QACArE,aAAA,WAAAA,cAAAsE,CAAA;UACA,KAAArE,QAAY,KAAAC,QAAA,EAAAsD,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAAc,CAAA;QAEX;QACCrE,QAAM,IAAAA,QAAA;QACNC,QACE,IAAAA,QAAA;QAAAC,UAAC;QAAAC,SAAA;QAAAI,QACC;QAAAC,QACA,IAAAoC,KAAA;QAAA,GAAAmB;MACA;IACO;EACP;EACA,sBACA,IAAA9E,kBAAA,CAAAgC,GAAA,EAAAzB,kBAAA,CAAA8E,KAAA;IAAAxB,IAAA,EAAAa,YACA;IAAA3F,IAAA;IACqDsF,YAErD;IAAAN,UAAC,EAAAa,kBAAA;IAAA7C,QAAA,WAAAA,SAAAuD,KAAA;MAAA,IAAAC,kBACS;MAAgC,IAAAC,aACxC,OAAA9E,YAAsB,CAAA+E,aAAA,EAAAH,KAAA,EAAA3B,KAAA;MACpB,sBAAI,IAAA3D,kBAAsB,CAAAgC,GAAA,EAAAzB,kBAAA,CAAAwE,WAAA;QAC1BZ,EAAA;QACAH,KAAA;QAAYC,UACd;QAAAN,KAAA,EAAA6B,aACY;QAAAtB,UACZ;QAAY5C,QACZ;QAAAY,IAAA;QACAhB,SACA;QAAAqD,MAAA,EACA,IAAA7D,YAAY,CAAAgF,iBAAA,EAAAJ,KAAA,gBAAAf,MAAA;QAAAxC,QACX,iBAAG,IAAA/B,kBAAA,CAAAgC,GAAA,EAAApB,YAAA;UAAAjB,KAAA,GAAA4F,kBAAA,GAAAD,KAAA,CAAAK,KAAA,CAAAhG,KAAA,cAAA4F,kBAAA,cAAAA,kBAAA;UAAAzE,aACN,WAAAA,cAAAsE,CAAA;YAAA,IAAArE,QAAA,IAAAC,QAAA;YACFsE,KAAA,CAAAM,YAAA,CAAAR,CAAA;YAEJd,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAAc,CAAA;UAAA;UACFrE,QAAA,IAAAA,QAAA;UAEJC,QAAA,IAAAA,QAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Barcode_exports","Barcode","module","exports","import_jsx_runtime","require","import_theme","import_react","import_react2","import_tamagui","import_Button","import_ControlGroup","import_Skeleton","import_fieldLayout","import_InputParts","import_colorRamps","import_utils","import_t","import_BarcodeScanner","suppressBoxFocusRing","focused","setFocused","_val","BarcodeInput","param","onValueChange","disabled","readOnly","enableScan","knobProps","areaFocusRing","barcodeIcon","scanIcon","stopIcon","required","hasError","id","hasLabel","isScanning","setIsScanning","useState","scanError","setScanError","preflightingRef","useRef","activeScanIcon","handleScanPress","handleScanPress2","current","result","preflightCamera","ok","reason","jsxs","Fragment","children","jsx","Input","size","sizeToken","ControlGroup","View","width","Box","Icon","adornment","FocusContext","Provider","Area","onChangeText","placeholder","t","focusStyle","focusVisibleStyle","Button","onPress","icon","theme","BarcodeScanner","active","onScan","onError","onClose","Text","body","color","formCommonColors","error","fontSize","defaultBarcodeIcon","BarcodeIcon","defaultScanIcon","CameraIcon","defaultStopIcon","XIcon","form","formProp","validators","label","labelProps","helperText","idProp","defaultValue","onChange","onBlur","skeleton","compact","resolvedForm","control","useFormField","resolvedValidators","useResolvedValidators","ensureFocusVisibleRing","focusVisibleKnobProps","outlineOffset","iconProps","FieldLayout","Skeleton","variant","height","_ref","v","Boolean","Field","field","_field_state_value","resolvedError","getFieldError","mergeFieldHandler","state","handleChange"],"sources":["../../../../src/fields/Barcode/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/Checkbox/Checkbox.mjs

@@ -1,12 +1,23 @@
 import { CheckIcon as CheckRegular, MinusIcon as MinusRegular } from "@phosphor-icons/react";
 import { useMemo } from "react";
-import { Checkbox as TamaguiCheckbox, Label, View, XStack, getVariable, useTheme } from "tamagui";
+import { Checkbox as TamaguiCheckbox, Label, View, XStack, getVariable, getVariableValue, isWeb, useTheme } from "tamagui";
+import { getSize } from "@tamagui/get-token";
+import { useIsInTableCell } from "../../shared/tableCellContext.mjs";
 import { Skeleton } from "../../Skeleton/index.mjs";
 import { Field, FieldLayout } from "../../fieldLayout.mjs";
 import { formCommonColors, formControlColors } from "../../shared/colorRamps.mjs";
 import { clampRadiusForControl, clampRadiusInStateProps, getElevationWrapperProps, getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
 import { CheckboxFieldFrame } from "./CheckboxFieldFrame.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
+function getCheckboxInlineGap(space) {
+  const inlineGapMap = {
+    none: "$1",
+    small: "$1.5",
+    medium: "$2",
+    large: "$2.5"
+  };
+  return inlineGapMap[space] || "$2";
+}
 function Checkbox({
   name,
   form: formProp,
@@ -22,6 +33,7 @@ function Checkbox({
   id: idProp,
   checked,
   defaultValue,
+  onChange,
   onCheckedChange,
   onBlur,
   checkboxProps,
@@ -30,12 +42,17 @@ function Checkbox({
   skeleton,
   compact
 }) {
+  const handleValueChange = val => {
+    onChange?.(val);
+    onCheckedChange?.(val);
+  };
   const {
     resolvedForm,
     knobProps,
     control,
     text,
     elevation,
+    disabledState,
     id
   } = useFormField({
     form: formProp,
@@ -60,13 +77,7 @@ function Checkbox({
     borderWidth: knobProps.borderRadius.borderWidth,
     borderRadius: cappedRadius
   };
-  const inlineGapMap = {
-    none: "$1",
-    small: "$1.5",
-    medium: "$2",
-    large: "$2.5"
-  };
-  const inlineGap = inlineGapMap[knobProps.space] || "$2";
+  const inlineGap = getCheckboxInlineGap(knobProps.space);
   const baseLabelColor = error ? formCommonColors.error : knobProps.textAccentColor;
   const labelHoverStyle = {
     color: baseLabelColor,
@@ -104,6 +115,54 @@ function Checkbox({
       })
     });
   };
+  const inTableCell = useIsInTableCell();
+  const targetSize = 44;
+  const glyphSize = Math.round(getVariableValue(getSize(resolvedSize)) * 0.45);
+  const targetFrameProps = {
+    width: targetSize,
+    height: targetSize,
+    minWidth: targetSize,
+    minHeight: targetSize,
+    padding: 0,
+    borderWidth: 0,
+    backgroundColor: "transparent",
+    alignItems: "center",
+    justifyContent: "center",
+    activeStyle: {
+      backgroundColor: "transparent"
+    }
+  };
+  const stateBaseStyle = {
+    backgroundColor: "transparent"
+  };
+  const glyphBox = currentChecked => /* @__PURE__ */jsx(View, {
+    width: glyphSize,
+    height: glyphSize,
+    ...knobProps.inputSurface,
+    ...resolvedRadius,
+    backgroundColor: knobProps.outlined ? "transparent" : formControlColors.background,
+    borderColor: formControlColors.border,
+    alignItems: "center",
+    justifyContent: "center",
+    children: renderIndicator(currentChecked)
+  });
+  const renderControlContent = currentChecked => elevationWrapperProps.elevation && !inTableCell ? /* @__PURE__ */jsx(View, {
+    borderRadius: resolvedRadius.borderRadius ?? knobProps.borderRadius.borderRadius,
+    ...elevationWrapperProps,
+    children: glyphBox(currentChecked)
+  }) : glyphBox(currentChecked);
+  const nativeCheckboxA11y = errorText => isWeb ? void 0 : {
+    accessible: true,
+    accessibilityState: {
+      disabled: !!disabled
+    },
+    ...(typeof label === "string" ? {
+      accessibilityLabel: `${label}${required ? " *" : ""}`
+    } : void 0),
+    ...(errorText || helperText ? {
+      accessibilityHint: errorText ?? helperText
+    } : void 0)
+  };
   if (skeleton) {
     return /* @__PURE__ */jsx(FieldLayout, {
       id,
@@ -111,15 +170,22 @@ function Checkbox({
       knobProps,
       compactSpacing: true,
       children: /* @__PURE__ */jsxs(XStack, {
-        gap: "$2",
+        gap: inlineGap,
         alignItems: "center",
-        children: [/* @__PURE__ */jsx(Skeleton, {
-          variant: "rounded",
-          width: 20,
-          height: 20
+        children: [/* @__PURE__ */jsx(View, {
+          width: targetSize,
+          height: targetSize,
+          alignItems: "center",
+          justifyContent: "center",
+          children: /* @__PURE__ */jsx(Skeleton, {
+            variant: "rounded",
+            width: 20,
+            height: 20,
+            borderRadius: cappedRadius
+          })
         }), label && /* @__PURE__ */jsx(Skeleton, {
           variant: "text",
-          width: "40%",
+          width: 96,
           height: 14
         })]
       })
@@ -129,41 +195,36 @@ function Checkbox({
     const isControlled = checked !== void 0;
     const needsFieldLayout = !!(error || helperText);
     const checkboxEl = /* @__PURE__ */jsx(CheckboxFieldFrame, {
-      ...knobProps.inputSurface,
       size: resolvedSize,
-      ...resolvedRadius,
-      outlined: knobProps.outlined,
       transition: knobProps.transition,
       ...(clampRadiusInStateProps(control.hoverKnobProps, 2) && {
         hoverStyle: {
-          backgroundColor: formControlColors.background,
-          borderColor: formControlColors.border,
+          ...stateBaseStyle,
           ...clampRadiusInStateProps(control.hoverKnobProps, 2)
         }
       }),
       ...(clampRadiusInStateProps(control.pressKnobProps, 2) && {
         pressStyle: {
-          backgroundColor: formControlColors.background,
-          borderColor: formControlColors.border,
+          ...stateBaseStyle,
           ...clampRadiusInStateProps(control.pressKnobProps, 2)
         }
       }),
       ...(clampRadiusInStateProps(control.focusKnobProps, 2) && {
         focusStyle: {
-          backgroundColor: formControlColors.background,
-          borderColor: formControlColors.border,
+          ...stateBaseStyle,
           ...clampRadiusInStateProps(control.focusKnobProps, 2)
         }
       }),
       ...(clampRadiusInStateProps(control.focusVisibleKnobProps, 2) && {
         focusVisibleStyle: {
-          backgroundColor: formControlColors.background,
-          borderColor: formControlColors.border,
+          ...stateBaseStyle,
           ...clampRadiusInStateProps(control.focusVisibleKnobProps, 2)
         }
       }),
+      ...targetFrameProps,
       ...checkboxProps,
       disabled,
+      ...(disabled ? disabledState.chromeKnobProps : void 0),
       id,
       ...(isControlled ? {
         checked
@@ -178,20 +239,16 @@ function Checkbox({
       } : void 0),
       "aria-required": required || void 0,
       "aria-invalid": !!error || void 0,
+      ...nativeCheckboxA11y(typeof error === "string" && error ? error : void 0),
       onCheckedChange: val => {
         if (disabled || readOnly) return;
-        onCheckedChange?.(val);
+        handleValueChange(val);
       },
       ...(onBlur ? {
         onBlur
       } : void 0),
-      children: renderIndicator(checked ?? defaultValue)
+      children: renderControlContent(checked ?? defaultValue)
     });
-    const checkboxControl = elevationWrapperProps.elevation ? /* @__PURE__ */jsx(View, {
-      borderRadius: resolvedRadius.borderRadius ?? knobProps.borderRadius.borderRadius,
-      ...elevationWrapperProps,
-      children: checkboxEl
-    }) : checkboxEl;
     const hasElevation = !!elevationWrapperProps.elevation;
     const checkboxRow = /* @__PURE__ */jsxs(XStack, {
       gap: inlineGap,
@@ -199,7 +256,11 @@ function Checkbox({
       ...(hasElevation && {
         overflow: "visible"
       }),
-      children: [checkboxControl, label && /* @__PURE__ */jsxs(Label, {
+      ...(disabled && !needsFieldLayout ? disabledState.assemblyKnobProps : void 0),
+      ...(disabled && !needsFieldLayout ? {
+        "data-disabled-dimmed": disabledState.style === "dimWhole" ? "true" : "false"
+      } : void 0),
+      children: [checkboxEl, label && /* @__PURE__ */jsxs(Label, {
         htmlFor: id,
         size: size || "$true",
         ...knobProps.textWeight,
@@ -208,7 +269,7 @@ function Checkbox({
         pressStyle: labelPressStyle,
         focusStyle: labelFocusStyle,
         focusVisibleStyle: labelFocusVisibleStyle,
-        paddingRight: "$1",
+        paddingInlineEnd: "$1",
         ...labelProps,
         children: [label, required && " *"]
       })]
@@ -220,6 +281,7 @@ function Checkbox({
       helperText,
       size,
       knobProps,
+      disabled,
       children: checkboxRow
     });
   }
@@ -254,6 +316,7 @@ function Checkbox({
         helperText,
         size,
         knobProps,
+        disabled,
         children: /* @__PURE__ */jsxs(XStack, {
           gap: inlineGap,
           alignItems: "center",
@@ -262,41 +325,36 @@ function Checkbox({
           }),
           children: [(() => {
             const checkboxElement = /* @__PURE__ */jsx(CheckboxFieldFrame, {
-              ...knobProps.inputSurface,
               size: resolvedSize,
-              ...resolvedRadius,
-              outlined: knobProps.outlined,
               transition: knobProps.transition,
               ...(clampRadiusInStateProps(control.hoverKnobProps, 2) && {
                 hoverStyle: {
-                  backgroundColor: formControlColors.background,
-                  borderColor: formControlColors.border,
+                  ...stateBaseStyle,
                   ...clampRadiusInStateProps(control.hoverKnobProps, 2)
                 }
               }),
               ...(clampRadiusInStateProps(control.pressKnobProps, 2) && {
                 pressStyle: {
-                  backgroundColor: formControlColors.background,
-                  borderColor: formControlColors.border,
+                  ...stateBaseStyle,
                   ...clampRadiusInStateProps(control.pressKnobProps, 2)
                 }
               }),
               ...(clampRadiusInStateProps(control.focusKnobProps, 2) && {
                 focusStyle: {
-                  backgroundColor: formControlColors.background,
-                  borderColor: formControlColors.border,
+                  ...stateBaseStyle,
                   ...clampRadiusInStateProps(control.focusKnobProps, 2)
                 }
               }),
               ...(clampRadiusInStateProps(control.focusVisibleKnobProps, 2) && {
                 focusVisibleStyle: {
-                  backgroundColor: formControlColors.background,
-                  borderColor: formControlColors.border,
+                  ...stateBaseStyle,
                   ...clampRadiusInStateProps(control.focusVisibleKnobProps, 2)
                 }
               }),
+              ...targetFrameProps,
               ...checkboxProps,
               disabled,
+              ...(disabled ? disabledState.chromeKnobProps : void 0),
               id,
               checked: resolvedChecked,
               ...(readOnly ? {
@@ -307,20 +365,17 @@ function Checkbox({
               } : void 0),
               "aria-required": required || void 0,
               "aria-invalid": !!resolvedError || void 0,
+              ...nativeCheckboxA11y(typeof resolvedError === "string" && resolvedError ? resolvedError : void 0),
               onCheckedChange: newChecked => {
                 if (disabled || readOnly) return;
                 const fieldValue = newChecked === "indeterminate" ? false : newChecked === true;
                 field.handleChange(fieldValue);
-                onCheckedChange?.(newChecked);
+                handleValueChange(newChecked);
               },
               onBlur: mergeFieldHandler(field, "handleBlur", onBlur),
-              children: renderIndicator(resolvedChecked)
+              children: renderControlContent(resolvedChecked)
             });
-            return elevationWrapperProps.elevation ? /* @__PURE__ */jsx(View, {
-              borderRadius: resolvedRadius.borderRadius ?? knobProps.borderRadius.borderRadius,
-              ...elevationWrapperProps,
-              children: checkboxElement
-            }) : checkboxElement;
+            return checkboxElement;
           })(), label && /* @__PURE__ */jsxs(Label, {
             htmlFor: id,
             size: size || "$true",
@@ -330,7 +385,7 @@ function Checkbox({
             pressStyle: resolvedLabelPressStyle,
             focusStyle: resolvedLabelFocusStyle,
             focusVisibleStyle: resolvedLabelFocusVisibleStyle,
-            paddingRight: "$1",
+            paddingInlineEnd: "$1",
             ...labelProps,
             children: [label, required && " *"]
           })]
@@ -339,5 +394,5 @@ function Checkbox({
     }
   });
 }
-export { Checkbox };
+export { Checkbox, getCheckboxInlineGap };
 //# sourceMappingURL=Checkbox.mjs.map