@multiplatform.one/forms 6.0.0

package/dist/esm/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/esm/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/esm/fields/ImageField/index.native.js

@@ -0,0 +1,287 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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.native.js";
+import { Skeleton } from "../../Skeleton/index.native.js";
+import { formCardColors, formCommonColors, formInputColors } from "../../shared/colorRamps.native.js";
+import { clampRadiusForControl, getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../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 = 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
+      }
+    }
+  }
+});
+var 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(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
+  } = useFormField({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = useResolvedValidators(required, validators, label, name);
+  var cappedRadius = clampRadiusForControl(knobProps.borderRadius.borderRadius, 6);
+  var [previewUrl, setPreviewUrl] = useState(null);
+  var [validationError, setValidationError] = useState();
+  var fileInputRef = useRef(null);
+  var getDisplayUrl = useCallback(function (val) {
+    if (!val) return null;
+    if (typeof val === "string") return val;
+    if (_instanceof(val, File) && isWeb) {
+      var url = URL.createObjectURL(val);
+      setPreviewUrl(function (prev) {
+        if (prev) URL.revokeObjectURL(prev);
+        return url;
+      });
+      return url;
+    }
+    return null;
+  }, []);
+  var validateFile = 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 = 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 = 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 = 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__ */_jsx(FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */_jsx(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__ */_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: function onPress(e) {
+            return 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: 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__ */_jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: standaloneError,
+      helperText,
+      required,
+      size,
+      knobProps,
+      children: renderImageField(value !== null && value !== void 0 ? value : defaultValue, standaloneError, onValueChange)
+    });
+  }
+  return /* @__PURE__ */_jsx(Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var _getFieldError;
+      var resolvedError = (_getFieldError = getFieldError(field, error)) !== null && _getFieldError !== void 0 ? _getFieldError : validationError;
+      var fieldValue = field.state.value;
+      var 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, function (val) {
+          field.handleChange(val);
+        }, blurHandler)
+      });
+    }
+  });
+}
+export { ImageField };
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ImageIcon","XIcon","useCallback","useRef","useState","Image","isWeb","Text","View","styled","Field","FieldLayout","Skeleton","formCardColors","formCommonColors","formInputColors","clampRadiusForControl","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","_instanceof","left","right","Symbol","hasInstance","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","width","height","borderRadius","text","zIndex","error","ImageField","param","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","_fileInputRef_current","current","click","children","variant","canInteract","renderImageField","renderImageField2","currentValue","errorProp","displayUrl","onPress","source","uri","objectFit","color","gap","fontSize","muted","textAlign","ref","onChange1","target","style","display","standaloneError","field","_getFieldError","resolvedError","fieldValue","state"],"sources":["../../../../src/fields/ImageField/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}