@multiplatform.one/frappe-ui 6.0.0

package/dist/cjs/fields/FileUpload.native.js

@@ -0,0 +1,203 @@
+"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 FileUpload_exports = {};
+__export(FileUpload_exports, {
+  FileUpload: () => FileUpload
+});
+module.exports = __toCommonJS(FileUpload_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_frappe = require("@multiplatform.one/frappe");
+var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_FrappeProvider = require("../FrappeProvider.native.js");
+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;
+  }
+}
+function FileUpload(param) {
+  var {
+    label,
+    value,
+    onChange,
+    accept,
+    isImage = false,
+    disabled = false,
+    required = false,
+    maxSize = 5 * 1024 * 1024,
+    baseURL,
+    auth
+  } = param;
+  var _ref;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var config = (0, import_FrappeProvider.useFrappeConfig)();
+  var fileInputRef = (0, import_react2.useRef)(null);
+  var [uploading, setUploading] = (0, import_react2.useState)(false);
+  var [error, setError] = (0, import_react2.useState)(null);
+  var finalBaseURL = (_ref = baseURL !== null && baseURL !== void 0 ? baseURL : config === null || config === void 0 ? void 0 : config.baseURL) !== null && _ref !== void 0 ? _ref : "";
+  var finalConfig = finalBaseURL ? {
+    baseURL: finalBaseURL,
+    socketPort: config === null || config === void 0 ? void 0 : config.socketPort,
+    auth: auth !== null && auth !== void 0 ? auth : config === null || config === void 0 ? void 0 : config.auth,
+    syncOptions: config === null || config === void 0 ? void 0 : config.syncOptions,
+    fixtures: config === null || config === void 0 ? void 0 : config.fixtures
+  } : void 0;
+  var fileCollection = (0, import_frappe.useFrappeCollection)(finalConfig, "File", {
+    fields: ["name", "file_name", "file_url", "is_private"]
+  });
+  var handleFileSelect = async function handleFileSelect2(event) {
+    var _event_target_files;
+    var file = (_event_target_files = event.target.files) === null || _event_target_files === void 0 ? void 0 : _event_target_files[0];
+    if (!file) return;
+    if (maxSize && file.size > maxSize) {
+      setError(`File size exceeds ${Math.round(maxSize / 1024 / 1024)}MB limit`);
+      return;
+    }
+    setError(null);
+    setUploading(true);
+    try {
+      var reader = new FileReader();
+      reader.onload = async function (e) {
+        try {
+          var _e_target;
+          var base64 = (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.result;
+          if (fileCollection) {
+            var tx = fileCollection.insert({
+              doctype: "File",
+              name: `new-${Date.now()}`,
+              file_name: file.name,
+              file_url: base64,
+              is_private: 0
+            });
+            await tx.isPersisted.promise;
+          }
+          onChange(base64);
+        } catch (err) {
+          setError(_instanceof(err, Error) ? err.message : "Upload failed");
+        } finally {
+          setUploading(false);
+        }
+      };
+      reader.onerror = function () {
+        setError("Failed to read file");
+        setUploading(false);
+      };
+      reader.readAsDataURL(file);
+    } catch (err) {
+      setError(_instanceof(err, Error) ? err.message : "Upload failed");
+      setUploading(false);
+    }
+  };
+  var handleRemove = function handleRemove2() {
+    onChange("");
+    if (fileInputRef.current) {
+      fileInputRef.current.value = "";
+    }
+  };
+  var handleClick = function handleClick2() {
+    var _fileInputRef_current;
+    (_fileInputRef_current = fileInputRef.current) === null || _fileInputRef_current === void 0 ? void 0 : _fileInputRef_current.click();
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
+      children: [label, required && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$red10",
+        children: " *"
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("input", {
+      ref: fileInputRef,
+      type: "file",
+      accept: accept || (isImage ? "image/*" : void 0),
+      style: {
+        display: "none"
+      },
+      onChange: handleFileSelect,
+      disabled: disabled || uploading
+    }), !value ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+      size: "$3",
+      icon: uploading ? import_tamagui.Spinner : import_react.UploadIcon,
+      disabled: disabled || uploading,
+      onPress: handleClick,
+      ...knobProps.borderRadius,
+      children: uploading ? "Uploading..." : "Choose File"
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.gap,
+      children: [isImage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
+        source: {
+          uri: value
+        },
+        width: 200,
+        height: 200,
+        ...knobProps.borderRadius,
+        resizeMode: "cover"
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        ...knobProps.panelPadding,
+        backgroundColor: "$color2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FileIcon, {
+          size: 20
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          flex: 1,
+          numberOfLines: 1,
+          children: value.split("/").pop() || value
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$2",
+          variant: "outlined",
+          icon: import_react.UploadIcon,
+          disabled: disabled || uploading,
+          onPress: handleClick,
+          ...knobProps.borderRadius,
+          children: "Replace"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$2",
+          variant: "outlined",
+          icon: import_react.XIcon,
+          disabled: disabled || uploading,
+          onPress: handleRemove,
+          ...knobProps.borderRadius,
+          children: "Remove"
+        })]
+      })]
+    }), error && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      color: "$red10",
+      fontSize: "$2",
+      children: error
+    })]
+  });
+}
+//# sourceMappingURL=FileUpload.native.js.map

package/dist/cjs/fields/FileUpload.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FileUpload_exports","__export","FileUpload","module","exports","import_jsx_runtime","require","import_frappe","import_react","import_theme","import_react2","import_tamagui","import_FrappeProvider","_instanceof","left","right","Symbol","hasInstance","param","label","onChange","accept","isImage","disabled","required","maxSize","baseURL","auth","_ref","knobProps","useResolvedKnobs","config","useFrappeConfig","fileInputRef","useRef","uploading","setUploading","useState","error","setError","finalBaseURL","finalConfig","socketPort","syncOptions","fixtures","fileCollection","useFrappeCollection","fields","handleFileSelect","handleFileSelect2","event","_event_target_files","file","target","files","size","Math","round","reader","FileReader","onload","e","_e_target","base64","result","tx","insert","doctype","name","Date","now","file_name","file_url","is_private","isPersisted","promise","err","Error","message","onerror","readAsDataURL","handleRemove","handleRemove2","current","handleClick","handleClick2","_fileInputRef_current","click","jsxs","YStack","gap","children","Label","jsx","Text","color","ref","type","style","display","Button","icon","Spinner","UploadIcon","onPress","borderRadius","Image","source","uri","width","height","resizeMode","XStack","alignItems","panelPadding","backgroundColor","FileIcon","flex","numberOfLines","split","pop","variant"],"sources":["../../../src/fields/FileUpload.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/FileUploadField/index.cjs

@@ -0,0 +1,65 @@
+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 FileUploadField_exports = {};
+__export(FileUploadField_exports, {
+  FileUploadField: () => FileUploadField
+});
+module.exports = __toCommonJS(FileUploadField_exports);
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+const imageAccept = "image/png,image/jpeg,image/gif,image/webp,image/svg+xml";
+function FileUploadField(props) {
+  const {
+    defaultValue,
+    form,
+    _mode,
+    name,
+    _preserveValue,
+    validators,
+    disabled,
+    accept,
+    maxSize,
+    multiple,
+    isImage,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  const resolvedAccept = isImage ? accept ?? imageAccept : accept;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FileUpload, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    disabled,
+    accept: resolvedAccept,
+    maxSize,
+    multiple
+  });
+}

package/dist/cjs/fields/FileUploadField/index.native.js

@@ -0,0 +1,68 @@
+"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 FileUploadField_exports = {};
+__export(FileUploadField_exports, {
+  FileUploadField: () => FileUploadField
+});
+module.exports = __toCommonJS(FileUploadField_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+var imageAccept = "image/png,image/jpeg,image/gif,image/webp,image/svg+xml";
+function FileUploadField(props) {
+  var {
+    defaultValue,
+    form,
+    _mode,
+    name,
+    _preserveValue,
+    validators,
+    disabled,
+    accept,
+    maxSize,
+    multiple,
+    isImage,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  var resolvedAccept = isImage ? accept !== null && accept !== void 0 ? accept : imageAccept : accept;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FileUpload, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    disabled,
+    accept: resolvedAccept,
+    maxSize,
+    multiple
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/fields/FileUploadField/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FileUploadField_exports","__export","FileUploadField","module","exports","import_jsx_runtime","require","import_forms","import_tamagui","imageAccept","props","defaultValue","form","_mode","name","_preserveValue","validators","disabled","accept","maxSize","multiple","isImage","fieldProps","useProps","resolvedAccept","jsx","FileUpload","label","labelProps","error","helperText","required","id","size"],"sources":["../../../../src/fields/FileUploadField/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA2B,CAAAK,uBAAA;AAE3B,IAAAK,kBAAyB,GAAAC,OAAA;AA0DrB,IAAAC,YAAA,GAAAD,OAAA;AAxDJ,IAAAE,cAAM,GAAcF,OAAA;AAkCb,IAAAG,WAAS,4DAG6B;AAC3C,SAAMP,gBAAAQ,KAAA;EAAA,IACJ;IAAAC,YAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,OAAA;IAAA,GAAAC;EAAA,QAAAd,cAAA,CAAAe,QAAA,EAAAb,KAAA;EAAA,IACAc,cAAA,GAAAH,OAAA,GAAAH,MAAA,aAAAA,MAAA,cAAAA,MAAA,GAAAT,WAAA,GAAAS,MAAA;EAAA,OACA,mBAAAb,kBAAA,CAAAoB,GAAA,EAAAlB,YAAA,CAAAmB,UAAA;IACAZ,IAAA;IACAF,IAAA;IACAI,UAAA;IACAL,YAAA;IACAgB,KAAA,EAAAL,UAAA,CAAAK,KAAA;IACAC,UAAA,EAAAN,UAAA,CAAAM,UAAA;IACAC,KAAA,EAAAP,UAAA,CAAAO,KAAA;IACAC,UAAA,EAAAR,UAAA,CAAAQ,UAAA;IACAC,QAAG,EAAAT,UAAA,CAAAS,QAAA;IACLC,EAAA,EAAAV,UAAI,CAAAU,EAAA;IAEJC,IAAM,EAAAX,UAAA,CAAAW,IAAiB;IAEvBhB,QACE;IAACC,MAAA,EAAAM,cAAA;IAAAL,OAAA;IAAAC;EACC;AACA","ignoreList":[]}

package/dist/cjs/fields/Geolocation/index.cjs

@@ -0,0 +1,66 @@
+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 Geolocation_exports = {};
+__export(Geolocation_exports, {
+  Geolocation: () => Geolocation
+});
+module.exports = __toCommonJS(Geolocation_exports);
+var import_forms = require("@multiplatform.one/forms");
+var import_react = require("@phosphor-icons/react");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Geolocation(props) {
+  const {
+    defaultValue,
+    form,
+    mode: _mode,
+    name,
+    onBlur,
+    onChange,
+    preserveValue: _preserveValue,
+    validators,
+    disabled,
+    value,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Geolocation, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    value,
+    onChange,
+    onBlur,
+    disabled,
+    locationIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
+      size: 16
+    })
+  });
+}

package/dist/cjs/fields/Geolocation/index.native.js

@@ -0,0 +1,69 @@
+"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 Geolocation_exports = {};
+__export(Geolocation_exports, {
+  Geolocation: () => Geolocation
+});
+module.exports = __toCommonJS(Geolocation_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_react = require("@phosphor-icons/react");
+var import_tamagui = require("tamagui");
+function Geolocation(props) {
+  var {
+    defaultValue,
+    form,
+    mode: _mode,
+    name,
+    onBlur,
+    onChange,
+    preserveValue: _preserveValue,
+    validators,
+    disabled,
+    value,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Geolocation, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    value,
+    onChange,
+    onBlur,
+    disabled,
+    locationIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
+      size: 16
+    })
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/fields/Geolocation/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Geolocation_exports","__export","Geolocation","module","exports","import_jsx_runtime","require","import_forms","import_react","import_tamagui","props","defaultValue","form","mode","_mode","name","onBlur","onChange","preserveValue","_preserveValue","validators","disabled","fieldProps","useProps","jsx","label","labelProps","error","helperText","required","id","size","locationIcon","NavigationArrowIcon"],"sources":["../../../../src/fields/Geolocation/index.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,WAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAgD,CAAAK,mBAAA;AAChD,IAAAK,kBAAoC,GAAAC,OAAA;AAEpC,IAAAC,YAAA,GAAAD,OAAyB;AAoEL,IAAAE,YAAA,GAAAF,OAAA;AAnCb,IAAAG,cAAS,GAGdH,OAAuC;AACvC,SAAMJ,YAAAQ,KAAA;EAAA,IACJ;IAAAC,YAAA;IAAAC,IAAA;IAAAC,IAAA,EAAAC,KAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,aAAA,EAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAtB,KAAA;IAAA,GAAAuB;EAAA,QAAAb,cAAA,CAAAc,QAAA,EAAAb,KAAA;EAAA,OACA,mBAAAL,kBAAA,CAAAmB,GAAA,EAAAjB,YAAA,CAAAL,WAAA;IACAa,IAAA;IACAH,IAAA;IACAQ,UAAA;IACAT,YAAA;IACAc,KAAA,EAAAH,UAAe,CAAAG,KAAA;IACfC,UAAA,EAAAJ,UAAA,CAAAI,UAAA;IACAC,KAAA,EAAAL,UAAA,CAAAK,KAAA;IACAC,UAAA,EAAAN,UAAA,CAAAM,UAAA;IACAC,QAAG,EAAAP,UAAA,CAAAO,QAAA;IACLC,EAAA,EAAAR,UAAI,CAAAQ,EAAA;IAEJC,IAAA,EACET,UAAA,CAAAS,IAAA;IAAChC,KAAA;IAAAkB,QAAA;IAAAD,MACC;IAAAK,QACA;IAAAW,YACA,qBAAA3B,kBAAA,CAAAmB,GAAA,EAAAhB,YAAA,CAAAyB,mBAAA;MACAF,IAAA;IAAA;EACkB;AACK","ignoreList":[]}

package/dist/cjs/fields/HTML/index.cjs

@@ -0,0 +1,82 @@
+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 HTML_exports = {};
+__export(HTML_exports, {
+  Html: () => Html
+});
+module.exports = __toCommonJS(HTML_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function sanitizeHtml(html) {
+  return html.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "");
+}
+function HtmlContent({
+  html
+}) {
+  const webProps = {
+    dangerouslySetInnerHTML: {
+      __html: html
+    },
+    style: {
+      lineHeight: 1.5,
+      fontSize: 14,
+      color: "var(--color)"
+    }
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    ...webProps
+  });
+}
+function Html({
+  label,
+  value = "",
+  ...stackProps
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const sanitizedHtml = (0, import_react.useMemo)(() => sanitizeHtml(value), [value]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    ...stackProps,
+    children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+      children: label
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      ...knobProps.borderRadius,
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      backgroundColor: "$backgroundHover",
+      ...knobProps.panelPadding,
+      minHeight: 60,
+      children: sanitizedHtml ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(HtmlContent, {
+        html: sanitizedHtml
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$color10",
+        fontSize: "$2",
+        children: "No content"
+      })
+    })]
+  });
+}

package/dist/cjs/fields/HTML/index.native.js

@@ -0,0 +1,89 @@
+"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 HTML_exports = {};
+__export(HTML_exports, {
+  Html: () => Html
+});
+module.exports = __toCommonJS(HTML_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+function sanitizeHtml(html) {
+  return html.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "");
+}
+function HtmlContent(param) {
+  var {
+    html
+  } = param;
+  var webProps = {
+    dangerouslySetInnerHTML: {
+      __html: html
+    },
+    style: {
+      lineHeight: 1.5,
+      fontSize: 14,
+      color: "var(--color)"
+    }
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    ...webProps
+  });
+}
+function Html(param) {
+  var {
+    label,
+    value = "",
+    ...stackProps
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var sanitizedHtml = (0, import_react.useMemo)(function () {
+    return sanitizeHtml(value);
+  }, [value]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    ...stackProps,
+    children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+      children: label
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      ...knobProps.borderRadius,
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      backgroundColor: "$backgroundHover",
+      ...knobProps.panelPadding,
+      minHeight: 60,
+      children: sanitizedHtml ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(HtmlContent, {
+        html: sanitizedHtml
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$color10",
+        fontSize: "$2",
+        children: "No content"
+      })
+    })]
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/fields/HTML/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","HTML_exports","__export","Html","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","sanitizeHtml","html","replace","HtmlContent","param","webProps","dangerouslySetInnerHTML","__html","style","lineHeight","fontSize","color","jsx","View","label","stackProps","knobProps","useResolvedKnobs","sanitizedHtml","useMemo","jsxs","YStack"],"sources":["../../../../src/fields/HTML/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,YAAA;AACjC,IAAAK,kBAAwB,GAAAC,OAAA;AACxB,IAAAC,YAAA,GAAAD,OAA4D;AAmBnD,IAAAE,YAAA,GAAAF,OAAA;AAVT,IAAAG,cAAS,GAAAH,OAAmC;AAC1C,SAAOI,YAAKA,CAAQC,IAAA;EACtB,OAAAA,IAAA,CAAAC,OAAA;AAEA;AAEE,SAAMC,WAAWA,CAAAC,KAAA;EAAA,IACf;IAAAH;EAAA,IAAAG,KAAA;EAAwC,IACxCC,QAAS;IACXC,uBAAA;MACAC,MAAO,EAAAN;IACT;IAEOO,KAAS;MACdC,UAAQ,KAAU;MAClBC,QAAM;MAENC,KACE;IACG;EAAuB;EACxB,OAAC,mBAAAhB,kBAAA,CAAAiB,GAAA,EAAAb,cAAA,CAAAc,IAAA;IAAA,GAAAR;EAAA;AACe;AACD,SACbb,KAAAY,KAAA,EAAY;EAAA;IACZU,KAAA;IAAAzB,KAAA,KAAgB;IAAA,GAAA0B;EAAA,IAAAX,KAAA;EAAA;IACfY;EAAG,IAAU,IAAAnB,YAAA,CAAAoB,gBAAA;EAAA,IAAAC,aACH,OAAApB,YAAA,CAAAqB,OAAA;IAAA,OAEVnB,YAAA,CAAAX,KAAA;EAKC,IAEJA,KAAA;EAGN,0BAAAM,kBAAA,CAAAyB,IAAA,EAAArB,cAAA,CAAAsB,MAAA","ignoreList":[]}