@multiplatform.one/forms 6.0.0

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

@@ -0,0 +1,417 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FileIcon, UploadIcon, XIcon } from "@phosphor-icons/react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useProps } from "tamagui";
+import { Image, isWeb, Paragraph, Text, XStack, YStack, styled } from "tamagui";
+import { Button } from "../../Button/index.native.js";
+import { Field, FieldLayout } from "../../fieldLayout.native.js";
+import { Skeleton } from "../../Skeleton/index.native.js";
+import { clampRadiusForLargeComponent, getFieldError, getFieldHeight, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.native.js";
+import { formCommonColors, formInputColors } from "../../shared/colorRamps.native.js";
+var UploadAreaFrame = styled(YStack, {
+  width: "100%",
+  overflow: "hidden",
+  borderStyle: "dashed",
+  backgroundColor: formInputColors.background.base,
+  borderColor: formInputColors.border.base,
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent"
+      }
+    },
+    disabledState: {
+      true: {
+        opacity: 0.5
+      },
+      false: {
+        opacity: 1
+      }
+    }
+  }
+});
+var UploadFileListFrame = styled(YStack, {
+  width: "100%",
+  borderTopWidth: 1,
+  borderTopColor: formCommonColors.divider
+});
+function FileUpload(props) {
+  var {
+    defaultValue,
+    form,
+    accept,
+    maxSize,
+    multiple = false,
+    dragDrop = true,
+    showPreview = true,
+    placeholder = "Drag a file into this area",
+    buttonText = "Choose File",
+    onFileSelect,
+    onFileRemove,
+    mode,
+    name,
+    preserveValue,
+    validators,
+    disabled,
+    readOnly,
+    skeleton,
+    compact,
+    id: idProp,
+    ...fieldProps
+  } = useProps(props);
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = useResolvedValidators(fieldProps.required, validators, fieldProps.label, name);
+  var cappedRadius = clampRadiusForLargeComponent(knobProps.borderRadius.borderRadius);
+  var [selectedFiles, setSelectedFiles] = useState([]);
+  var [isDragOver, setIsDragOver] = useState(false);
+  var [validationError, setValidationError] = useState();
+  var fileInputRef = useRef(null);
+  var previewUrlsRef = useRef(/* @__PURE__ */new Map());
+  useEffect(function () {
+    if (!isWeb) return;
+    return function () {
+      previewUrlsRef.current.forEach(function (url) {
+        return URL.revokeObjectURL(url);
+      });
+      previewUrlsRef.current.clear();
+    };
+  }, []);
+  var formatFileSize = useCallback(function (bytes) {
+    if (bytes === 0) return "0 Bytes";
+    var k = 1024;
+    var sizes = ["Bytes", "KB", "MB", "GB"];
+    var i = Math.floor(Math.log(bytes) / Math.log(k));
+    return `${Number.parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;
+  }, []);
+  var validateFile = useCallback(function (file) {
+    if (maxSize && file.size > maxSize) {
+      return `File size must be less than ${formatFileSize(maxSize)}`;
+    }
+    if (accept) {
+      var acceptedTypes = accept.split(",").map(function (type) {
+        return type.trim();
+      });
+      var isAccepted = acceptedTypes.some(function (type) {
+        if (type.startsWith(".")) {
+          return file.name.toLowerCase().endsWith(type.toLowerCase());
+        }
+        return file.type.match(type.replace("*", ".*"));
+      });
+      if (!isAccepted) {
+        return `File type not accepted. Accepted types: ${accept}`;
+      }
+    }
+    return null;
+  }, [maxSize, accept, formatFileSize]);
+  var syncFieldValue = useCallback(function (nextFiles, onValueChange) {
+    var _nextFiles_;
+    if (!onValueChange) return;
+    if (multiple) {
+      onValueChange(nextFiles);
+      return;
+    }
+    onValueChange((_nextFiles_ = nextFiles[0]) !== null && _nextFiles_ !== void 0 ? _nextFiles_ : null);
+  }, [multiple]);
+  var handleFileSelect = useCallback(function (files, onValueChange, rawFileList) {
+    if (!files) return;
+    var fileArray = Array.isArray(files) ? files : Array.from(files);
+    var validFiles = [];
+    var errors = [];
+    fileArray.forEach(function (file) {
+      var error = validateFile(file);
+      if (error) {
+        errors.push(`${file.name}: ${error}`);
+      } else {
+        validFiles.push(file);
+      }
+    });
+    if (errors.length > 0) {
+      setValidationError(errors.join("\n"));
+    }
+    if (validFiles.length > 0) {
+      setValidationError(void 0);
+      setSelectedFiles(function (prev) {
+        var nextFiles = multiple ? [...prev, ...validFiles] : validFiles.slice(0, 1);
+        syncFieldValue(nextFiles, onValueChange);
+        return nextFiles;
+      });
+      onFileSelect === null || onFileSelect === void 0 ? void 0 : onFileSelect(rawFileList !== null && rawFileList !== void 0 ? rawFileList : Array.isArray(files) ? null : files);
+    }
+  }, [multiple, validateFile, onFileSelect, syncFieldValue]);
+  var handleFileRemove = useCallback(function (fileToRemove, onValueChange) {
+    if (isWeb) {
+      var previewUrl = previewUrlsRef.current.get(fileToRemove);
+      if (previewUrl) {
+        URL.revokeObjectURL(previewUrl);
+        previewUrlsRef.current.delete(fileToRemove);
+      }
+    }
+    setSelectedFiles(function (prev) {
+      var nextFiles = prev.filter(function (file) {
+        return file !== fileToRemove;
+      });
+      syncFieldValue(nextFiles, onValueChange);
+      return nextFiles;
+    });
+    onFileRemove === null || onFileRemove === void 0 ? void 0 : onFileRemove(fileToRemove);
+  }, [onFileRemove, syncFieldValue]);
+  var handleDragOver = useCallback(function (e) {
+    e.preventDefault();
+    if (dragDrop) {
+      setIsDragOver(true);
+    }
+  }, [dragDrop]);
+  var handleDragLeave = useCallback(function (e) {
+    e.preventDefault();
+    setIsDragOver(false);
+  }, []);
+  var handleDrop = useCallback(function (e, onValueChange) {
+    e.preventDefault();
+    setIsDragOver(false);
+    if (dragDrop && e.dataTransfer.files) {
+      handleFileSelect(e.dataTransfer.files, onValueChange, e.dataTransfer.files);
+    }
+  }, [dragDrop, handleFileSelect]);
+  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]);
+  var getFilePreview = useCallback(function (file) {
+    if (!isWeb) return null;
+    if (file.type.startsWith("image/")) {
+      var existingUrl = previewUrlsRef.current.get(file);
+      if (existingUrl) return existingUrl;
+      var nextUrl = URL.createObjectURL(file);
+      previewUrlsRef.current.set(file, nextUrl);
+      return nextUrl;
+    }
+    return null;
+  }, []);
+  if (skeleton) {
+    var minHeightPx = getFieldHeight(fieldProps.size || knobProps.sizeToken, 5);
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      label: fieldProps.label,
+      size: fieldProps.size,
+      knobProps,
+      children: /* @__PURE__ */_jsx(Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: minHeightPx
+      })
+    });
+  }
+  var canInteract = !disabled && !readOnly;
+  var renderUploadArea = function renderUploadArea2(errorProp, onValueChange, onBlurHandler) {
+    var _knobProps_borderRadius_borderWidth;
+    if (!isWeb) {
+      var _knobProps_borderRadius_borderWidth1;
+      return /* @__PURE__ */_jsx(UploadAreaFrame, {
+        outlined: knobProps.outlined,
+        disabledState: !!disabled,
+        borderRadius: cappedRadius,
+        // Intentional: extract borderWidth from knobProps.borderRadius fragment
+        // to use as a fallback value, not as a style spread.
+        borderWidth: (_knobProps_borderRadius_borderWidth1 = knobProps.borderRadius.borderWidth) !== null && _knobProps_borderRadius_borderWidth1 !== void 0 ? _knobProps_borderRadius_borderWidth1 : 1,
+        ...(errorProp ? {
+          borderColor: formCommonColors.error
+        } : void 0),
+        elevation: knobProps.elevation,
+        transition: knobProps.transition,
+        "aria-required": fieldProps.required || void 0,
+        "aria-invalid": !!errorProp || void 0,
+        "aria-readonly": readOnly || void 0,
+        children: /* @__PURE__ */_jsxs(YStack, {
+          ...knobProps.panelPadding,
+          minHeight: getFieldHeight(fieldProps.size || knobProps.sizeToken, 5),
+          width: "100%",
+          alignItems: "center",
+          justifyContent: "center",
+          ...knobProps.gap,
+          children: [/* @__PURE__ */_jsx(Paragraph, {
+            color: formCommonColors.text,
+            textAlign: "center",
+            children: "File upload requires a native file picker."
+          }), /* @__PURE__ */_jsx(Paragraph, {
+            color: formCommonColors.muted,
+            textAlign: "center",
+            fontSize: "$2",
+            children: "Use expo-document-picker or expo-image-picker for native support."
+          })]
+        })
+      });
+    }
+    return /* @__PURE__ */_jsxs(UploadAreaFrame, {
+      outlined: knobProps.outlined,
+      disabledState: !!disabled,
+      borderRadius: cappedRadius,
+      // Intentional: extract borderWidth from knobProps.borderRadius fragment
+      // to conditionally override with drag-over state (2px) vs knob value.
+      borderWidth: isDragOver && canInteract ? 2 : (_knobProps_borderRadius_borderWidth = knobProps.borderRadius.borderWidth) !== null && _knobProps_borderRadius_borderWidth !== void 0 ? _knobProps_borderRadius_borderWidth : 1,
+      ...(errorProp ? {
+        borderColor: formCommonColors.error
+      } : void 0),
+      ...(isDragOver && canInteract ? {
+        borderColor: formCommonColors.text
+      } : void 0),
+      elevation: knobProps.elevation,
+      transition: knobProps.transition,
+      "aria-required": fieldProps.required || void 0,
+      "aria-invalid": !!errorProp || void 0,
+      "aria-readonly": readOnly || void 0,
+      children: [/* @__PURE__ */_jsxs(YStack, {
+        ...knobProps.panelPadding,
+        minHeight: getFieldHeight(fieldProps.size || knobProps.sizeToken, 5),
+        width: "100%",
+        alignItems: "center",
+        justifyContent: "center",
+        ...knobProps.gap,
+        ...(canInteract ? {
+          onDragOver: handleDragOver,
+          onDragLeave: handleDragLeave,
+          onDrop: function onDrop(e) {
+            handleDrop(e, onValueChange);
+            onBlurHandler === null || onBlurHandler === void 0 ? void 0 : onBlurHandler();
+          }
+        } : {}),
+        children: [/* @__PURE__ */_jsxs(Button, {
+          onPress: openFileDialog,
+          disabled: !canInteract,
+          size: knobProps.sizeToken,
+          children: [/* @__PURE__ */_jsx(Button.Icon, {
+            children: /* @__PURE__ */_jsx(UploadIcon, {})
+          }), /* @__PURE__ */_jsx(Button.Text, {
+            ...knobProps.body,
+            children: buttonText
+          })]
+        }), selectedFiles.length === 0 && /* @__PURE__ */_jsx(Text, {
+          color: formCommonColors.muted,
+          textAlign: "center",
+          ...knobProps.body,
+          children: placeholder
+        }), /* @__PURE__ */_jsx("input", {
+          ref: fileInputRef,
+          type: "file",
+          accept,
+          multiple,
+          onChange: function onChange(e) {
+            handleFileSelect(e.target.files, onValueChange, e.target.files);
+            onBlurHandler === null || onBlurHandler === void 0 ? void 0 : onBlurHandler();
+          },
+          style: {
+            display: "none"
+          },
+          disabled: !canInteract
+        })]
+      }), selectedFiles.length > 0 && /* @__PURE__ */_jsx(UploadFileListFrame, {
+        children: selectedFiles.map(function (file, index) {
+          var preview = showPreview ? getFilePreview(file) : null;
+          return /* @__PURE__ */_jsxs(XStack, {
+            width: "100%",
+            ...knobProps.gap,
+            alignItems: "center",
+            justifyContent: "space-between",
+            ...knobProps.panelPadding,
+            children: [/* @__PURE__ */_jsxs(XStack, {
+              flex: 1,
+              gap: "$2",
+              alignItems: "center",
+              children: [preview ? /* @__PURE__ */_jsx(Image, {
+                borderRadius: cappedRadius,
+                source: {
+                  uri: preview
+                },
+                width: 32,
+                height: 32,
+                resizeMode: "cover"
+              }) : /* @__PURE__ */_jsx(XStack, {
+                width: 20,
+                height: 20,
+                justifyContent: "center",
+                alignItems: "center",
+                children: /* @__PURE__ */_jsx(FileIcon, {
+                  size: 16
+                })
+              }), /* @__PURE__ */_jsxs(YStack, {
+                flex: 1,
+                gap: "$1",
+                children: [/* @__PURE__ */_jsx(Text, {
+                  numberOfLines: 1,
+                  ...knobProps.body,
+                  children: file.name
+                }), /* @__PURE__ */_jsx(Text, {
+                  numberOfLines: 1,
+                  color: formCommonColors.text,
+                  ...knobProps.body,
+                  children: formatFileSize(file.size)
+                })]
+              })]
+            }), canInteract && /* @__PURE__ */_jsx(Button, {
+              circular: true,
+              size: knobProps.sizeToken,
+              tabIndex: -1,
+              onPress: function onPress(e) {
+                e.stopPropagation();
+                handleFileRemove(file, onValueChange);
+              },
+              children: /* @__PURE__ */_jsx(Button.Icon, {
+                children: /* @__PURE__ */_jsx(XIcon, {})
+              })
+            })]
+          }, `${file.name}-${index}`);
+        })
+      })]
+    });
+  };
+  if (!resolvedForm || !name) {
+    var _fieldProps_error;
+    var standaloneError = (_fieldProps_error = fieldProps.error) !== null && _fieldProps_error !== void 0 ? _fieldProps_error : validationError;
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      label: fieldProps.label,
+      labelProps: fieldProps.labelProps,
+      error: standaloneError,
+      helperText: fieldProps.helperText,
+      required: fieldProps.required,
+      size: fieldProps.size,
+      knobProps,
+      children: renderUploadArea(standaloneError, void 0)
+    });
+  }
+  return /* @__PURE__ */_jsx(Field, {
+    defaultValue,
+    form: resolvedForm,
+    mode,
+    name,
+    preserveValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var _getFieldError;
+      var error = (_getFieldError = getFieldError(field, fieldProps.error)) !== null && _getFieldError !== void 0 ? _getFieldError : validationError;
+      return /* @__PURE__ */_jsx(FieldLayout, {
+        id,
+        label: fieldProps.label,
+        labelProps: fieldProps.labelProps,
+        error,
+        helperText: fieldProps.helperText,
+        required: fieldProps.required,
+        size: fieldProps.size,
+        knobProps,
+        children: renderUploadArea(error, function (nextValue) {
+          return field.handleChange(nextValue);
+        }, mergeFieldHandler(field, "handleBlur", fieldProps.onBlur))
+      });
+    }
+  });
+}
+export { FileUpload };
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","FileIcon","UploadIcon","XIcon","useCallback","useEffect","useRef","useState","useProps","Image","isWeb","Paragraph","Text","XStack","YStack","styled","Button","Field","FieldLayout","Skeleton","clampRadiusForLargeComponent","getFieldError","getFieldHeight","mergeFieldHandler","useFormField","useResolvedValidators","formCommonColors","formInputColors","UploadAreaFrame","width","overflow","borderStyle","backgroundColor","background","base","borderColor","border","variants","outlined","true","disabledState","opacity","false","UploadFileListFrame","borderTopWidth","borderTopColor","divider","FileUpload","props","defaultValue","form","accept","maxSize","multiple","dragDrop","showPreview","placeholder","buttonText","onFileSelect","onFileRemove","mode","name","preserveValue","validators","disabled","readOnly","skeleton","compact","id","idProp","fieldProps","resolvedForm","knobProps","resolvedValidators","required","label","cappedRadius","borderRadius","selectedFiles","setSelectedFiles","isDragOver","setIsDragOver","validationError","setValidationError","fileInputRef","previewUrlsRef","Map","current","forEach","url","URL","revokeObjectURL","clear","formatFileSize","bytes","k","sizes","i","Math","floor","log","Number","parseFloat","pow","toFixed","validateFile","file","size","acceptedTypes","split","map","type","trim","isAccepted","some","startsWith","toLowerCase","endsWith","match","replace","syncFieldValue","nextFiles","onValueChange","_nextFiles_","handleFileSelect","files","rawFileList","fileArray","Array","isArray","from","validFiles","errors","error","push","length","join","prev","slice","handleFileRemove","fileToRemove","previewUrl","get","delete","filter","handleDragOver","e","preventDefault","handleDragLeave","handleDrop","dataTransfer","openFileDialog","_fileInputRef_current","click","getFilePreview","existingUrl","nextUrl","createObjectURL","set","minHeightPx","sizeToken","children","variant","height","canInteract","renderUploadArea","renderUploadArea2","errorProp","onBlurHandler","_knobProps_borderRadius_borderWidth","_knobProps_borderRadius_borderWidth1","borderWidth","elevation","transition","panelPadding","minHeight","alignItems","justifyContent","gap","color","text","textAlign","muted","fontSize","onDragOver","onDragLeave","onDrop","onPress","Icon","body","ref","onChange","target","style","display","index","preview","flex","source","uri","resizeMode","numberOfLines","circular","tabIndex","stopPropagation"],"sources":["../../../../src/fields/FileUpload/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/Geolocation/Geolocation.spec.mjs

@@ -0,0 +1,106 @@
+import { describe, expect, it } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.mjs";
+import { Geolocation } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+const locationIcon = /* @__PURE__ */jsx("span", {
+  "data-testid": "location-icon"
+});
+describe("Geolocation", () => {
+  describe("without form context", () => {
+    it("renders with label", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Geolocation, {
+        label: "Location",
+        name: "loc",
+        locationIcon
+      }));
+      expect(result.findTextElement("Location")).toBeDefined();
+    });
+    it("renders required label with asterisk", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Geolocation, {
+        label: "Required",
+        name: "req",
+        locationIcon,
+        required: true
+      }));
+      const label = result.container.querySelector("label");
+      expect(label?.textContent).toContain("*");
+    });
+    it("renders Lat and Lng inputs", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Geolocation, {
+        label: "Location",
+        name: "loc",
+        locationIcon
+      }));
+      expect(result.findTextElement("Lat")).toBeDefined();
+      expect(result.findTextElement("Lng")).toBeDefined();
+    });
+    it("renders with helper text", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Geolocation, {
+        label: "Location",
+        name: "loc",
+        locationIcon,
+        helperText: "Pick a point"
+      }));
+      expect(result.findTextElement("Pick a point")).toBeDefined();
+    });
+    it("renders skeleton placeholder", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Geolocation, {
+        label: "Loading",
+        name: "l",
+        locationIcon,
+        skeleton: true
+      }));
+      expect(result.findTextElement("Lat")).toBeUndefined();
+    });
+    it("renders readOnly \u2014 hides locate button", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Geolocation, {
+        label: "ReadOnly",
+        name: "r",
+        locationIcon,
+        readOnly: true,
+        value: JSON.stringify({
+          lat: 1.23,
+          lng: 4.56
+        })
+      }));
+      expect(result.findTextElement("Locate")).toBeUndefined();
+    });
+    it("displays parsed coordinate values", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Geolocation, {
+        label: "Location",
+        name: "loc",
+        locationIcon,
+        value: JSON.stringify({
+          lat: 51.5,
+          lng: -0.12
+        })
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      expect(inputs[0]?.value).toBe("51.5");
+      expect(inputs[1]?.value).toBe("-0.12");
+    });
+  });
+  describe("with form context", () => {
+    it("renders inside form", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            loc: JSON.stringify({
+              lat: 0,
+              lng: 0
+            })
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */jsx(Geolocation, {
+          name: "loc",
+          label: "Location",
+          locationIcon
+        })
+      }));
+      expect(result.findTextElement("Location")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=Geolocation.spec.mjs.map

package/dist/esm/fields/Geolocation/Geolocation.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","renderWithProviders","Form","Geolocation","jsx","locationIcon","result","label","name","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","helperText","skeleton","toBeUndefined","readOnly","value","JSON","stringify","lat","lng","inputs","querySelectorAll","toBe","formOptions","defaultValues","loc","submitText","children"],"sources":["../../../../src/fields/Geolocation/Geolocation.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/Geolocation/Geolocation.spec.native.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, it } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.native.js";
+import { Geolocation } from "./index.native.js";
+var locationIcon = /* @__PURE__ */_jsx("span", {
+  "data-testid": "location-icon"
+});
+describe("Geolocation", function () {
+  describe("without form context", function () {
+    it("renders with label", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Geolocation, {
+        label: "Location",
+        name: "loc",
+        locationIcon
+      }));
+      expect(result.findTextElement("Location")).toBeDefined();
+    });
+    it("renders required label with asterisk", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Geolocation, {
+        label: "Required",
+        name: "req",
+        locationIcon,
+        required: true
+      }));
+      var label = result.container.querySelector("label");
+      expect(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+    });
+    it("renders Lat and Lng inputs", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Geolocation, {
+        label: "Location",
+        name: "loc",
+        locationIcon
+      }));
+      expect(result.findTextElement("Lat")).toBeDefined();
+      expect(result.findTextElement("Lng")).toBeDefined();
+    });
+    it("renders with helper text", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Geolocation, {
+        label: "Location",
+        name: "loc",
+        locationIcon,
+        helperText: "Pick a point"
+      }));
+      expect(result.findTextElement("Pick a point")).toBeDefined();
+    });
+    it("renders skeleton placeholder", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Geolocation, {
+        label: "Loading",
+        name: "l",
+        locationIcon,
+        skeleton: true
+      }));
+      expect(result.findTextElement("Lat")).toBeUndefined();
+    });
+    it("renders readOnly \u2014 hides locate button", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Geolocation, {
+        label: "ReadOnly",
+        name: "r",
+        locationIcon,
+        readOnly: true,
+        value: JSON.stringify({
+          lat: 1.23,
+          lng: 4.56
+        })
+      }));
+      expect(result.findTextElement("Locate")).toBeUndefined();
+    });
+    it("displays parsed coordinate values", function () {
+      var _inputs_, _inputs_1;
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Geolocation, {
+        label: "Location",
+        name: "loc",
+        locationIcon,
+        value: JSON.stringify({
+          lat: 51.5,
+          lng: -0.12
+        })
+      }));
+      var inputs = result.container.querySelectorAll("input");
+      expect((_inputs_ = inputs[0]) === null || _inputs_ === void 0 ? void 0 : _inputs_.value).toBe("51.5");
+      expect((_inputs_1 = inputs[1]) === null || _inputs_1 === void 0 ? void 0 : _inputs_1.value).toBe("-0.12");
+    });
+  });
+  describe("with form context", function () {
+    it("renders inside form", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            loc: JSON.stringify({
+              lat: 0,
+              lng: 0
+            })
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */_jsx(Geolocation, {
+          name: "loc",
+          label: "Location",
+          locationIcon
+        })
+      }));
+      expect(result.findTextElement("Location")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=Geolocation.spec.native.js.map

package/dist/esm/fields/Geolocation/Geolocation.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","describe","expect","it","renderWithProviders","Form","Geolocation","locationIcon","result","label","name","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","helperText","skeleton","toBeUndefined","readOnly","value","JSON","stringify","lat","lng","_inputs_","_inputs_1","inputs","querySelectorAll","toBe","formOptions","defaultValues","loc","submitText"],"sources":["../../../../src/fields/Geolocation/Geolocation.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,QAAQ,mBAAc;AACzC,SAASC,QAAA,EAAAC,MAAA,EAAAC,EAAA,QAA2B;AACpC,SAASC,mBAAY;AACrB,SAASC,IAAA,oCAAmB;AAEP,SAAAC,WAAA;AAArB,IAAAC,YAAM,kBAAeP,IAAA,OAAC;EAEtB,aAAS;AACP;AACEC,QAAG,4BAA4B;EAC7BA,QAAA,uBAAe;IAAAE,EAAA,qBACb,EAAC;MACH,IAAAK,MAAA,GAAAJ,mBAAA,gBAAAJ,IAAA,CAAAM,WAAA;QACAG,KAAO,YAAO;QACfC,IAAA;QAEEH;MACD;MAAeL,MACb,CAAAM,MAAA,CAAAG,eAAC,WAAY,GAAAC,WAAM,EAAW;IAAgD,EAChF;IACAT,EAAA,uCAA+B,cAAqB;MACpD,IAAAK,MAAO,GAAAJ,mBAAoB,gBAAaJ,IAAA,CAAAM,WAAA;QACzCG,KAAA;QAEEC,IAAA;QACDH,YAAM;QACJM,QAAA;MACF;MACA,IAAAJ,KAAO,GAAAD,MAAO,CAAAM,SAAA,CAAAC,aAAwB,QAAY;MAClDb,MAAA,CAAOO,KAAA,KAAO,QAAAA,KAAgB,KAAK,KAAG,UAAY,GAAAA,KAAA,CAAAO,WAAA,EAAAC,SAAA;IACpD,CAAC;IAEDd,EAAA,CAAG,4BAA4B,cAAM;MACnC,IAAAK,MAAM,GAAAJ,mBAAS,gBAAAJ,IAAA,CAAAM,WAAA;QACbG,KAAA;QAAAC,IAAC;QAAAH;MAAA;MACOL,MACN,CAAAM,MAAK,CAAAG,eAAA,SAAAC,WAAA;MAAAV,MACL,CAAAM,MAAA,CAAAG,eAAA,SAAAC,WAAA;IAAA;IACWT,EAAA;MAAA,IACbK,MAAA,GAAAJ,mBAAA,gBAAAJ,IAAA,CAAAM,WAAA;QACFG,KAAA;QACAC,IAAA,EAAO;QACRH,YAAA;QAEEW,UAAA;MACD;MAAehB,MACb,CAAAM,MAAA,CAAAG,eAAC,eAAkB,GAAAC,WAAU;IAA8C,EAC7E;IACAT,EAAA,+BAA8B,cAAQ;MACvC,IAAAK,MAAA,GAAAJ,mBAAA,gBAAAJ,IAAA,CAAAM,WAAA;QAEEG,KAAA;QACDC,IAAM;QACJH,YAAA;QAAAY,QAAC;MAAA;MAAAjB,MACC,CAAAM,MAAM,CAAAG,eAAA,SAAAS,aAAA;IAAA;IACDjB,EAAA,8CACL;MAAA,IAAAK,MACA,GAAAJ,mBAAQ,gBAAAJ,IAAA,CAAAM,WAAA;QAAAG,KACR,YAAY;QAAkCC,IAAA;QAChDH,YAAA;QACFc,QAAA;QACAC,KAAO,EAAAC,IAAA,CAAOC,SAAA;UACfC,GAAA;UAEEC,GAAA;QACD;MAAe,EACb;MAAAxB,MAAC,CAAAM,MAAA,CAAAG,eAAA,YAAAS,aAAA;IAAA;IAAAjB,EAAA,oCACO;MAAA,IAAAwB,QACD,EAAAC,SAAA;MAAA,IAAApB,MACL,GAAAJ,mBAAA,gBAAAJ,IAAA,CAAAM,WAAA;QAAAG,KACA,YAAY;QAAmCC,IAAA;QACjDH,YAAA;QACFe,KAAA,EAAAC,IAAA,CAAAC,SAAA;UACAC,GAAM;UACNC,GAAO;QACP;MACD;MACF,IAAAG,MAAA,GAAArB,MAAA,CAAAM,SAAA,CAAAgB,gBAAA;MAED5B,MAAS,EAAAyB,QAAA,GAAAE,MAAA,CAAqB,QAAM,QAAAF,QAAA,uBAAAA,QAAA,CAAAL,KAAA,EAAAS,IAAA;MAClC7B,MAAG,EAAA0B,SAAA,GAAAC,MAAuB,SAAM,QAAAD,SAAA,uBAAAA,SAAA,CAAAN,KAAA,EAAAS,IAAA;IAC9B;EAAe;EACb9B,QAAC;IAAAE,EAAA;MAAA,IAAAK,MACC,GAAAJ,mBAAe,gBAA2BJ,IAAA,CAAAK,IAAU,EAAE;QAAoB2B,WAC1E;UAAWC,aAEX;YAAqEC,GAAA,EAAAX,IAAA,CAAAC,SAAA;cACvEC,GAAA;cACFC,GAAA;YACA,CAAO;UACR;QACF;QACFS,UAAA","ignoreList":[]}