@multiplatform.one/forms 6.0.4 → 6.3.0

package/dist/jsx/ErrorSummary.native.js

@@ -0,0 +1,234 @@
+"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 ErrorSummary_exports = {};
+__export(ErrorSummary_exports, {
+  ErrorSummary: () => ErrorSummary,
+  collectFormFieldErrors: () => collectFormFieldErrors,
+  formatFieldError: () => formatFieldError,
+  normalizeFieldError: () => normalizeFieldError,
+  warnBannedErrorWords: () => warnBannedErrorWords
+});
+module.exports = __toCommonJS(ErrorSummary_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+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_colorRamps = require("./shared/colorRamps.native.js");
+var import_t = require("./shared/t.native.js");
+var import_devWarn = require("./shared/devWarn.native.js");
+var import_useFocusManagement = require("./hooks/useFocusManagement.native.js");
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function formatFieldError(error) {
+  var _ref;
+  var _error_problem, _error_action;
+  if (typeof error === "string") return error;
+  var problem = (_ref = (_error_problem = error.problem) === null || _error_problem === void 0 ? void 0 : _error_problem.trim()) !== null && _ref !== void 0 ? _ref : "";
+  var action = (_error_action = error.action) === null || _error_action === void 0 ? void 0 : _error_action.trim();
+  if (problem && action) return `${problem} ${action}`;
+  return problem || action || "";
+}
+function normalizeFieldError(raw) {
+  if (raw == null || raw === false || raw === "") return void 0;
+  if (typeof raw === "string") return raw;
+  if ((typeof raw === "undefined" ? "undefined" : _type_of(raw)) === "object" && raw !== null && "problem" in raw) {
+    var _raw_problem;
+    var problem = String((_raw_problem = raw.problem) !== null && _raw_problem !== void 0 ? _raw_problem : "").trim();
+    if (!problem) return void 0;
+    return raw;
+  }
+  return String(raw);
+}
+function warnBannedErrorWords(message, fieldName) {
+  (0, import_devWarn.warnBannedErrorWords)(message, {
+    component: "ErrorSummary",
+    fieldName,
+    id: fieldName
+  });
+}
+function collectFormFieldErrors(fieldMeta) {
+  if (!fieldMeta) return [];
+  var items = [];
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = Object.entries(fieldMeta)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var [name, meta] = _step.value;
+      var _meta_errors;
+      var error = normalizeFieldError(meta === null || meta === void 0 ? void 0 : (_meta_errors = meta.errors) === null || _meta_errors === void 0 ? void 0 : _meta_errors[0]);
+      if (!error) continue;
+      var message = formatFieldError(error);
+      if (!message) continue;
+      warnBannedErrorWords(message, name);
+      items.push({
+        name,
+        id: name,
+        error
+      });
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return items;
+}
+function ErrorSummary(param) {
+  var {
+    errors,
+    title = (0, import_t.t)("There is a problem"),
+    disableAutoFocus = false,
+    formElement,
+    onFocusField
+  } = param;
+  var _ref;
+  var _knobProps_panelPadding;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "ErrorSummary"
+  });
+  var headingId = (0, import_react2.useId)();
+  var containerRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(function () {
+    if (disableAutoFocus || !import_tamagui.isWeb || errors.length === 0) return;
+    var node = containerRef.current;
+    if (!node || typeof node.focus !== "function") return;
+    var timer = setTimeout(function () {
+      node.focus();
+    }, 0);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [disableAutoFocus, errors.length]);
+  if (errors.length === 0) return null;
+  var focusItem = function focusItem2(item) {
+    var _ref2, _item_id;
+    var _containerRef_current_closest, _containerRef_current;
+    if (!import_tamagui.isWeb) {
+      onFocusField === null || onFocusField === void 0 ? void 0 : onFocusField(item);
+      return;
+    }
+    var root = (_ref2 = formElement !== null && formElement !== void 0 ? formElement : (_containerRef_current = containerRef.current) === null || _containerRef_current === void 0 ? void 0 : (_containerRef_current_closest = _containerRef_current.closest) === null || _containerRef_current_closest === void 0 ? void 0 : _containerRef_current_closest.call(_containerRef_current, "form")) !== null && _ref2 !== void 0 ? _ref2 : typeof document !== "undefined" ? document.body : null;
+    (0, import_useFocusManagement.focusFieldTarget)(root, {
+      id: (_item_id = item.id) !== null && _item_id !== void 0 ? _item_id : item.name,
+      name: item.name
+    });
+    onFocusField === null || onFocusField === void 0 ? void 0 : onFocusField(item);
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ref: containerRef,
+    role: "alert",
+    "aria-labelledby": headingId,
+    tabIndex: -1,
+    theme: "error",
+    backgroundColor: "$color3",
+    width: "100%",
+    gap: "$2",
+    marginBottom: "$3",
+    padding: (_ref = (_knobProps_panelPadding = knobProps.panelPadding) === null || _knobProps_panelPadding === void 0 ? void 0 : _knobProps_panelPadding.padding) !== null && _ref !== void 0 ? _ref : "$3",
+    ...knobProps.borderRadius,
+    outlineWidth: 0,
+    focusVisibleStyle: {
+      outlineWidth: 2,
+      outlineStyle: "solid",
+      outlineColor: "$color8",
+      outlineOffset: 2
+    },
+    "data-testid": "error-summary",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.WarningCircleIcon, {
+        size: 20,
+        "aria-hidden": true
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H4, {
+        id: headingId,
+        size: "$4",
+        color: "$color12",
+        fontWeight: "700",
+        margin: 0,
+        children: title
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      ...{
+        tag: "ul"
+      },
+      gap: "$1",
+      paddingInlineStart: "$1",
+      margin: 0,
+      children: errors.map(function (item) {
+        var _item_label, _item_id;
+        var message = (_item_label = item.label) !== null && _item_label !== void 0 ? _item_label : formatFieldError(item.error);
+        var targetId = (_item_id = item.id) !== null && _item_id !== void 0 ? _item_id : item.name;
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          ...{
+            tag: "li"
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            size: "$3",
+            color: "$color12",
+            ...knobProps.body,
+            children: import_tamagui.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Anchor, {
+              href: `#${targetId}`,
+              color: import_colorRamps.formCommonColors.error,
+              textDecorationLine: "underline",
+              cursor: "pointer",
+              onPress: function onPress(e) {
+                var _e_preventDefault;
+                e === null || e === void 0 ? void 0 : (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+                focusItem(item);
+              },
+              children: message
+            }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+              color: import_colorRamps.formCommonColors.error,
+              textDecorationLine: "underline",
+              onPress: function onPress() {
+                return focusItem(item);
+              },
+              children: message
+            })
+          })
+        }, item.name);
+      })
+    })]
+  });
+}
+//# sourceMappingURL=ErrorSummary.native.js.map

package/dist/jsx/ErrorSummary.native.js.map

@@ -0,0 +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","ErrorSummary_exports","ErrorSummary","collectFormFieldErrors","formatFieldError","normalizeFieldError","warnBannedErrorWords","module","exports","import_jsx_runtime","require","import_theme","import_react","import_react2","import_tamagui","import_colorRamps","import_t","import_devWarn","import_useFocusManagement","_type_of","obj","Symbol","constructor","error","_ref","_error_problem","_error_action","problem","trim","action","raw","_raw_problem","String","message","fieldName","component","id","fieldMeta","items","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","entries","iterator","_step","next","done","meta","_meta_errors","errors","push","err","return","param","title","t","disableAutoFocus","formElement","onFocusField","_knobProps_panelPadding","knobProps","useResolvedKnobs","headingId","useId","containerRef","useRef","useEffect","isWeb","length","node","current","focus","timer","setTimeout","clearTimeout","focusItem","focusItem2","item","_ref2","_item_id","_containerRef_current_closest","_containerRef_current","root","closest","document","body","focusFieldTarget"],"sources":["../../src/ErrorSummary.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/FieldDisplay/editMode.mjs

@@ -22,8 +22,9 @@ const FIELD_EDIT_MODE = {
   duration: "popover",
   colorpicker: "popover",
   phoneinput: "popover",
-  barcode: "popover",
   // Modal/sheet — too tall for inline or popover
+  // (barcode: the camera scanner surface is a full panel, LC-06)
+  barcode: "modal",
   fileupload: "modal",
   signature: "modal",
   mentioninput: "modal",

package/dist/jsx/FieldDisplay/editMode.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["FIELD_EDIT_MODE","input","textarea","stepper","slider","checkbox","switch","rating","progress","otp","select","combobox","radiogroup","togglegroup","datepicker","datetimepicker","timepicker","daterangepicker","multidatepicker","duration","colorpicker","phoneinput","barcode","fileupload","signature","mentioninput","geolocation","image","richtexteditor","markdowneditor","codeeditor","custom","getEditMode","field"],"sources":["../../../src/FieldDisplay/editMode.ts"],"sourcesContent":[null],"mappings":"AAmBO,MAAMA,eAAA,GAAsD;EAAA;EAEjEC,KAAA,EAAO;EACPC,QAAA,EAAU;EACVC,OAAA,EAAS;EACTC,MAAA,EAAQ;EACRC,QAAA,EAAU;EACVC,MAAA,EAAQ;EACRC,MAAA,EAAQ;EACRC,QAAA,EAAU;EACVC,GAAA,EAAK;EAAA;EAGLC,MAAA,EAAQ;EACRC,QAAA,EAAU;EACVC,UAAA,EAAY;EACZC,WAAA,EAAa;EACbC,UAAA,EAAY;EACZC,cAAA,EAAgB;EAChBC,UAAA,EAAY;EACZC,eAAA,EAAiB;EACjBC,eAAA,EAAiB;EACjBC,QAAA,EAAU;EACVC,WAAA,EAAa;EACbC,UAAA,EAAY;EACZC,OAAA,EAAS;EAAA;EAGTC,UAAA,EAAY;EACZC,SAAA,EAAW;EACXC,YAAA,EAAc;EACdC,WAAA,EAAa;EACbC,KAAA,EAAO;EACPC,cAAA,EAAgB;EAChBC,cAAA,EAAgB;EAChBC,UAAA,EAAY;EAAA;EAGZC,MAAA,EAAQ;AACV;AAEO,SAASC,YAAYC,KAAA,EAA+C;EACzE,IAAI,CAACA,KAAA,EAAO,OAAO;EACnB,OAAOjC,eAAA,CAAgBiC,KAAK,KAAK;AACnC","ignoreList":[]}
+{"version":3,"names":["FIELD_EDIT_MODE","input","textarea","stepper","slider","checkbox","switch","rating","progress","otp","select","combobox","radiogroup","togglegroup","datepicker","datetimepicker","timepicker","daterangepicker","multidatepicker","duration","colorpicker","phoneinput","barcode","fileupload","signature","mentioninput","geolocation","image","richtexteditor","markdowneditor","codeeditor","custom","getEditMode","field"],"sources":["../../../src/FieldDisplay/editMode.ts"],"sourcesContent":[null],"mappings":"AAmBO,MAAMA,eAAA,GAAsD;EAAA;EAEjEC,KAAA,EAAO;EACPC,QAAA,EAAU;EACVC,OAAA,EAAS;EACTC,MAAA,EAAQ;EACRC,QAAA,EAAU;EACVC,MAAA,EAAQ;EACRC,MAAA,EAAQ;EACRC,QAAA,EAAU;EACVC,GAAA,EAAK;EAAA;EAGLC,MAAA,EAAQ;EACRC,QAAA,EAAU;EACVC,UAAA,EAAY;EACZC,WAAA,EAAa;EACbC,UAAA,EAAY;EACZC,cAAA,EAAgB;EAChBC,UAAA,EAAY;EACZC,eAAA,EAAiB;EACjBC,eAAA,EAAiB;EACjBC,QAAA,EAAU;EACVC,WAAA,EAAa;EACbC,UAAA,EAAY;EAAA;EAAA;EAIZC,OAAA,EAAS;EACTC,UAAA,EAAY;EACZC,SAAA,EAAW;EACXC,YAAA,EAAc;EACdC,WAAA,EAAa;EACbC,KAAA,EAAO;EACPC,cAAA,EAAgB;EAChBC,cAAA,EAAgB;EAChBC,UAAA,EAAY;EAAA;EAGZC,MAAA,EAAQ;AACV;AAEO,SAASC,YAAYC,KAAA,EAA+C;EACzE,IAAI,CAACA,KAAA,EAAO,OAAO;EACnB,OAAOjC,eAAA,CAAgBiC,KAAK,KAAK;AACnC","ignoreList":[]}

package/dist/jsx/FieldDisplay/editMode.native.js

@@ -52,8 +52,9 @@ var FIELD_EDIT_MODE = {
   duration: "popover",
   colorpicker: "popover",
   phoneinput: "popover",
-  barcode: "popover",
   // Modal/sheet — too tall for inline or popover
+  // (barcode: the camera scanner surface is a full panel, LC-06)
+  barcode: "modal",
   fileupload: "modal",
   signature: "modal",
   mentioninput: "modal",

package/dist/jsx/FieldDisplay/editMode.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","editMode_exports","FIELD_EDIT_MODE","getEditMode","module","exports","input","textarea","stepper","slider","checkbox","switch","rating","progress","otp","select","combobox","radiogroup","togglegroup","datepicker"],"sources":["../../../src/FieldDisplay/editMode.ts"],"sourcesContent":[null],"mappings":"AAmBO,YAAM;;AAAsD,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAAA,IAEjEC,gBAAO,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACPC,iBAAU,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACVC,YAAS,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACTC,QAAQ,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACR,SAAAC,IAAU,IAAAD,GAAA,EACVZ,SAAQ,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACRC,WAAU,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACV,IAAAF,IAAK,WAAAA,IAAA,wBAAAA,IAAA;IAAA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GAGL,IAAQ,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACRnB,SAAU,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;EACV;EACA,OAAAE,EAAA;AAAa;AACD,IACZM,YAAA,GAAgBC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAChBE,gBAAY;AAAAhB,QACZ,CAAAgB,gBAAiB;EACjBC,eAAA,EAAiBA,CAAA,KAAAA,eAAA;EACjBC,WAAU,EAAAA,CAAA,KAAAA;AAAA,EACV;AAAaC,MACb,CAAAC,OAAY,GAAAP,YAAA,CAAAG,gBAAA;AAAA,IACZC,eAAS;EAAA;EAGTI,KAAA,UAAY;EACZC,QAAA,UAAW;EACXC,OAAA,UAAc;EACdC,MAAA,UAAa;EACbC,QAAO;EACPC,MAAA,UAAgB;EAChBC,MAAA,UAAgB;EAChBC,QAAA,UAAY;EAAAC,GAAA;EAGZ;EACFC,MAAA;EAEOC,QAAS,WAAY;EAC1BC,UAAK,EAAO,SAAO;EACnBC,WAAO;EACTC,UAAA","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","editMode_exports","FIELD_EDIT_MODE","getEditMode","module","exports","input","textarea","stepper","slider","checkbox","switch","rating","progress","otp","select","combobox","radiogroup","togglegroup","datepicker","datetimepicker"],"sources":["../../../src/FieldDisplay/editMode.ts"],"sourcesContent":[null],"mappings":"AAmBO,YAAM;;AAAsD,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAAA,IAEjEC,gBAAO,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACPC,iBAAU,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACVC,YAAS,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACTC,QAAQ,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACR,SAAAC,IAAU,IAAAD,GAAA,EACVZ,SAAQ,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACRC,WAAU,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACV,IAAAF,IAAK,WAAAA,IAAA,wBAAAA,IAAA;IAAA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GAGL,IAAQ,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACRnB,SAAU,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;EACV;EACA,OAAAE,EAAA;AAAa;AACD,IACZM,YAAA,GAAgBC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAChBE,gBAAY;AAAAhB,QACZ,CAAAgB,gBAAiB;EACjBC,eAAA,EAAiBA,CAAA,KAAAA,eAAA;EACjBC,WAAU,EAAAA,CAAA,KAAAA;AAAA,EACV;AAAaC,MACb,CAAAC,OAAY,GAAAP,YAAA,CAAAG,gBAAA;AAAA,IAAAC,eAAA;EAAA;EAIZI,KAAA,UAAS;EACTC,QAAA,UAAY;EACZC,OAAA,UAAW;EACXC,MAAA,UAAc;EACdC,QAAA,UAAa;EACbC,MAAA,EAAO;EACPC,MAAA,UAAgB;EAChBC,QAAA,UAAgB;EAChBC,GAAA,UAAY;EAAA;EAGZC,MAAA,EAAQ;EACVC,QAAA;EAEOC,UAAS,WAAY;EAC1BC,WAAY,WAAO;EACnBC,UAAO;EACTC,cAAA","ignoreList":[]}

package/dist/jsx/FieldDisplay/formatters.mjs

@@ -0,0 +1,45 @@
+import { formatAbsoluteDate } from "@multiplatform.one/theme";
+import { ISO_DATE_ONLY } from "@multiplatform.one/theme";
+const EMPTY = "\u2014";
+function asText(v) {
+  if (v == null || v === "") return EMPTY;
+  if (typeof v === "string") return v;
+  if (typeof v === "number" || typeof v === "boolean") return String(v);
+  if (v instanceof Date) return formatAbsoluteDate(v, {
+    year: "always"
+  });
+  try {
+    return JSON.stringify(v);
+  } catch {
+    return String(v);
+  }
+}
+function formatNumericText(num, options = {}) {
+  const {
+    precision,
+    currency
+  } = options;
+  if (currency) {
+    return new Intl.NumberFormat(void 0, {
+      style: "currency",
+      currency,
+      minimumFractionDigits: precision,
+      maximumFractionDigits: precision
+    }).format(num);
+  }
+  return new Intl.NumberFormat(void 0, {
+    minimumFractionDigits: precision,
+    maximumFractionDigits: precision
+  }).format(num);
+}
+function formatDateText(value, options = {}) {
+  const {
+    withTime
+  } = options;
+  const formatted = formatAbsoluteDate(value, {
+    withTime
+  });
+  return formatted === "" ? asText(value) : formatted;
+}
+export { EMPTY, ISO_DATE_ONLY, asText, formatDateText, formatNumericText };
+//# sourceMappingURL=formatters.mjs.map

package/dist/jsx/FieldDisplay/formatters.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["formatAbsoluteDate","ISO_DATE_ONLY","EMPTY","asText","v","String","Date","year","JSON","stringify","formatNumericText","num","options","precision","currency","Intl","NumberFormat","style","minimumFractionDigits","maximumFractionDigits","format","formatDateText","value","withTime","formatted"],"sources":["../../../src/FieldDisplay/formatters.ts"],"sourcesContent":[null],"mappings":"AASA,SAASA,kBAAA,QAA0B;AAyCnC,SAASC,aAAA,QAAqB;AAvCvB,MAAMC,KAAA,GAAQ;AAEd,SAASC,OAAOC,CAAA,EAAgB;EACrC,IAAIA,CAAA,IAAK,QAAQA,CAAA,KAAM,IAAI,OAAOF,KAAA;EAClC,IAAI,OAAOE,CAAA,KAAM,UAAU,OAAOA,CAAA;EAClC,IAAI,OAAOA,CAAA,KAAM,YAAY,OAAOA,CAAA,KAAM,WAAW,OAAOC,MAAA,CAAOD,CAAC;EAGpE,IAAIA,CAAA,YAAaE,IAAA,EAAM,OAAON,kBAAA,CAAmBI,CAAA,EAAG;IAAEG,IAAA,EAAM;EAAS,CAAC;EACtE,IAAI;IACF,OAAOC,IAAA,CAAKC,SAAA,CAAUL,CAAC;EACzB,QAAQ;IACN,OAAOC,MAAA,CAAOD,CAAC;EACjB;AACF;AAQO,SAASM,kBAAkBC,GAAA,EAAaC,OAAA,GAAgC,CAAC,GAAW;EACzF,MAAM;IAAEC,SAAA;IAAWC;EAAS,IAAIF,OAAA;EAChC,IAAIE,QAAA,EAAU;IACZ,OAAO,IAAIC,IAAA,CAAKC,YAAA,CAAa,QAAW;MACtCC,KAAA,EAAO;MACPH,QAAA;MACAI,qBAAA,EAAuBL,SAAA;MACvBM,qBAAA,EAAuBN;IACzB,CAAC,EAAEO,MAAA,CAAOT,GAAG;EACf;EACA,OAAO,IAAII,IAAA,CAAKC,YAAA,CAAa,QAAW;IACtCE,qBAAA,EAAuBL,SAAA;IACvBM,qBAAA,EAAuBN;EACzB,CAAC,EAAEO,MAAA,CAAOT,GAAG;AACf;AAiBO,SAASU,eAAeC,KAAA,EAAYV,OAAA,GAA6B,CAAC,GAAW;EAClF,MAAM;IAAEW;EAAS,IAAIX,OAAA;EACrB,MAAMY,SAAA,GAAYxB,kBAAA,CAAmBsB,KAAA,EAAO;IAAEC;EAAS,CAAC;EACxD,OAAOC,SAAA,KAAc,KAAKrB,MAAA,CAAOmB,KAAK,IAAIE,SAAA;AAC5C","ignoreList":[]}

package/dist/jsx/FieldDisplay/formatters.native.js

@@ -0,0 +1,88 @@
+"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 formatters_exports = {};
+__export(formatters_exports, {
+  EMPTY: () => EMPTY,
+  ISO_DATE_ONLY: () => import_theme2.ISO_DATE_ONLY,
+  asText: () => asText,
+  formatDateText: () => formatDateText,
+  formatNumericText: () => formatNumericText
+});
+module.exports = __toCommonJS(formatters_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_theme2 = require("@multiplatform.one/theme");
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+var EMPTY = "\u2014";
+function asText(v) {
+  if (v == null || v === "") return EMPTY;
+  if (typeof v === "string") return v;
+  if (typeof v === "number" || typeof v === "boolean") return String(v);
+  if (_instanceof(v, Date)) return (0, import_theme.formatAbsoluteDate)(v, {
+    year: "always"
+  });
+  try {
+    return JSON.stringify(v);
+  } catch (unused) {
+    return String(v);
+  }
+}
+function formatNumericText(num) {
+  var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  var {
+    precision,
+    currency
+  } = options;
+  if (currency) {
+    return new Intl.NumberFormat(void 0, {
+      style: "currency",
+      currency,
+      minimumFractionDigits: precision,
+      maximumFractionDigits: precision
+    }).format(num);
+  }
+  return new Intl.NumberFormat(void 0, {
+    minimumFractionDigits: precision,
+    maximumFractionDigits: precision
+  }).format(num);
+}
+function formatDateText(value) {
+  var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  var {
+    withTime
+  } = options;
+  var formatted = (0, import_theme.formatAbsoluteDate)(value, {
+    withTime
+  });
+  return formatted === "" ? asText(value) : formatted;
+}
+//# sourceMappingURL=formatters.native.js.map

package/dist/jsx/FieldDisplay/formatters.native.js.map

@@ -0,0 +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","formatters_exports","EMPTY","ISO_DATE_ONLY","import_theme2","asText","formatDateText","formatNumericText","module","exports","import_theme","require","_instanceof","left","right","Symbol","hasInstance"],"sources":["../../../src/FieldDisplay/formatters.ts"],"sourcesContent":[null],"mappings":"AASA,YAAS;;AAyCT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAqB;AAvCvB,IAAAC,gBAAc,GAAAF,MAAA,CAAAG,wBAAA;AAEd,IAAAC,iBAAgC,GAAAJ,MAAA,CAAAK,mBAAA;AACrC,IAAAC,YAAS,GAAQN,MAAM,CAAAO,SAAI,CAAOC,cAAA;AAClC,IAAAC,QAAI,GAAOA,CAAAC,MAAM,EAAAC,GAAA,KAAU;EAC3B,KAAI,IAAAC,IAAO,IAAMD,GAAA,EAGjBZ,SAAI,CAAAW,MAAa,EAAAE,IAAM;IAAAC,GAAO,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAwB;EAAM;AAC5D;AACE,IAAAC,WAAO,GAAKA,CAAAC,EAAA,EAAAC,IAAW,EAAAC,MAAA,EAAAC,IAAA;EACzB,IAAAF,IAAQ,WAAAA,IAAA,wBAAAA,IAAA;IACN,SAAOG,GAAA,IAAQhB,iBAAA,CAAAa,IAAA,GACjB,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACFnB,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;EAQO;EACL,OAAME,EAAE;AACR;AACE,IAAAM,YAAW,GAAKC,GAAA,IAAAR,WAAa,CAAAhB,SAAW;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,kBAC/B;AAAAhB,QACP,CAAAgB,kBAAA;EAAAC,KACA,EAAAA,CAAA,KAAAA,KAAA;EAAuBC,aACvB,EAAAA,CAAA,KAAAC,aAAuB,CAAAD,aAAA;EAAAE,MACtB,EAAAA,CAAA,KAAOA,MAAG;EACfC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EACAC,iBAAgB,EAAAA,CAAA,KAAAA;AAAwB;AACfC,MACvB,CAAAC,OAAA,GAAAX,YAAuB,CAAAG,kBAAA;AAAA,IACxBS,YAAY,GAAAC,OAAA;AACf,IAAAP,aAAA,GAAAO,OAAA;AAiBO,SAASC,YAAAC,IAAe,EAAAC,KAAY;EACzC,2BAAqB;;EACrB,IAAAA,KAAM,YAAY,OAAAC,MAAA,KAAmB,WAAS,IAAAD,KAAU,CAAAC,MAAA,CAAAC,WAAA;IACxD,OAAO,EAAAF,KAAA,CAAAC,MAAc,CAAAC,WAAY,EAAAH,IAAK,CAAI;EAC5C","ignoreList":[]}

package/dist/jsx/FieldDisplay/index.mjs

@@ -1,18 +1,9 @@
-import { CheckIcon } from "@phosphor-icons/react";
+import { CheckIcon, XIcon } from "@phosphor-icons/react";
 import { Text, View, XStack } from "tamagui";
+import { BarcodePreview } from "../fields/Barcode/BarcodePreview.mjs";
+import { t } from "../shared/t.mjs";
+import { asText, EMPTY, formatDateText, formatNumericText } from "./formatters.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-const EMPTY = "\u2014";
-function asText(v) {
-  if (v == null || v === "") return EMPTY;
-  if (typeof v === "string") return v;
-  if (typeof v === "number" || typeof v === "boolean") return String(v);
-  if (v instanceof Date) return v.toISOString().slice(0, 10);
-  try {
-    return JSON.stringify(v);
-  } catch {
-    return String(v);
-  }
-}
 function TextCell({
   children,
   mono = false,
@@ -48,32 +39,16 @@ function NumericDisplay({
     align: "right",
     children: asText(value)
   });
-  const precision = fieldProps?.precision;
-  const currency = fieldProps?.currency;
-  if (currency) {
-    const formatted2 = new Intl.NumberFormat(void 0, {
-      style: "currency",
-      currency,
-      minimumFractionDigits: precision,
-      maximumFractionDigits: precision
-    }).format(num);
-    return /* @__PURE__ */jsx(TextCell, {
-      mono: true,
-      align: "right",
-      children: formatted2
-    });
-  }
-  const formatted = new Intl.NumberFormat(void 0, {
-    minimumFractionDigits: precision,
-    maximumFractionDigits: precision
-  }).format(num);
+  const formatted = formatNumericText(num, {
+    precision: fieldProps?.precision,
+    currency: fieldProps?.currency
+  });
   return /* @__PURE__ */jsx(TextCell, {
     mono: true,
     align: "right",
     children: formatted
   });
 }
-const ISO_DATE_ONLY = /^\d{4}-\d{2}-\d{2}$/;
 function DateDisplay({
   value,
   fieldProps,
@@ -82,23 +57,10 @@ function DateDisplay({
   if (value == null || value === "") return /* @__PURE__ */jsx(TextCell, {
     children: EMPTY
   });
-  const isDateOnly = !withTime && typeof value === "string" && ISO_DATE_ONLY.test(value);
-  const date = value instanceof Date ? value : new Date(value);
-  if (Number.isNaN(date.getTime())) return /* @__PURE__ */jsx(TextCell, {
-    children: asText(value)
-  });
-  const fmt = fieldProps?.dateFormat;
-  const tz = isDateOnly ? "UTC" : void 0;
-  if (fmt && typeof fmt === "string") {
-    return /* @__PURE__ */jsx(TextCell, {
-      children: date.toLocaleString(void 0, {
-        timeZone: tz
-      })
-    });
-  }
   return /* @__PURE__ */jsx(TextCell, {
-    children: withTime ? date.toLocaleString() : date.toLocaleDateString(void 0, {
-      timeZone: tz
+    children: formatDateText(value, {
+      withTime,
+      dateFormat: fieldProps?.dateFormat
     })
   });
 }
@@ -108,13 +70,16 @@ function DateRangeDisplay({
 }) {
   const start = value;
   const end = linkedValue ?? (Array.isArray(value) ? value[1] : value?.end);
-  const startFmt = start && !(start instanceof Date && Number.isNaN(start.getTime())) ? new Date(start).toLocaleDateString() : null;
-  const endFmt = end && !(end instanceof Date && Number.isNaN(end.getTime())) ? new Date(end).toLocaleDateString() : null;
+  const startFmt = start && !(start instanceof Date && Number.isNaN(start.getTime())) ? formatDateText(start) : null;
+  const endFmt = end && !(end instanceof Date && Number.isNaN(end.getTime())) ? formatDateText(end) : null;
   if (!startFmt && !endFmt) return /* @__PURE__ */jsx(TextCell, {
     children: EMPTY
   });
   return /* @__PURE__ */jsx(TextCell, {
-    children: `${startFmt ?? "?"} \u2013 ${endFmt ?? "?"}`
+    children: t("{{start}} \u2013 {{end}}", {
+      start: startFmt ?? "?",
+      end: endFmt ?? "?"
+    })
   });
 }
 function ChoiceDisplay({
@@ -153,9 +118,14 @@ function BooleanDisplay({
     children: value ? /* @__PURE__ */jsx(CheckIcon, {
       size: 14,
       weight: "bold"
-    }) : /* @__PURE__ */jsx(Text, {
-      color: "$placeholderColor",
-      children: EMPTY
+    }) :
+    // Distinct glyph for a real `false` — the EMPTY dash is reserved for
+    // null/undefined (no data).
+    /* @__PURE__ */
+    jsx(XIcon, {
+      size: 14,
+      weight: "bold",
+      opacity: 0.45
     })
   });
 }
@@ -199,12 +169,18 @@ function DurationDisplay({
   const m = Math.floor(seconds % 3600 / 60);
   const s = Math.floor(seconds % 60);
   const parts = [];
-  if (h) parts.push(`${h}h`);
-  if (m) parts.push(`${m}m`);
-  if (s && !h) parts.push(`${s}s`);
+  if (h) parts.push(t("{{hours}}h", {
+    hours: h
+  }));
+  if (m) parts.push(t("{{minutes}}m", {
+    minutes: m
+  }));
+  if (s && !h) parts.push(t("{{seconds}}s", {
+    seconds: s
+  }));
   return /* @__PURE__ */jsx(TextCell, {
     mono: true,
-    children: parts.length ? parts.join(" ") : "0s"
+    children: parts.length ? parts.join(" ") : t("0s")
   });
 }
 function FileUploadDisplay({
@@ -214,7 +190,9 @@ function FileUploadDisplay({
   if (!files.length) return /* @__PURE__ */jsx(TextCell, {
     children: EMPTY
   });
-  const label = files.length === 1 ? typeof files[0] === "string" ? files[0] : files[0]?.name ?? "1 file" : `${files.length} files`;
+  const label = files.length === 1 ? typeof files[0] === "string" ? files[0] : files[0]?.name ?? t("1 file") : t("{{count}} files", {
+    count: files.length
+  });
   return /* @__PURE__ */jsx(TextCell, {
     children: label
   });
@@ -243,12 +221,39 @@ function ImageDisplay({
     })
   });
 }
+function BarcodeDisplay({
+  value
+}) {
+  const text = String(value ?? "");
+  if (!text) return /* @__PURE__ */jsx(TextCell, {
+    children: EMPTY
+  });
+  return /* @__PURE__ */jsxs(XStack, {
+    alignItems: "center",
+    gap: "$2",
+    minWidth: 0,
+    flexShrink: 1,
+    children: [/* @__PURE__ */jsx(Text, {
+      fontFamily: "$mono",
+      fontSize: "$4",
+      lineHeight: "$4",
+      color: "$color",
+      numberOfLines: 1,
+      flexShrink: 1,
+      children: text
+    }), /* @__PURE__ */jsx(BarcodePreview, {
+      value: text,
+      height: 16,
+      moduleWidth: 1
+    })]
+  });
+}
 function SignatureDisplay({
   value
 }) {
   const hasInk = typeof value === "string" && value.length > 0 || Array.isArray(value) && value.length > 0;
   return /* @__PURE__ */jsx(TextCell, {
-    children: hasInk ? "signed" : EMPTY
+    children: hasInk ? t("signed") : EMPTY
   });
 }
 function GeolocationDisplay({
@@ -297,10 +302,13 @@ function FieldDisplay({
     case "mentioninput":
     case "phoneinput":
     case "otp":
-    case "barcode":
       return /* @__PURE__ */jsx(InputDisplay, {
         value
       });
+    case "barcode":
+      return /* @__PURE__ */jsx(BarcodeDisplay, {
+        value
+      });
     case "stepper":
     case "slider":
     case "rating":