@multiplatform.one/forms 6.0.0

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

@@ -0,0 +1,478 @@
+"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_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_AdaptivePopup = require("../../AdaptivePopup/index.native.js");
+var import_Button = require("../../Button/index.native.js");
+var import_fieldLayout = require("../../fieldLayout.native.js");
+var import_InputParts = require("../../InputParts/index.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 parseGeoValue(value) {
+  try {
+    var parsed = JSON.parse(value);
+    return {
+      lat: typeof parsed.lat === "number" ? parsed.lat : 0,
+      lng: typeof parsed.lng === "number" ? parsed.lng : 0
+    };
+  } catch (unused) {
+    return {
+      lat: 0,
+      lng: 0
+    };
+  }
+}
+function clampLat(val) {
+  return Math.max(-90, Math.min(90, val));
+}
+function clampLng(val) {
+  return Math.max(-180, Math.min(180, val));
+}
+function useMapSrc(lat, lng) {
+  var delta = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0.02;
+  return (0, import_react.useMemo)(function () {
+    var bbox = `${lng - delta},${lat - delta},${lng + delta},${lat + delta}`;
+    return `https://www.openstreetmap.org/export/embed.html?bbox=${bbox}&layer=mapnik&marker=${lat},${lng}`;
+  }, [lat, lng, delta]);
+}
+function DefaultMapPreview(param) {
+  var {
+    lat,
+    lng,
+    knobProps,
+    onExpand,
+    expandIcon
+  } = param;
+  var src = useMapSrc(lat, lng);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.borderRadius,
+    ...knobProps.inputSurface,
+    borderColor: import_colorRamps.formInputColors.border.base,
+    overflow: "hidden",
+    height: 200,
+    position: "relative",
+    children: [import_tamagui.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)("iframe", {
+      title: "Location preview",
+      src,
+      width: "100%",
+      height: "100%",
+      style: {
+        border: 0,
+        display: "block"
+      },
+      loading: "lazy"
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      flex: 1,
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: "$backgroundHover",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$colorSubtle",
+        fontSize: "$2",
+        children: "Map preview (web only)"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$colorSubtle",
+        fontSize: "$1",
+        children: `${lat.toFixed(4)}, ${lng.toFixed(4)}`
+      })]
+    }), onExpand && expandIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      position: "absolute",
+      top: "$2",
+      right: "$2",
+      zIndex: 1,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+        size: "$2",
+        circular: true,
+        onPress: onExpand,
+        backgroundColor: "$background",
+        opacity: 0.9,
+        children: expandIcon
+      })
+    })]
+  });
+}
+function ExpandedMapView(param) {
+  var {
+    lat,
+    lng,
+    onChange: _onChange,
+    disabled: _disabled
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var src = useMapSrc(lat, lng, 0.05);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    flex: 1,
+    minHeight: 400,
+    borderRadius: knobProps.borderRadius.borderRadius,
+    overflow: "hidden",
+    children: import_tamagui.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)("iframe", {
+      title: "Location selection",
+      src,
+      width: "100%",
+      height: "100%",
+      style: {
+        border: 0,
+        display: "block",
+        minHeight: 400
+      },
+      loading: "lazy"
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      flex: 1,
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: "$backgroundHover",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$colorSubtle",
+        fontSize: "$2",
+        children: "Map view (web only)"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$colorSubtle",
+        fontSize: "$1",
+        children: `${lat.toFixed(4)}, ${lng.toFixed(4)}`
+      })]
+    })
+  });
+}
+function GeoInputs(param) {
+  var {
+    coordinates,
+    onLatChange,
+    onLngChange,
+    onUseMyLocation,
+    onMapChange,
+    disabled,
+    readOnly,
+    locating,
+    knobProps,
+    locationIcon,
+    expandIcon,
+    renderMap,
+    required,
+    hasError
+  } = param;
+  var [expanded, setExpanded] = (0, import_react.useState)(false);
+  var handleExpand = expandIcon ? function () {
+    return setExpanded(true);
+  } : void 0;
+  var mapNode = renderMap ? renderMap({
+    lat: coordinates.lat,
+    lng: coordinates.lng,
+    onChange: onMapChange,
+    disabled,
+    knobProps
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(DefaultMapPreview, {
+    lat: coordinates.lat,
+    lng: coordinates.lng,
+    knobProps,
+    onExpand: handleExpand,
+    expandIcon
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [mapNode, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      ...knobProps.gap,
+      alignItems: "flex-end",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        flex: 1,
+        gap: "$1",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$1",
+          ...knobProps.body,
+          color: import_colorRamps.formCommonColors.muted,
+          children: "Lat"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+          size: knobProps.sizeToken,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
+              value: String(coordinates.lat),
+              onChangeText: readOnly ? void 0 : onLatChange,
+              readOnly,
+              "aria-readonly": readOnly || void 0,
+              disabled,
+              placeholder: "-90 to 90",
+              inputMode: "decimal",
+              "aria-required": required || void 0,
+              "aria-invalid": hasError || void 0
+            })
+          })
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        flex: 1,
+        gap: "$1",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$1",
+          ...knobProps.body,
+          color: import_colorRamps.formCommonColors.muted,
+          children: "Lng"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+          size: knobProps.sizeToken,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
+              value: String(coordinates.lng),
+              onChangeText: readOnly ? void 0 : onLngChange,
+              readOnly,
+              "aria-readonly": readOnly || void 0,
+              disabled,
+              placeholder: "-180 to 180",
+              inputMode: "decimal",
+              "aria-required": required || void 0,
+              "aria-invalid": hasError || void 0
+            })
+          })
+        })]
+      }), !readOnly && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+        size: knobProps.sizeToken,
+        disabled: disabled || locating,
+        onPress: onUseMyLocation,
+        flexShrink: 0,
+        icon: locating ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+          size: "small"
+        }) : locationIcon,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
+          children: locating ? "Locating..." : "Locate"
+        })
+      })]
+    }), expandIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_AdaptivePopup.AdaptivePopup, {
+      open: expanded,
+      onOpenChange: setExpanded,
+      title: "Select Location",
+      size: "lg",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ExpandedMapView, {
+        lat: coordinates.lat,
+        lng: coordinates.lng,
+        onChange: onMapChange,
+        disabled
+      })
+    })]
+  });
+}
+function Geolocation(param) {
+  var {
+    name,
+    form: formProp,
+    validators,
+    label,
+    labelProps,
+    helperText,
+    error,
+    required,
+    size,
+    id: idProp,
+    value,
+    defaultValue,
+    onChange,
+    onBlur,
+    disabled,
+    readOnly,
+    locationIcon,
+    expandIcon,
+    renderMap,
+    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 [locating, setLocating] = (0, import_react.useState)(false);
+  var [geoError, setGeoError] = (0, import_react.useState)();
+  var makeHandlers = (0, import_react.useCallback)(function (currentValue, onValueChange) {
+    var coordinates = currentValue ? parseGeoValue(currentValue) : {
+      lat: 0,
+      lng: 0
+    };
+    return {
+      coordinates,
+      onLatChange: function onLatChange(text) {
+        var parsedNumber = Number.parseFloat(text);
+        if (Number.isNaN(parsedNumber) && text !== "" && text !== "-") return;
+        var lat = Number.isNaN(parsedNumber) ? 0 : clampLat(parsedNumber);
+        onValueChange(JSON.stringify({
+          lat,
+          lng: coordinates.lng
+        }));
+      },
+      onLngChange: function onLngChange(text) {
+        var parsedNumber = Number.parseFloat(text);
+        if (Number.isNaN(parsedNumber) && text !== "" && text !== "-") return;
+        var lng = Number.isNaN(parsedNumber) ? 0 : clampLng(parsedNumber);
+        onValueChange(JSON.stringify({
+          lat: coordinates.lat,
+          lng
+        }));
+      },
+      onMapChange: function onMapChange(lat, lng) {
+        onValueChange(JSON.stringify({
+          lat: clampLat(lat),
+          lng: clampLng(lng)
+        }));
+      },
+      onUseMyLocation: function onUseMyLocation() {
+        var _navigator;
+        if (disabled || readOnly) return;
+        if (!((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.geolocation)) {
+          setGeoError("Geolocation is not supported by this browser");
+          return;
+        }
+        setLocating(true);
+        setGeoError(void 0);
+        navigator.geolocation.getCurrentPosition(function (position) {
+          var lat = clampLat(position.coords.latitude);
+          var lng = clampLng(position.coords.longitude);
+          onValueChange(JSON.stringify({
+            lat,
+            lng
+          }));
+          setLocating(false);
+        }, function (err) {
+          setGeoError(err.message || "Failed to get location");
+          setLocating(false);
+        }, {
+          enableHighAccuracy: true,
+          timeout: 1e4
+        });
+      }
+    };
+  }, [disabled]);
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: 200
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        ...knobProps.gap,
+        width: "100%",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+          variant: "rounded",
+          width: "100%",
+          height: knobProps.sizeToken,
+          flex: 1
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+          variant: "rounded",
+          width: "100%",
+          height: knobProps.sizeToken,
+          flex: 1
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+          variant: "rounded",
+          width: 80,
+          height: knobProps.sizeToken
+        })]
+      })]
+    });
+  }
+  var displayError = error || geoError;
+  if (!resolvedForm || !name) {
+    var handlers = makeHandlers(value || "", function (v) {
+      return onChange === null || onChange === void 0 ? void 0 : onChange(v);
+    });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: displayError,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(GeoInputs, {
+        coordinates: handlers.coordinates,
+        onLatChange: handlers.onLatChange,
+        onLngChange: handlers.onLngChange,
+        onUseMyLocation: handlers.onUseMyLocation,
+        onMapChange: handlers.onMapChange,
+        disabled: !!disabled,
+        readOnly: !!readOnly,
+        locating,
+        knobProps,
+        locationIcon,
+        expandIcon,
+        renderMap,
+        required,
+        hasError: !!displayError
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var resolvedError = (0, import_utils.getFieldError)(field, displayError);
+      var handlers2 = makeHandlers(field.state.value || "", function (v) {
+        field.handleChange(v);
+        onChange === null || onChange === void 0 ? void 0 : onChange(v);
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        onBlur: (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(GeoInputs, {
+          coordinates: handlers2.coordinates,
+          onLatChange: handlers2.onLatChange,
+          onLngChange: handlers2.onLngChange,
+          onUseMyLocation: handlers2.onUseMyLocation,
+          onMapChange: handlers2.onMapChange,
+          disabled: !!disabled,
+          locating,
+          knobProps,
+          locationIcon,
+          expandIcon,
+          renderMap,
+          required,
+          hasError: !!resolvedError
+        })
+      });
+    }
+  });
+}
+//# 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_theme","import_react","import_tamagui","import_AdaptivePopup","import_Button","import_fieldLayout","import_InputParts","import_Skeleton","import_colorRamps","import_utils","parseGeoValue","parsed","JSON","parse","lat","lng","unused","clampLat","val","Math","max","min","clampLng","useMapSrc","delta","arguments","length","useMemo","bbox","DefaultMapPreview","param","knobProps","onExpand","expandIcon","src","jsxs","YStack","borderRadius","inputSurface","borderColor","formInputColors","border","base","overflow","height","position","children","isWeb","jsx","title","width","style","display","loading","flex","alignItems","justifyContent","backgroundColor","Text","color","fontSize","toFixed","View","top","right","zIndex","Button","size","circular","onPress","opacity","ExpandedMapView","onChange","_onChange","disabled","_disabled","useResolvedKnobs","minHeight","GeoInputs","coordinates","onLatChange","onLngChange","onUseMyLocation","onMapChange","readOnly","locating","locationIcon","renderMap","required","hasError","expanded","setExpanded","useState","handleExpand","mapNode","Fragment","XStack","gap","body","formCommonColors","muted","Input","sizeToken","Box","Area","String","onChangeText","placeholder","inputMode","flexShrink","icon","Spinner","AdaptivePopup","open","onOpenChange","name","form","formProp","validators","label","labelProps","helperText","error","id","idProp","defaultValue","onBlur","skeleton","compact","resolvedForm","useFormField","resolvedValidators","useResolvedValidators","setLocating","geoError","setGeoError","makeHandlers","useCallback","currentValue","onValueChange","text","parsedNumber","Number","parseFloat","isNaN","stringify","_navigator","navigator","geolocation","getCurrentPosition","coords","latitude","longitude","err","message","enableHighAccuracy","timeout","FieldLayout","Skeleton","variant","displayError","handlers","v"],"sources":["../../../../src/fields/Geolocation/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/ImageField/ImageField.spec.cjs

@@ -0,0 +1,82 @@
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_Form = require("../../Form/index.cjs");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+(0, import_vitest.describe)("ImageField", () => {
+  (0, import_vitest.describe)("without form context", () => {
+    (0, import_vitest.it)("renders with label", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Avatar",
+        name: "avatar"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Avatar")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders required label with asterisk", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Required",
+        name: "req",
+        required: true
+      }));
+      const label = result.container.querySelector("label");
+      (0, import_vitest.expect)(label?.textContent).toContain("*");
+    });
+    (0, import_vitest.it)("renders with helper text", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Image",
+        name: "img",
+        helperText: "Upload an image"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Upload an image")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders skeleton placeholder", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Loading",
+        name: "l",
+        skeleton: true
+      }));
+      (0, import_vitest.expect)(result.container.querySelector("input[type='file']")).toBeNull();
+    });
+    (0, import_vitest.it)("renders file input for upload", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Upload",
+        name: "u"
+      }));
+      const input = result.container.querySelector("input[type='file']");
+      (0, import_vitest.expect)(input).toBeTruthy();
+    });
+    (0, import_vitest.it)("renders with placeholder text", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Image",
+        name: "img",
+        placeholder: "Click to upload"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Click to upload")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders disabled state", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Disabled",
+        name: "d",
+        disabled: true
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Disabled")).toBeDefined();
+    });
+  });
+  (0, import_vitest.describe)("with form context", () => {
+    (0, import_vitest.it)("renders inside form", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        formOptions: {
+          defaultValues: {
+            avatar: null
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+          name: "avatar",
+          label: "Avatar"
+        })
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Avatar")).toBeDefined();
+    });
+  });
+});

package/dist/cjs/fields/ImageField/ImageField.spec.native.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_Form = require("../../Form/index.native.js");
+var import_index = require("./index.native.js");
+(0, import_vitest.describe)("ImageField", function () {
+  (0, import_vitest.describe)("without form context", function () {
+    (0, import_vitest.it)("renders with label", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Avatar",
+        name: "avatar"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Avatar")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders required label with asterisk", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Required",
+        name: "req",
+        required: true
+      }));
+      var label = result.container.querySelector("label");
+      (0, import_vitest.expect)(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+    });
+    (0, import_vitest.it)("renders with helper text", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Image",
+        name: "img",
+        helperText: "Upload an image"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Upload an image")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders skeleton placeholder", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Loading",
+        name: "l",
+        skeleton: true
+      }));
+      (0, import_vitest.expect)(result.container.querySelector("input[type='file']")).toBeNull();
+    });
+    (0, import_vitest.it)("renders file input for upload", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Upload",
+        name: "u"
+      }));
+      var input = result.container.querySelector("input[type='file']");
+      (0, import_vitest.expect)(input).toBeTruthy();
+    });
+    (0, import_vitest.it)("renders with placeholder text", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Image",
+        name: "img",
+        placeholder: "Click to upload"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Click to upload")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders disabled state", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Disabled",
+        name: "d",
+        disabled: true
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Disabled")).toBeDefined();
+    });
+  });
+  (0, import_vitest.describe)("with form context", function () {
+    (0, import_vitest.it)("renders inside form", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        formOptions: {
+          defaultValues: {
+            avatar: null
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+          name: "avatar",
+          label: "Avatar"
+        })
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Avatar")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=ImageField.spec.native.js.map

package/dist/cjs/fields/ImageField/ImageField.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_vitest","import_test_utils","import_Form","import_index","describe","it","result","renderWithProviders","jsx","ImageField","label","name","expect","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","helperText","skeleton","toBeNull","input","toBeTruthy"],"sources":["../../../../src/fields/ImageField/ImageField.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,kBAAA,GAAoCC,OAAA;AACpC,IAAAC,aAAA,GAAqBD,OAAA;AACrB,IAAAE,iBAA2B,GAAAF,OAAA;AAKc,IAAAG,WAAA,GAAAH,OAAA;AAAA,IAHzCI,YAAA,GAAAJ,OAAA,oBAAS;AACP,IAAAC,aAAA,CAAAI,QAAA,cAAS;EACP,IAAAJ,aAAA,CAAAI,QAAG,wBAAsB,EAAM;IAC7B,IAAAJ,aAAM,CAAAK,EAAA,EAAS;MACf,IAAAC,MAAA,OAAAL,iBAAc,CAAAM,mBAAgB,iBAAuB,IAAAT,kBAAA,CAAAU,GAAA,EAAAL,YAAA,CAAAM,UAAA;QACtDC,KAAA;QAEDC,IAAA;MACE;MACA,IAAAX,aAAc,CAAAY,MAAO,EAAAN,MAAU,CAAAO,eAAc,SAAO,GAAAC,WAAA;IACpD;IACF,CAAC,GAAAd,aAAA,CAAAK,EAAA;MAED,IAAAC,MAAA,OAAAL,iBAAG,CAAAM,mBAAkC,qBAAAT,kBAAA,CAAAU,GAAA,EAAAL,YAAA,CAAAM,UAAA;QACnCC,KAAM,YAAS;QACbC,IAAA;QACFI,QAAA;MACA;MACD,IAAAL,KAAA,GAAAJ,MAAA,CAAAU,SAAA,CAAAC,aAAA;MAED,IAAAjB,aAAA,CAAAY,MAAG,EAAAF,KAAA,aAAAA,KAAA,KAAgC,KAAM,aAAAA,KAAA,CAAAQ,WAAA,EAAAC,SAAA;IACvC;IACA,IAAAnB,aAAA,CAAAK,EAAA,4BAAwB,cAAc;MACvC,IAAAC,MAAA,OAAAL,iBAAA,CAAAM,mBAAA,qBAAAT,kBAAA,CAAAU,GAAA,EAAAL,YAAA,CAAAM,UAAA;QAEDC,KAAA;QACEC,IAAM;QACNS,UAAM,EAAQ;MACd;MACD,IAAApB,aAAA,CAAAY,MAAA,EAAAN,MAAA,CAAAO,eAAA,qBAAAC,WAAA;IAED;IACE,IAAAd,aAAM,CAAAK,EAAA,EAAS;MAAA,IACbC,MAAA,OAAAL,iBAAA,CAAAM,mBAAC,kBAAW,GAAAT,kBAAc,CAAKU,GAAA,EAAAL,YAAM,CAAAM,UAAY;QACnDC,KAAA;QACAC,IAAA;QACDU,QAAA;MAED;MACE,IAAArB,aAAM,CAAAY,MAAS,EAAAN,MAAA,CAAAU,SAAA,CAAAC,aAAA,qBAAoB,GAAAK,QAAA;IACnC;IACF,CAAC,GAAAtB,aAAA,CAAAK,EAAA;MACF,IAAAC,MAAA,OAAAL,iBAAA,CAAAM,mBAAA,qBAAAT,kBAAA,CAAAU,GAAA,EAAAL,YAAA,CAAAM,UAAA;QAEDC,KAAA;QACEC,IAAA;MACE;MAAe,IACbY,KAAA,GAAAjB,MAAA,CAAAU,SAAA,CAAAC,aAAA,qBAAC;MAGH,IAAAjB,aAAA,CAAAY,MAAA,EAAAW,KAAA,EAAAC,UAAA;IACA;IACF,CAAC,GAAAxB,aAAA,CAAAK,EAAA;MACF,IAAAC,MAAA,OAAAL,iBAAA,CAAAM,mBAAA,qBAAAT,kBAAA,CAAAU,GAAA,EAAAL,YAAA,CAAAM,UAAA;QACFC,KAAA","ignoreList":[]}