@multiplatform.one/forms 6.0.0

package/dist/cjs/fieldLayout.cjs

@@ -0,0 +1,121 @@
+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 fieldLayout_exports = {};
+__export(fieldLayout_exports, {
+  Field: () => Field,
+  FieldLayout: () => FieldLayout,
+  useFieldDescribedBy: () => useFieldDescribedBy
+});
+module.exports = __toCommonJS(fieldLayout_exports);
+var import_react_form = require("@tanstack/react-form");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_colorRamps = require("./shared/colorRamps.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const FieldDescribedByContext = (0, import_react.createContext)(void 0);
+function useFieldDescribedBy() {
+  return (0, import_react.useContext)(FieldDescribedByContext);
+}
+function getHelperTextSize(size) {
+  if (!size) return "$1";
+  const sizeMap = {
+    $1: "$1",
+    $2: "$1",
+    $3: "$2",
+    $4: "$3",
+    $5: "$4",
+    $6: "$5",
+    $7: "$6",
+    $8: "$7",
+    $9: "$8",
+    $10: "$9",
+    $11: "$10",
+    $12: "$11",
+    $13: "$12",
+    $14: "$13",
+    $15: "$14",
+    $16: "$15",
+    $17: "$16"
+  };
+  return sizeMap[size.toString()] || "$1";
+}
+function FieldLayout({
+  id,
+  label,
+  labelProps,
+  error: propError,
+  field,
+  helperText,
+  required,
+  size,
+  knobProps: knobPropsProp,
+  onBlur,
+  compactSpacing,
+  children
+}) {
+  const {
+    knobProps: resolvedKnobs
+  } = (0, import_theme.useResolvedKnobs)();
+  const knobProps = knobPropsProp ?? resolvedKnobs;
+  const error = field?.state.meta.errors.length ? String(field.state.meta.errors[0]) : propError;
+  const errorMessage = typeof error === "string" && error.length > 0 ? error : void 0;
+  const hasErrorState = Boolean(error);
+  const helperSize = getHelperTextSize(size || knobProps.sizeToken);
+  const useCompact = compactSpacing || !label;
+  const gapProps = useCompact ? {
+    gap: "$1"
+  } : knobProps.gap;
+  const describedBy = [helperText && id ? `${id}-description` : void 0, errorMessage && id ? `${id}-error` : void 0].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FieldDescribedByContext.Provider, {
+    value: describedBy,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      theme: hasErrorState ? "red" : void 0,
+      ...gapProps,
+      onBlur,
+      children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
+        htmlFor: id,
+        size: size || knobProps.sizeToken,
+        ...knobProps.heading,
+        color: hasErrorState ? import_colorRamps.formCommonColors.error : knobProps.textAccentColor,
+        ...labelProps,
+        children: [label, required && " *"]
+      }), children, helperText && !errorMessage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        id: id ? `${id}-description` : void 0,
+        size: helperSize,
+        ...knobProps.body,
+        color: import_colorRamps.formCommonColors.text,
+        children: helperText
+      }) : null, errorMessage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        id: id ? `${id}-error` : void 0,
+        size: helperSize,
+        ...knobProps.body,
+        color: import_colorRamps.formCommonColors.error,
+        role: "alert",
+        "aria-live": "polite",
+        children: errorMessage
+      }) : null]
+    })
+  });
+}
+const Field = import_react_form.Field;

package/dist/cjs/fieldLayout.native.js

@@ -0,0 +1,125 @@
+"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 fieldLayout_exports = {};
+__export(fieldLayout_exports, {
+  Field: () => Field,
+  FieldLayout: () => FieldLayout,
+  useFieldDescribedBy: () => useFieldDescribedBy
+});
+module.exports = __toCommonJS(fieldLayout_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_form = require("@tanstack/react-form");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_colorRamps = require("./shared/colorRamps.native.js");
+var FieldDescribedByContext = /* @__PURE__ */(0, import_react.createContext)(void 0);
+function useFieldDescribedBy() {
+  return (0, import_react.useContext)(FieldDescribedByContext);
+}
+function getHelperTextSize(size) {
+  if (!size) return "$1";
+  var sizeMap = {
+    $1: "$1",
+    $2: "$1",
+    $3: "$2",
+    $4: "$3",
+    $5: "$4",
+    $6: "$5",
+    $7: "$6",
+    $8: "$7",
+    $9: "$8",
+    $10: "$9",
+    $11: "$10",
+    $12: "$11",
+    $13: "$12",
+    $14: "$13",
+    $15: "$14",
+    $16: "$15",
+    $17: "$16"
+  };
+  return sizeMap[size.toString()] || "$1";
+}
+function FieldLayout(param) {
+  var {
+    id,
+    label,
+    labelProps,
+    error: propError,
+    field,
+    helperText,
+    required,
+    size,
+    knobProps: knobPropsProp,
+    onBlur,
+    compactSpacing,
+    children
+  } = param;
+  var {
+    knobProps: resolvedKnobs
+  } = (0, import_theme.useResolvedKnobs)();
+  var knobProps = knobPropsProp !== null && knobPropsProp !== void 0 ? knobPropsProp : resolvedKnobs;
+  var error = (field === null || field === void 0 ? void 0 : field.state.meta.errors.length) ? String(field.state.meta.errors[0]) : propError;
+  var errorMessage = typeof error === "string" && error.length > 0 ? error : void 0;
+  var hasErrorState = Boolean(error);
+  var helperSize = getHelperTextSize(size || knobProps.sizeToken);
+  var useCompact = compactSpacing || !label;
+  var gapProps = useCompact ? {
+    gap: "$1"
+  } : knobProps.gap;
+  var describedBy = [helperText && id ? `${id}-description` : void 0, errorMessage && id ? `${id}-error` : void 0].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FieldDescribedByContext.Provider, {
+    value: describedBy,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      theme: hasErrorState ? "red" : void 0,
+      ...gapProps,
+      onBlur,
+      children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
+        htmlFor: id,
+        size: size || knobProps.sizeToken,
+        ...knobProps.heading,
+        color: hasErrorState ? import_colorRamps.formCommonColors.error : knobProps.textAccentColor,
+        ...labelProps,
+        children: [label, required && " *"]
+      }), children, helperText && !errorMessage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        id: id ? `${id}-description` : void 0,
+        size: helperSize,
+        ...knobProps.body,
+        color: import_colorRamps.formCommonColors.text,
+        children: helperText
+      }) : null, errorMessage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        id: id ? `${id}-error` : void 0,
+        size: helperSize,
+        ...knobProps.body,
+        color: import_colorRamps.formCommonColors.error,
+        role: "alert",
+        "aria-live": "polite",
+        children: errorMessage
+      }) : null]
+    })
+  });
+}
+var Field = import_react_form.Field;
+//# sourceMappingURL=fieldLayout.native.js.map

package/dist/cjs/fieldLayout.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","fieldLayout_exports","__export","Field","FieldLayout","useFieldDescribedBy","module","exports","import_jsx_runtime","require","import_react_form","import_theme","import_react","import_tamagui","import_colorRamps","FieldDescribedByContext","createContext","useContext","getHelperTextSize","size","sizeMap","$1","$2","$3","$4","$5","$6","$7","$8","$9","$10","$11","$12","$13","$14","$15","$16","$17","toString","param","id","label","labelProps","error","propError","field","helperText","required","knobProps","knobPropsProp","onBlur","compactSpacing","children","resolvedKnobs","useResolvedKnobs","state","meta","errors","length","String","errorMessage","hasErrorState","Boolean","helperSize","sizeToken","useCompact","gapProps","gap","describedBy","filter","join","jsx","Provider","jsxs","YStack","theme","Label","htmlFor","heading","color","formCommonColors","textAccentColor","Paragraph","body","text","role"],"sources":["../../src/fieldLayout.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA,KAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAX,YAAuC,CAAAK,mBAAA;AACvC,IAAAO,kBAAiC,GAAAC,OAAA;AAGjC,IAAAC,iBAA0C,GAAAD,OAAA;AAE1C,IAAAE,YAAA,GAAAF,OAAyC;AACzC,IAAAG,YAAA,GAAAH,OAAiC;AAqHvB,IAAAI,cAAA,GAAAJ,OAAA;AAlHV,IAAAK,iBAAM,GAAAL,OAAA,gCAA0B;AACzB,IAAAM,uBAAS,kBAAsB,IAAAH,YAAA,CAAAI,aAAA;AACpC,SAAAX,mBAAOA,CAAA;EACT,WAAAO,YAAA,CAAAK,UAAA,EAAAF,uBAAA;AAIA;AACE,SAAKG,iBAAaA,CAAAC,IAAA;EAClB,KAAAA,IAAM,SAA0C;EAAA,IAC9CC,OAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,MAAK;IACLC,GAAA,EAAK;IACLC,GAAA,EAAK;IACLC,GAAA,EAAK;IACLC,GAAA,EAAK;IACLC,GAAA,EAAK;IACLC,GAAA,EAAK;IACLC,GAAA,EAAK;IACPC,GAAA;EACA;EACF,OAAAjB,OAAA,CAAAD,IAAA,CAAAmB,QAAA;AAgDO;AAAqB,SAC1BlC,YAAAmC,KAAA;EACA;IAAAC,EAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,QAAA;IAAA5B,IAAA;IAAA6B,SAAA,EAAAC,aAAA;IAAAC,MAAA;IAAAC,cAAA;IAAAC;EAAA,IAAAb,KAAA;EACA;IAAAS,SAAA,EAAAK;EAAA,QAAA1C,YAAA,CAAA2C,gBAAA;EACA,IAAAN,SAAO,GAAAC,aAAA,aAAAA,aAAA,cAAAA,aAAA,GAAAI,aAAA;EACP,IAAAV,KAAA,IAAAE,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAAU,KAAA,CAAAC,IAAA,CAAAC,MAAA,CAAAC,MAAA,IAAAC,MAAA,CAAAd,KAAA,CAAAU,KAAA,CAAAC,IAAA,CAAAC,MAAA,OAAAb,SAAA;EACA,IAAAgB,YAAA,UAAAjB,KAAA,iBAAAA,KAAA,CAAAe,MAAA,OAAAf,KAAA;EACA,IAAAkB,aAAA,GAAAC,OAAA,CAAAnB,KAAA;EACA,IAAAoB,UAAA,GAAA7C,iBAAA,CAAAC,IAAA,IAAA6B,SAAA,CAAAgB,SAAA;EACA,IAAAC,UAAW,GAAAd,cAAA,KAAAV,KAAA;EACX,IAAAyB,QAAA,GAAAD,UAAA;IACAE,GAAA;EACA,IAAAnB,SAAA,CAAAmB,GAAA;EACF,IAAqBC,WAAA,IACnBtB,UAAQ,IAAAN,EAAA,GAAW,GAAAA,EAAA,cAAc,GAAI,QACrCoB,YAAM,IAAYpB,EAAA,MAAAA,EAAA,QAAiB,UACnC,CAAA6B,MAAM,CAAAP,OAAQ,EAAAQ,IAAO,KAAM,SAAK;EAChC,OAAM,eAAe,IAAA9D,kBAAiB,CAAA+D,GAAA,EAAYxD,uBAAmB,CAAAyD,QAAQ;IAC7ExE,KAAM,EAAAoE,WAAA;IACNhB,QAAM,iBAAa,IAAA5C,kBAA0B,CAAAiE,IAAU,EAAA5D,cAAS,CAAA6D,MAAA;MAGhEC,KAAM,EAAAd,aAAa,gBAAmB;MACtC,GAAMK,QAAA;MAENhB,MAAM;MAEFE,QAAA,GACAX,KAAA,mBAA0B,IAAAjC,kBAAW,CAAAiE,IAAA,EAAA5D,cAAA,CAAA+D,KAAA;QAEpCC,OAAO,EAAOrC,EACd;QAGHrB,IAAA,EAAAA,IAAA,IAAA6B,SAAA,CAAAgB,SAAA;QAEK,GACChB,SAAA,CAAA8B,OAAA;QAACC,KAAA,EAAAlB,aAAA,GAAA/C,iBAAA,CAAAkE,gBAAA,CAAArC,KAAA,GAAAK,SAAA,CAAAiC,eAAA;QAAA,GAAAvC,UAAA;QACCU,QAAS,GACTX,KAAM,EACFM,QAAA,IAAU;MAEb,IAEAK,QAAA,EAAAN,UAAA,KAAAc,YAAA,sBAAApD,kBAAA,CAAA+D,GAAA,EAAA1D,cAAA,CAAAqE,SAAA;QACA1C,EAAA,EAAAA,EAAA,MAAYA,EAAA;QAAArB,IAAA,EAAA4C,UAAA;QAAA,GAAAf,SAAA,CAAAmC,IAAA;QACfJ,KAAA,EAAAjE,iBAAA,CAAAkE,gBAAA,CAAAI,IAAA;QAEDhC,QAAA,EAAAN;MACA,WACEc,YAAA,sBAAApD,kBAAA,CAAA+D,GAAA,EAAA1D,cAAA,CAAAqE,SAAA;QAAA1C,EAAA,EAAAA,EAAA,MAAAA,EAAA;QACCrB,IAAI,EAAA4C,UAAU;QACd,GAAAf,SAAM,CAAAmC,IAAA;QACLJ,KAAG,EAAAjE,iBAAU,CAAAkE,gBAAA,CAAArC,KAAA;QACd0C,IAAA,EAAO;QAEN;QAAAjC,QAAA,EAAAQ;MAED;IAEF;EAAC;AAAA;AAC0B,IAAAzD,KACzB,GAAAO,iBAAM,CAAAP,KAAA","ignoreList":[]}

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

@@ -0,0 +1,106 @@
+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();
+    });
+  });
+});

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

@@ -0,0 +1,109 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_Form = require("../../Form/index.native.js");
+var import_index = require("./index.native.js");
+var barcodeIcon = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+  "data-testid": "barcode-icon"
+});
+var scanIcon = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+  "data-testid": "scan-icon"
+});
+var stopIcon = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+  "data-testid": "stop-icon"
+});
+(0, import_vitest.describe)("Barcode", function () {
+  (0, import_vitest.describe)("without form context", function () {
+    (0, import_vitest.it)("renders with label", function () {
+      var 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", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+        label: "Required",
+        name: "req",
+        barcodeIcon,
+        scanIcon,
+        stopIcon,
+        required: true
+      }));
+      var label = result.container.querySelector("label");
+      (0, import_vitest.expect)(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+    });
+    (0, import_vitest.it)("renders with helper text", function () {
+      var 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", function () {
+      var 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", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+        label: "Disabled",
+        name: "d",
+        barcodeIcon,
+        scanIcon,
+        stopIcon,
+        disabled: true
+      }));
+      var input = result.container.querySelector("input");
+      (0, import_vitest.expect)(input === null || input === void 0 ? void 0 : input.getAttribute("aria-disabled")).toBe("true");
+    });
+    (0, import_vitest.it)("renders readOnly \u2014 hides scan button", function () {
+      var 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", function () {
+    (0, import_vitest.it)("renders inside form", function () {
+      var 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();
+    });
+  });
+});
+//# sourceMappingURL=Barcode.spec.native.js.map

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

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