@multiplatform.one/frappe-ui 6.0.0

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

@@ -0,0 +1,162 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { YStack } from "tamagui";
+import { ReadOnly } from "./index.native.js";
+var ReadOnly_stories_default = {
+  title: "FrappeUI/ReadOnly",
+  component: ReadOnly,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A read-only display field for showing non-editable values with proper formatting for all Frappe field types."
+      }
+    }
+  },
+  argTypes: {
+    type: {
+      control: "select",
+      options: ["Data", "Int", "Float", "Currency", "Percent", "Date", "Datetime", "Time", "Check", "Select", "Link", "Color", "Text", "SmallText", "LongText"],
+      description: "The type of value to display"
+    },
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    value: {
+      control: "text",
+      description: "Value to display"
+    },
+    emptyText: {
+      control: "text",
+      description: "Text to show when value is empty"
+    },
+    currencySymbol: {
+      control: "text",
+      description: "Currency symbol for Currency type"
+    },
+    precision: {
+      control: "number",
+      description: "Decimal precision for Float type"
+    }
+  }
+};
+var AllTypes = function AllTypes2() {
+  return /* @__PURE__ */_jsxs(YStack, {
+    gap: "$4",
+    width: 400,
+    children: [/* @__PURE__ */_jsx(ReadOnly, {
+      label: "Data",
+      value: "John Doe",
+      type: "Data"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Int",
+      value: 42,
+      type: "Int"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Float",
+      value: 99.99,
+      type: "Float",
+      precision: 2
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Currency",
+      value: 1500,
+      type: "Currency",
+      currencySymbol: "$"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Percent",
+      value: 75,
+      type: "Percent"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Date",
+      value: "2026-01-24",
+      type: "Date"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Datetime",
+      value: "2026-01-24 14:30",
+      type: "Datetime"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Time",
+      value: "14:30",
+      type: "Time"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Check (Yes)",
+      value: true,
+      type: "Check"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Check (No)",
+      value: false,
+      type: "Check"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Color",
+      value: "#10B981",
+      type: "Color"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Link",
+      value: "DOC-001",
+      type: "Link"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Empty",
+      value: void 0,
+      type: "Data"
+    })]
+  });
+};
+AllTypes.parameters = {
+  docs: {
+    description: {
+      story: "All supported field types in the ReadOnlyField component."
+    }
+  }
+};
+AllTypes.storyName = "Main";
+var ProfileCardExample = function ProfileCardExample2() {
+  return /* @__PURE__ */_jsxs(YStack, {
+    gap: "$3",
+    width: 400,
+    padding: "$4",
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    borderRadius: "$4",
+    children: [/* @__PURE__ */_jsx(ReadOnly, {
+      label: "Name",
+      value: "Jane Smith",
+      type: "Data"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Email",
+      value: "jane@company.com",
+      type: "Data"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Department",
+      value: "Engineering",
+      type: "Link"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Employee ID",
+      value: "EMP-042",
+      type: "Data"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Joining Date",
+      value: "2023-06-15",
+      type: "Date"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Active",
+      value: true,
+      type: "Check"
+    }), /* @__PURE__ */_jsx(ReadOnly, {
+      label: "Salary",
+      value: 85e3,
+      type: "Currency",
+      currencySymbol: "$"
+    })]
+  });
+};
+ProfileCardExample.parameters = {
+  docs: {
+    description: {
+      story: "Real-world example of using ReadOnlyField to display a profile card."
+    }
+  }
+};
+export { AllTypes, ProfileCardExample, ReadOnly_stories_default as default };
+//# sourceMappingURL=ReadOnly.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","YStack","ReadOnly","ReadOnly_stories_default","title","component","parameters","status","type","docs","description","argTypes","control","options","label","value","emptyText","currencySymbol","precision","AllTypes","AllTypes2","gap","width","children"],"sources":["../../../../src/fields/ReadOnly/ReadOnly.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AACvB,SAASC,MAAA,iBAAgB;AA6CvB,SACEC,QADF;AA3CF,IAAOC,wBAAA,GAAQ;EACbC,KAAA,EAAO;EACPC,SAAA,EAAWH,QAAA;EACXI,UAAA,EAAY;IACVC,MAAA,EAAQ;MACRC,IAAM;IAAA;IACSC,IACX;MAEFC,WAAA;QACFL,SAAA;MACF;IACA;EAAU;EACFM,QACJ;IAASH,IACT;MAASI,OACP;MAAAC,OACA,GACA,QACA,OACA,SACA,YACA,WACA,QACA,YACA,QACA,SACA,UACA,QACA,SACA,QACF,aACA,WACF;MACAH,WAAS;IACT;IACAI,KAAA;MACAF,OAAA,QAAgB;MAChBF,WAAa;IACf;IACFK,KAAA;MAEaH,OAAA,QAAW;MAEpBF,WAAA;IACA;IACAM,SAAA;MACAJ,OAAA;MACAF,WAAA;IACA;IACAO,cAAA;MACAL,OAAA;MACAF,WAAA;IACA;IACAQ,SAAA;MACAN,OAAA,UAAC;MACDF,WAAA;IACF;EAEF;AAAsB;AACd,IACJS,QAAA,YAAaC,UAAA;EAAA,OACX,eAAOpB,KAAA,CAAAC,MAAA;IACToB,GAAA;IACFC,KAAA;IACFC,QAAA,GAEA,eAAqBzB,IAAA,CAAAI,QAAA;MACRY,KAAA;MACVC,KAAA;MAAAP,IAAA;IACC,IACA,eAAOV,IAAA,CAAAI,QAAA;MACPY,KAAQ;MACRC,KAAA,IAAa;MACbP,IAAA;IACA,IAEA,eAAAV,IAAA,CAAAI,QAAA;MAAAY,KAAA;MACAC,KAAA;MACAP,IAAA;MACAU,SAAA;IACA,IACA,eAAApB,IAAC,CAAAI,QAAA;MACDY,KAAA;MAA0EC,KAAA;MAAAP,IAAA;MAC5ES,cAAA;IAEF,IACE,eAAMnB,IAAA,CAAAI,QAAA;MACJY,KAAA,WAAa;MACXC,KAAO;MACTP,IAAA;IACF,IACF,eAAAV,IAAA,CAAAI,QAAA","ignoreList":[]}

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

@@ -0,0 +1,217 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useMemo } from "react";
+import { Label, Text, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function formatDate(value, format) {
+  if (!value) return "";
+  try {
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    if (!format) return date.toLocaleDateString("en-CA");
+    return date.toLocaleDateString();
+  } catch {
+    return value;
+  }
+}
+function formatDatetime(value, format) {
+  if (!value) return "";
+  try {
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    if (!format) {
+      const dateStr = date.toLocaleDateString("en-CA");
+      const timeStr = date.toLocaleTimeString("en-GB", {
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+      return `${dateStr} ${timeStr}`;
+    }
+    return date.toLocaleString();
+  } catch {
+    return value;
+  }
+}
+function formatTime(value, _format) {
+  if (!value) return "";
+  try {
+    if (/^\d{2}:\d{2}(:\d{2})?$/.test(value)) return value.slice(0, 5);
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    return date.toLocaleTimeString("en-GB", {
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  } catch {
+    return value;
+  }
+}
+function formatNumeric(value, type, precision, currencySymbol) {
+  if (value === void 0 || value === null || Number.isNaN(value)) return "";
+  switch (type) {
+    case "Int":
+      return Math.round(value).toString();
+    case "Float":
+      return value.toFixed(precision);
+    case "Currency":
+      return `${currencySymbol}${value.toFixed(precision)}`;
+    case "Percent":
+      return `${value.toFixed(precision)}%`;
+    default:
+      return value.toString();
+  }
+}
+function formatValue(value, type, options) {
+  if (value === void 0 || value === null) return "";
+  switch (type) {
+    case "Check":
+      return value ? "Yes" : "No";
+    case "Int":
+    case "Float":
+    case "Currency":
+    case "Percent":
+      return formatNumeric(typeof value === "number" ? value : Number.parseFloat(String(value)), type, options.precision, options.currencySymbol);
+    case "Date":
+      return formatDate(String(value), options.dateFormat);
+    case "Datetime":
+      return formatDatetime(String(value), options.datetimeFormat);
+    case "Time":
+      return formatTime(String(value), options.timeFormat);
+    case "Color":
+      return String(value).toUpperCase();
+    default:
+      return String(value);
+  }
+}
+function ReadOnly({
+  label,
+  value,
+  type = "Data",
+  currencySymbol = "$",
+  precision = 2,
+  dateFormat,
+  datetimeFormat,
+  timeFormat,
+  emptyText = "-",
+  linkHref,
+  onLinkPress,
+  ...stackProps
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const displayValue = useMemo(() => {
+    const formatted = formatValue(value, type, {
+      currencySymbol,
+      precision,
+      dateFormat,
+      datetimeFormat,
+      timeFormat
+    });
+    return formatted || emptyText;
+  }, [value, type, currencySymbol, precision, dateFormat, datetimeFormat, timeFormat, emptyText]);
+  const isEmpty = value === void 0 || value === null || value === "";
+  const renderColorSwatch = () => {
+    if (type !== "Color" || isEmpty) return null;
+    const colorValue = String(value);
+    if (!/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(colorValue)) return null;
+    return /* @__PURE__ */jsx(XStack, {
+      width: "$1",
+      height: "$1",
+      borderRadius: "$2",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      backgroundColor: colorValue,
+      marginRight: "$2"
+    });
+  };
+  const renderValue = () => {
+    if (type === "Color" && !isEmpty) {
+      return /* @__PURE__ */jsxs(XStack, {
+        alignItems: "center",
+        children: [renderColorSwatch(), /* @__PURE__ */jsx(Text, {
+          fontSize: knobProps.sizeToken,
+          color: isEmpty ? "$color10" : "$color",
+          fontFamily: "$mono",
+          children: displayValue
+        })]
+      });
+    }
+    if (type === "Link" && (linkHref || onLinkPress) && !isEmpty) {
+      return /* @__PURE__ */jsx(Text, {
+        fontSize: knobProps.sizeToken,
+        ...knobProps.body,
+        color: "$accentColor",
+        textDecorationLine: "underline",
+        cursor: "pointer",
+        onPress: onLinkPress,
+        hoverStyle: {
+          opacity: 0.8
+        },
+        children: displayValue
+      });
+    }
+    if (type === "Check") {
+      return /* @__PURE__ */jsxs(XStack, {
+        alignItems: "center",
+        gap: "$2",
+        children: [/* @__PURE__ */jsx(XStack, {
+          width: "$0.75",
+          height: "$0.75",
+          borderRadius: "$1",
+          borderWidth: 1,
+          borderColor: value ? "$green10" : "$color8",
+          backgroundColor: value ? "$green5" : "$color3",
+          alignItems: "center",
+          justifyContent: "center",
+          children: value && /* @__PURE__ */jsx(Text, {
+            fontSize: "$1",
+            color: "$green10",
+            children: "\u2713"
+          })
+        }), /* @__PURE__ */jsx(Text, {
+          fontSize: knobProps.sizeToken,
+          ...knobProps.body,
+          color: isEmpty ? "$color10" : "$color",
+          children: displayValue
+        })]
+      });
+    }
+    if (type === "LongText" || type === "Text" || type === "SmallText") {
+      return /* @__PURE__ */jsx(Text, {
+        fontSize: knobProps.sizeToken,
+        ...knobProps.body,
+        color: isEmpty ? "$color10" : "$color",
+        whiteSpace: "pre-wrap",
+        children: displayValue
+      });
+    }
+    return /* @__PURE__ */jsx(Text, {
+      fontSize: knobProps.sizeToken,
+      ...knobProps.body,
+      color: isEmpty ? "$color10" : "$color",
+      children: displayValue
+    });
+  };
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    ...stackProps,
+    children: [label && /* @__PURE__ */jsx(Label, {
+      color: "$color10",
+      fontSize: "$2",
+      children: label
+    }), /* @__PURE__ */jsx(XStack, {
+      ...knobProps.borderRadius,
+      ...{
+        backgroundColor: "$color2"
+      },
+      paddingVertical: "$2",
+      paddingHorizontal: "$3",
+      borderColor: "$color5",
+      minHeight: "$3.5",
+      alignItems: "center",
+      children: renderValue()
+    })]
+  });
+}
+export { ReadOnly };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","useMemo","Label","Text","XStack","YStack","jsx","jsxs","formatDate","value","format","date","Date","Number","isNaN","getTime","toLocaleDateString","formatDatetime","dateStr","timeStr","toLocaleTimeString","hour","minute","toLocaleString","formatTime","_format","test","slice","formatNumeric","type","precision","currencySymbol","Math","round","toString","toFixed","formatValue","options","parseFloat","String","dateFormat","datetimeFormat","timeFormat","toUpperCase","ReadOnly","label","emptyText","linkHref","onLinkPress","stackProps","knobProps","displayValue","formatted","isEmpty","renderColorSwatch","colorValue","width","height","borderRadius","borderWidth","borderColor","backgroundColor","marginRight","renderValue","alignItems","children","fontSize","sizeToken","color","fontFamily","body","textDecorationLine","cursor","onPress","hoverStyle","opacity","gap","justifyContent","whiteSpace","paddingVertical","paddingHorizontal","minHeight"],"sources":["../../../../src/fields/ReadOnly/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/ReadOnly/index.native.js

@@ -0,0 +1,216 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useMemo } from "react";
+import { Label, Text, XStack, YStack } from "tamagui";
+function formatDate(value, format) {
+  if (!value) return "";
+  try {
+    var date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    if (!format) return date.toLocaleDateString("en-CA");
+    return date.toLocaleDateString();
+  } catch (unused) {
+    return value;
+  }
+}
+function formatDatetime(value, format) {
+  if (!value) return "";
+  try {
+    var date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    if (!format) {
+      var dateStr = date.toLocaleDateString("en-CA");
+      var timeStr = date.toLocaleTimeString("en-GB", {
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+      return `${dateStr} ${timeStr}`;
+    }
+    return date.toLocaleString();
+  } catch (unused) {
+    return value;
+  }
+}
+function formatTime(value, _format) {
+  if (!value) return "";
+  try {
+    if (/^\d{2}:\d{2}(:\d{2})?$/.test(value)) return value.slice(0, 5);
+    var date = new Date(value);
+    if (Number.isNaN(date.getTime())) return value;
+    return date.toLocaleTimeString("en-GB", {
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  } catch (unused) {
+    return value;
+  }
+}
+function formatNumeric(value, type, precision, currencySymbol) {
+  if (value === void 0 || value === null || Number.isNaN(value)) return "";
+  switch (type) {
+    case "Int":
+      return Math.round(value).toString();
+    case "Float":
+      return value.toFixed(precision);
+    case "Currency":
+      return `${currencySymbol}${value.toFixed(precision)}`;
+    case "Percent":
+      return `${value.toFixed(precision)}%`;
+    default:
+      return value.toString();
+  }
+}
+function formatValue(value, type, options) {
+  if (value === void 0 || value === null) return "";
+  switch (type) {
+    case "Check":
+      return value ? "Yes" : "No";
+    case "Int":
+    case "Float":
+    case "Currency":
+    case "Percent":
+      return formatNumeric(typeof value === "number" ? value : Number.parseFloat(String(value)), type, options.precision, options.currencySymbol);
+    case "Date":
+      return formatDate(String(value), options.dateFormat);
+    case "Datetime":
+      return formatDatetime(String(value), options.datetimeFormat);
+    case "Time":
+      return formatTime(String(value), options.timeFormat);
+    case "Color":
+      return String(value).toUpperCase();
+    default:
+      return String(value);
+  }
+}
+function ReadOnly(param) {
+  var {
+    label,
+    value,
+    type = "Data",
+    currencySymbol = "$",
+    precision = 2,
+    dateFormat,
+    datetimeFormat,
+    timeFormat,
+    emptyText = "-",
+    linkHref,
+    onLinkPress,
+    ...stackProps
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var displayValue = useMemo(function () {
+    var formatted = formatValue(value, type, {
+      currencySymbol,
+      precision,
+      dateFormat,
+      datetimeFormat,
+      timeFormat
+    });
+    return formatted || emptyText;
+  }, [value, type, currencySymbol, precision, dateFormat, datetimeFormat, timeFormat, emptyText]);
+  var isEmpty = value === void 0 || value === null || value === "";
+  var renderColorSwatch = function renderColorSwatch2() {
+    if (type !== "Color" || isEmpty) return null;
+    var colorValue = String(value);
+    if (!/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(colorValue)) return null;
+    return /* @__PURE__ */_jsx(XStack, {
+      width: "$1",
+      height: "$1",
+      borderRadius: "$2",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      backgroundColor: colorValue,
+      marginRight: "$2"
+    });
+  };
+  var renderValue = function renderValue2() {
+    if (type === "Color" && !isEmpty) {
+      return /* @__PURE__ */_jsxs(XStack, {
+        alignItems: "center",
+        children: [renderColorSwatch(), /* @__PURE__ */_jsx(Text, {
+          fontSize: knobProps.sizeToken,
+          color: isEmpty ? "$color10" : "$color",
+          fontFamily: "$mono",
+          children: displayValue
+        })]
+      });
+    }
+    if (type === "Link" && (linkHref || onLinkPress) && !isEmpty) {
+      return /* @__PURE__ */_jsx(Text, {
+        fontSize: knobProps.sizeToken,
+        ...knobProps.body,
+        color: "$accentColor",
+        textDecorationLine: "underline",
+        cursor: "pointer",
+        onPress: onLinkPress,
+        hoverStyle: {
+          opacity: 0.8
+        },
+        children: displayValue
+      });
+    }
+    if (type === "Check") {
+      return /* @__PURE__ */_jsxs(XStack, {
+        alignItems: "center",
+        gap: "$2",
+        children: [/* @__PURE__ */_jsx(XStack, {
+          width: "$0.75",
+          height: "$0.75",
+          borderRadius: "$1",
+          borderWidth: 1,
+          borderColor: value ? "$green10" : "$color8",
+          backgroundColor: value ? "$green5" : "$color3",
+          alignItems: "center",
+          justifyContent: "center",
+          children: value && /* @__PURE__ */_jsx(Text, {
+            fontSize: "$1",
+            color: "$green10",
+            children: "\u2713"
+          })
+        }), /* @__PURE__ */_jsx(Text, {
+          fontSize: knobProps.sizeToken,
+          ...knobProps.body,
+          color: isEmpty ? "$color10" : "$color",
+          children: displayValue
+        })]
+      });
+    }
+    if (type === "LongText" || type === "Text" || type === "SmallText") {
+      return /* @__PURE__ */_jsx(Text, {
+        fontSize: knobProps.sizeToken,
+        ...knobProps.body,
+        color: isEmpty ? "$color10" : "$color",
+        whiteSpace: "pre-wrap",
+        children: displayValue
+      });
+    }
+    return /* @__PURE__ */_jsx(Text, {
+      fontSize: knobProps.sizeToken,
+      ...knobProps.body,
+      color: isEmpty ? "$color10" : "$color",
+      children: displayValue
+    });
+  };
+  return /* @__PURE__ */_jsxs(YStack, {
+    ...knobProps.gap,
+    ...stackProps,
+    children: [label && /* @__PURE__ */_jsx(Label, {
+      color: "$color10",
+      fontSize: "$2",
+      children: label
+    }), /* @__PURE__ */_jsx(XStack, {
+      ...knobProps.borderRadius,
+      backgroundColor: "$color2",
+      paddingVertical: "$2",
+      paddingHorizontal: "$3",
+      borderColor: "$color5",
+      minHeight: "$3.5",
+      alignItems: "center",
+      children: renderValue()
+    })]
+  });
+}
+export { ReadOnly };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/fields/ReadOnly/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useResolvedKnobs","useMemo","Label","Text","XStack","YStack","formatDate","value","format","date","Date","Number","isNaN","getTime","toLocaleDateString","unused","formatDatetime","dateStr","timeStr","toLocaleTimeString","hour","minute","toLocaleString","formatTime","_format","test","slice","formatNumeric","type","precision","currencySymbol","Math","round","toString","toFixed","formatValue","options","parseFloat","String","dateFormat","datetimeFormat","timeFormat","toUpperCase","ReadOnly","param","label","emptyText","linkHref","onLinkPress","stackProps","knobProps","displayValue","formatted","isEmpty","renderColorSwatch","renderColorSwatch2","colorValue","width","height","borderRadius","borderWidth","borderColor","backgroundColor","marginRight","renderValue","renderValue2","alignItems","children","fontSize","sizeToken","color","fontFamily","body","textDecorationLine","cursor","onPress","hoverStyle","opacity","gap","justifyContent","whiteSpace","paddingVertical","paddingHorizontal","minHeight"],"sources":["../../../../src/fields/ReadOnly/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}