@multiplatform.one/forms 6.0.0

package/dist/jsx/fields/ImageField/index.mjs

@@ -0,0 +1,271 @@
+import { ImageIcon, XIcon } from "@phosphor-icons/react";
+import { useCallback, useRef, useState } from "react";
+import { Image, isWeb, Text, View, styled } from "tamagui";
+import { Field, FieldLayout } from "../../fieldLayout.mjs";
+import { Skeleton } from "../../Skeleton/index.mjs";
+import { formCardColors, formCommonColors, formInputColors } from "../../shared/colorRamps.mjs";
+import { clampRadiusForControl, getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const ImageContainer = styled(View, {
+  name: "ImageFieldContainer",
+  position: "relative",
+  alignItems: "center",
+  justifyContent: "center",
+  overflow: "hidden",
+  variants: {
+    interactive: {
+      true: {
+        cursor: "pointer",
+        hoverStyle: {
+          opacity: 0.9
+        },
+        pressStyle: {
+          opacity: 0.8
+        }
+      },
+      false: {
+        cursor: "default"
+      }
+    },
+    hasImage: {
+      true: {
+        borderStyle: "solid",
+        borderWidth: 1,
+        borderColor: formCardColors.border.base
+      },
+      false: {
+        borderStyle: "dashed",
+        borderWidth: 1,
+        borderColor: formInputColors.border.base,
+        backgroundColor: formInputColors.background.base
+      }
+    },
+    disabledState: {
+      true: {
+        opacity: 0.5
+      },
+      false: {
+        opacity: 1
+      }
+    }
+  }
+});
+const RemoveButton = styled(View, {
+  name: "ImageFieldRemove",
+  position: "absolute",
+  top: -6,
+  right: -6,
+  width: 18,
+  height: 18,
+  borderRadius: 1e3,
+  backgroundColor: formCommonColors.text,
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  zIndex: 1,
+  hoverStyle: {
+    backgroundColor: formCommonColors.error
+  }
+});
+function ImageField({
+  name,
+  form: formProp,
+  validators,
+  label,
+  labelProps,
+  helperText,
+  error,
+  required,
+  disabled,
+  readOnly,
+  size,
+  id: idProp,
+  value,
+  defaultValue,
+  onValueChange,
+  onBlur,
+  accept = "image/*",
+  maxSize,
+  imageWidth = 48,
+  imageHeight = 48,
+  showRemove = true,
+  placeholder,
+  skeleton,
+  compact
+}) {
+  const {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  const resolvedValidators = useResolvedValidators(required, validators, label, name);
+  const cappedRadius = clampRadiusForControl(knobProps.borderRadius.borderRadius, 6);
+  const [previewUrl, setPreviewUrl] = useState(null);
+  const [validationError, setValidationError] = useState();
+  const fileInputRef = useRef(null);
+  const getDisplayUrl = useCallback(val => {
+    if (!val) return null;
+    if (typeof val === "string") return val;
+    if (val instanceof File && isWeb) {
+      const url = URL.createObjectURL(val);
+      setPreviewUrl(prev => {
+        if (prev) URL.revokeObjectURL(prev);
+        return url;
+      });
+      return url;
+    }
+    return null;
+  }, []);
+  const validateFile = useCallback(file => {
+    if (maxSize && file.size > maxSize) {
+      const sizeMB = (maxSize / 1024 / 1024).toFixed(1);
+      return `Image must be less than ${sizeMB}MB`;
+    }
+    if (!file.type.startsWith("image/")) {
+      return "File must be an image";
+    }
+    return null;
+  }, [maxSize]);
+  const handleFileSelect = useCallback((files, onChange, blurHandler) => {
+    if (!files || files.length === 0) return;
+    const file = files[0];
+    const validationError2 = validateFile(file);
+    if (validationError2) {
+      setValidationError(validationError2);
+      return;
+    }
+    setValidationError(void 0);
+    onChange?.(file);
+    onValueChange?.(file);
+    blurHandler?.();
+  }, [validateFile, onValueChange]);
+  const handleRemove = useCallback((e, onChange, blurHandler) => {
+    e.stopPropagation();
+    if (previewUrl) {
+      URL.revokeObjectURL(previewUrl);
+      setPreviewUrl(null);
+    }
+    onChange?.(null);
+    onValueChange?.(null);
+    blurHandler?.();
+  }, [previewUrl, onValueChange]);
+  const openFileDialog = useCallback(() => {
+    if (disabled || readOnly) return;
+    fileInputRef.current?.click();
+  }, [disabled, readOnly]);
+  if (skeleton) {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */jsx(Skeleton, {
+        variant: "rounded",
+        width: imageWidth,
+        height: imageHeight
+      })
+    });
+  }
+  const canInteract = !disabled && !readOnly;
+  const renderImageField = (currentValue, errorProp, onChange, blurHandler) => {
+    const displayUrl = getDisplayUrl(currentValue);
+    const hasImage = !!displayUrl;
+    return /* @__PURE__ */jsxs(ImageContainer, {
+      width: imageWidth,
+      height: imageHeight,
+      borderRadius: cappedRadius,
+      interactive: canInteract,
+      hasImage,
+      disabledState: !!disabled,
+      onPress: canInteract ? openFileDialog : void 0,
+      ...(errorProp ? {
+        borderColor: formCommonColors.error
+      } : void 0),
+      "aria-required": required || void 0,
+      "aria-invalid": !!errorProp || void 0,
+      "aria-readonly": readOnly || void 0,
+      children: [hasImage ? /* @__PURE__ */jsxs(Fragment, {
+        children: [/* @__PURE__ */jsx(Image, {
+          source: {
+            uri: displayUrl
+          },
+          width: imageWidth,
+          height: imageHeight,
+          objectFit: "cover"
+        }), showRemove && canInteract && /* @__PURE__ */jsx(RemoveButton, {
+          onPress: e => handleRemove(e, onChange, blurHandler),
+          children: /* @__PURE__ */jsx(XIcon, {
+            size: 10,
+            color: "var(--color1)"
+          })
+        })]
+      }) : /* @__PURE__ */jsxs(View, {
+        alignItems: "center",
+        justifyContent: "center",
+        gap: "$1",
+        children: [/* @__PURE__ */jsx(ImageIcon, {
+          size: 16,
+          color: "var(--color10)"
+        }), placeholder && /* @__PURE__ */jsx(Text, {
+          fontSize: "$1",
+          color: formCommonColors.muted,
+          textAlign: "center",
+          children: placeholder
+        })]
+      }), isWeb && /* @__PURE__ */jsx("input", {
+        ref: fileInputRef,
+        type: "file",
+        accept,
+        onChange: e => handleFileSelect(e.target.files, onChange, blurHandler),
+        style: {
+          display: "none"
+        },
+        disabled: !canInteract
+      })]
+    });
+  };
+  if (!resolvedForm || !name) {
+    const standaloneError = error ?? validationError;
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: standaloneError,
+      helperText,
+      required,
+      size,
+      knobProps,
+      children: renderImageField(value ?? defaultValue, standaloneError, onValueChange)
+    });
+  }
+  return /* @__PURE__ */jsx(Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: field => {
+      const resolvedError = getFieldError(field, error) ?? validationError;
+      const fieldValue = field.state.value;
+      const blurHandler = mergeFieldHandler(field, "handleBlur", onBlur);
+      return /* @__PURE__ */jsx(FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        children: renderImageField(value !== void 0 ? value : fieldValue, resolvedError, val => {
+          field.handleChange(val);
+        }, blurHandler)
+      });
+    }
+  });
+}
+export { ImageField };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/fields/ImageField/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["ImageIcon","XIcon","useCallback","useRef","useState","Image","isWeb","Text","View","styled","Field","FieldLayout","Skeleton","formCardColors","formCommonColors","formInputColors","clampRadiusForControl","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","Fragment","jsx","jsxs","ImageContainer","name","position","alignItems","justifyContent","overflow","variants","interactive","true","cursor","hoverStyle","opacity","pressStyle","false","hasImage","borderStyle","borderWidth","borderColor","border","base","backgroundColor","background","disabledState","RemoveButton","top","right","width","height","borderRadius","text","zIndex","error","ImageField","form","formProp","validators","label","labelProps","helperText","required","disabled","readOnly","size","id","idProp","value","defaultValue","onValueChange","onBlur","accept","maxSize","imageWidth","imageHeight","showRemove","placeholder","skeleton","compact","resolvedForm","knobProps","resolvedValidators","cappedRadius","previewUrl","setPreviewUrl","validationError","setValidationError","fileInputRef","getDisplayUrl","val","File","url","URL","createObjectURL","prev","revokeObjectURL","validateFile","file","sizeMB","toFixed","type","startsWith","handleFileSelect","files","onChange","blurHandler","length","validationError2","handleRemove","e","stopPropagation","openFileDialog","current","click","children","variant","canInteract","renderImageField","currentValue","errorProp","displayUrl","onPress","source","uri","objectFit","color","gap","fontSize","muted","textAlign","ref","target","style","display","standaloneError","field","resolvedError","fieldValue","state","handleChange"],"sources":["../../../../src/fields/ImageField/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,315 @@
+"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 ImageField_exports = {};
+__export(ImageField_exports, {
+  ImageField: () => ImageField
+});
+module.exports = __toCommonJS(ImageField_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_fieldLayout = require("../../fieldLayout.native.js");
+var import_Skeleton = require("../../Skeleton/index.native.js");
+var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_utils = require("../../shared/utils.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;
+  }
+}
+var ImageContainer = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "ImageFieldContainer",
+  position: "relative",
+  alignItems: "center",
+  justifyContent: "center",
+  overflow: "hidden",
+  variants: {
+    interactive: {
+      true: {
+        cursor: "pointer",
+        hoverStyle: {
+          opacity: 0.9
+        },
+        pressStyle: {
+          opacity: 0.8
+        }
+      },
+      false: {
+        cursor: "default"
+      }
+    },
+    hasImage: {
+      true: {
+        borderStyle: "solid",
+        borderWidth: 1,
+        borderColor: import_colorRamps.formCardColors.border.base
+      },
+      false: {
+        borderStyle: "dashed",
+        borderWidth: 1,
+        borderColor: import_colorRamps.formInputColors.border.base,
+        backgroundColor: import_colorRamps.formInputColors.background.base
+      }
+    },
+    disabledState: {
+      true: {
+        opacity: 0.5
+      },
+      false: {
+        opacity: 1
+      }
+    }
+  }
+});
+var RemoveButton = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "ImageFieldRemove",
+  position: "absolute",
+  top: -6,
+  right: -6,
+  width: 18,
+  height: 18,
+  borderRadius: 1e3,
+  backgroundColor: import_colorRamps.formCommonColors.text,
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  zIndex: 1,
+  hoverStyle: {
+    backgroundColor: import_colorRamps.formCommonColors.error
+  }
+});
+function ImageField(param) {
+  var {
+    name,
+    form: formProp,
+    validators,
+    label,
+    labelProps,
+    helperText,
+    error,
+    required,
+    disabled,
+    readOnly,
+    size,
+    id: idProp,
+    value,
+    defaultValue,
+    onValueChange,
+    onBlur,
+    accept = "image/*",
+    maxSize,
+    imageWidth = 48,
+    imageHeight = 48,
+    showRemove = true,
+    placeholder,
+    skeleton,
+    compact
+  } = param;
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = (0, import_utils.useFormField)({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  var cappedRadius = (0, import_utils.clampRadiusForControl)(knobProps.borderRadius.borderRadius, 6);
+  var [previewUrl, setPreviewUrl] = (0, import_react2.useState)(null);
+  var [validationError, setValidationError] = (0, import_react2.useState)();
+  var fileInputRef = (0, import_react2.useRef)(null);
+  var getDisplayUrl = (0, import_react2.useCallback)(function (val) {
+    if (!val) return null;
+    if (typeof val === "string") return val;
+    if (_instanceof(val, File) && import_tamagui.isWeb) {
+      var url = URL.createObjectURL(val);
+      setPreviewUrl(function (prev) {
+        if (prev) URL.revokeObjectURL(prev);
+        return url;
+      });
+      return url;
+    }
+    return null;
+  }, []);
+  var validateFile = (0, import_react2.useCallback)(function (file) {
+    if (maxSize && file.size > maxSize) {
+      var sizeMB = (maxSize / 1024 / 1024).toFixed(1);
+      return `Image must be less than ${sizeMB}MB`;
+    }
+    if (!file.type.startsWith("image/")) {
+      return "File must be an image";
+    }
+    return null;
+  }, [maxSize]);
+  var handleFileSelect = (0, import_react2.useCallback)(function (files, onChange, blurHandler) {
+    if (!files || files.length === 0) return;
+    var file = files[0];
+    var validationError2 = validateFile(file);
+    if (validationError2) {
+      setValidationError(validationError2);
+      return;
+    }
+    setValidationError(void 0);
+    onChange === null || onChange === void 0 ? void 0 : onChange(file);
+    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(file);
+    blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();
+  }, [validateFile, onValueChange]);
+  var handleRemove = (0, import_react2.useCallback)(function (e, onChange, blurHandler) {
+    e.stopPropagation();
+    if (previewUrl) {
+      URL.revokeObjectURL(previewUrl);
+      setPreviewUrl(null);
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(null);
+    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(null);
+    blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();
+  }, [previewUrl, onValueChange]);
+  var openFileDialog = (0, import_react2.useCallback)(function () {
+    var _fileInputRef_current;
+    if (disabled || readOnly) return;
+    (_fileInputRef_current = fileInputRef.current) === null || _fileInputRef_current === void 0 ? void 0 : _fileInputRef_current.click();
+  }, [disabled, readOnly]);
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "rounded",
+        width: imageWidth,
+        height: imageHeight
+      })
+    });
+  }
+  var canInteract = !disabled && !readOnly;
+  var renderImageField = function renderImageField2(currentValue, errorProp, onChange, blurHandler) {
+    var displayUrl = getDisplayUrl(currentValue);
+    var hasImage = !!displayUrl;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(ImageContainer, {
+      width: imageWidth,
+      height: imageHeight,
+      borderRadius: cappedRadius,
+      interactive: canInteract,
+      hasImage,
+      disabledState: !!disabled,
+      onPress: canInteract ? openFileDialog : void 0,
+      ...(errorProp ? {
+        borderColor: import_colorRamps.formCommonColors.error
+      } : void 0),
+      "aria-required": required || void 0,
+      "aria-invalid": !!errorProp || void 0,
+      "aria-readonly": readOnly || void 0,
+      children: [hasImage ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
+          source: {
+            uri: displayUrl
+          },
+          width: imageWidth,
+          height: imageHeight,
+          objectFit: "cover"
+        }), showRemove && canInteract && /* @__PURE__ */(0, import_jsx_runtime.jsx)(RemoveButton, {
+          onPress: function onPress(e) {
+            return handleRemove(e, onChange, blurHandler);
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {
+            size: 10,
+            color: "var(--color1)"
+          })
+        })]
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+        alignItems: "center",
+        justifyContent: "center",
+        gap: "$1",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ImageIcon, {
+          size: 16,
+          color: "var(--color10)"
+        }), placeholder && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$1",
+          color: import_colorRamps.formCommonColors.muted,
+          textAlign: "center",
+          children: placeholder
+        })]
+      }), import_tamagui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)("input", {
+        ref: fileInputRef,
+        type: "file",
+        accept,
+        onChange: function onChange1(e) {
+          return handleFileSelect(e.target.files, onChange, blurHandler);
+        },
+        style: {
+          display: "none"
+        },
+        disabled: !canInteract
+      })]
+    });
+  };
+  if (!resolvedForm || !name) {
+    var standaloneError = error !== null && error !== void 0 ? error : validationError;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: standaloneError,
+      helperText,
+      required,
+      size,
+      knobProps,
+      children: renderImageField(value !== null && value !== void 0 ? value : defaultValue, standaloneError, onValueChange)
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var _getFieldError;
+      var resolvedError = (_getFieldError = (0, import_utils.getFieldError)(field, error)) !== null && _getFieldError !== void 0 ? _getFieldError : validationError;
+      var fieldValue = field.state.value;
+      var blurHandler = (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        children: renderImageField(value !== void 0 ? value : fieldValue, resolvedError, function (val) {
+          field.handleChange(val);
+        }, blurHandler)
+      });
+    }
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/fields/ImageField/index.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","ImageField_exports","ImageField","module","exports","import_jsx_runtime","require","import_react","import_react2","import_tamagui","import_fieldLayout","import_Skeleton","import_colorRamps","import_utils","_instanceof","left","right","Symbol","hasInstance","ImageContainer","styled","View","position","alignItems","justifyContent","overflow","variants","interactive","true","cursor","hoverStyle","opacity","pressStyle","false","hasImage","borderStyle","borderWidth","borderColor","formCardColors","border","base","formInputColors","backgroundColor","background","disabledState","RemoveButton","top","width","height","borderRadius","formCommonColors","text","zIndex","error","param","form","formProp","validators","label","labelProps","helperText","required","disabled","readOnly","size","id","idProp","defaultValue","onValueChange","onBlur","accept","maxSize","imageWidth","imageHeight","showRemove","placeholder","skeleton","compact","resolvedForm","knobProps","useFormField","resolvedValidators","useResolvedValidators","cappedRadius","clampRadiusForControl","previewUrl","setPreviewUrl","useState","validationError","setValidationError","fileInputRef","useRef","getDisplayUrl","useCallback","val","File","isWeb","url","URL","createObjectURL","prev","revokeObjectURL","validateFile","file","sizeMB","toFixed","type","startsWith","handleFileSelect","files","onChange","blurHandler","length","validationError2","handleRemove","e","stopPropagation","openFileDialog","_fileInputRef_current","current","click","jsx","FieldLayout","children","Skeleton","variant","canInteract","renderImageField","renderImageField2","currentValue","errorProp","displayUrl","jsxs","onPress","Fragment","Image","source","uri","objectFit","XIcon","color","gap","ImageIcon","Text","fontSize","muted","textAlign","ref","onChange1","style","display","standaloneError"],"sources":["../../../../src/fields/ImageField/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}