@dxos/react-ui-form 0.7.5-labs.c0e040f → 0.7.5-labs.d199c0f

package/dist/lib/node/index.cjs

@@ -72,6 +72,7 @@ var import_invariant = require("@dxos/invariant");
 var import_log2 = require("@dxos/log");
 var import_schema2 = require("@dxos/schema");
 var import_react5 = __toESM(require("react"));
+var import_echo_schema4 = require("@dxos/echo-schema");
 var import_react_ui3 = require("@dxos/react-ui");
 var import_util = require("@dxos/util");
 var import_react6 = __toESM(require("react"));
@@ -97,7 +98,7 @@ var import_react_ui_theme6 = require("@dxos/react-ui-theme");
 var import_effect3 = require("effect");
 var import_String = require("effect/String");
 var import_react12 = __toESM(require("react"));
-var import_echo_schema4 = require("@dxos/echo-schema");
+var import_echo_schema5 = require("@dxos/echo-schema");
 var import_effect4 = require("@dxos/effect");
 var import_react_ui_theme7 = require("@dxos/react-ui-theme");
 var import_schema3 = require("@dxos/schema");
@@ -105,21 +106,21 @@ var import_util3 = require("@dxos/util");
 var import_effect5 = require("effect");
 var import_String2 = require("effect/String");
 var import_react13 = __toESM(require("react"));
-var import_echo_schema5 = require("@dxos/echo-schema");
+var import_echo_schema6 = require("@dxos/echo-schema");
 var import_effect6 = require("@dxos/effect");
 var import_invariant2 = require("@dxos/invariant");
 var import_react_ui9 = require("@dxos/react-ui");
 var import_react_ui_theme8 = require("@dxos/react-ui-theme");
 var import_schema4 = require("@dxos/schema");
-var import_echo_schema6 = require("@dxos/echo-schema");
-var import_react14 = __toESM(require("react"));
 var import_echo_schema7 = require("@dxos/echo-schema");
+var import_react14 = __toESM(require("react"));
+var import_echo_schema8 = require("@dxos/echo-schema");
 var import_react_ui10 = require("@dxos/react-ui");
 var import_react_ui_list2 = require("@dxos/react-ui-list");
 var import_react_ui_theme9 = require("@dxos/react-ui-theme");
 var import_schema5 = require("@dxos/schema");
-var import_echo_schema8 = require("@dxos/echo-schema");
 var import_echo_schema9 = require("@dxos/echo-schema");
+var import_echo_schema10 = require("@dxos/echo-schema");
 var translationKey = "react-ui-form";
 var translations_default = [
   {
@@ -150,7 +151,7 @@ var translations_default = [
         "format hostname": "Hostname",
         "format integer": "Integer",
         "format json": "JSON",
-        "format latlng": "LatLng",
+        "format latlng": "Geopoint",
         "format markdown": "Markdown",
         "format percent": "Percent",
         "format ref": "Reference",
@@ -265,7 +266,7 @@ var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid, on
   }, [
     errors
   ]);
-  const canSave = (0, import_react4.useMemo)(() => !saving && // Check if any error paths that are touched have errors
+  const canSave = (0, import_react4.useMemo)(() => !saving && // Check if any error paths that are touched have errors.
   !Object.entries(touched).some(([path, isTouched]) => isTouched && Object.keys(errors).some((errorPath) => errorPath === path || errorPath.startsWith(`${path}.`) || errorPath.startsWith(`${path}[`))), [
     touched,
     errors,
@@ -298,10 +299,12 @@ var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid, on
   }, [
     errors
   ]);
-  const getFormValue = (path) => {
+  const getFormValue = (0, import_react4.useCallback)((path) => {
     return (0, import_echo_schema3.getValue)(values, (0, import_effect2.createJsonPath)(path));
-  };
-  const onValueChange = (path, type, value) => {
+  }, [
+    values
+  ]);
+  const onValueChange = (0, import_react4.useCallback)((path, type, value) => {
     const jsonPath = (0, import_effect2.createJsonPath)(path);
     let parsedValue = value;
     try {
@@ -311,7 +314,7 @@ var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid, on
     } catch (err) {
       import_log2.log.catch(err, void 0, {
         F: __dxlog_file,
-        L: 198,
+        L: 202,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -332,7 +335,13 @@ var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid, on
         changed
       });
     }
-  };
+  }, [
+    values,
+    onValuesChanged,
+    validate,
+    onValid,
+    changed
+  ]);
   const onTouched = (0, import_react4.useCallback)((path) => {
     const jsonPath = (0, import_effect2.createJsonPath)(path);
     setTouched((touched2) => ({
@@ -344,26 +353,39 @@ var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid, on
     validate,
     values
   ]);
-  return {
+  return (0, import_react4.useMemo)(() => ({
     // State.
     values,
     errors,
     touched,
     changed,
     canSave,
-    handleSave,
     formIsValid,
+    // Actions.
+    handleSave,
     // Field utils.
     getStatus,
     getValue: getFormValue,
     onValueChange,
     onTouched
-  };
+  }), [
+    values,
+    errors,
+    touched,
+    changed,
+    canSave,
+    formIsValid,
+    handleSave,
+    getStatus,
+    getFormValue,
+    onValueChange,
+    onTouched
+  ]);
 };
 var createKeySet = (obj, value) => {
   (0, import_invariant.invariant)(obj, void 0, {
     F: __dxlog_file,
-    L: 241,
+    L: 264,
     S: void 0,
     A: [
       "obj",
@@ -395,12 +417,21 @@ var useFormValues = (path = []) => {
 };
 var useInputProps = (path = []) => {
   const { getStatus, getValue: getFormValue, onValueChange, onTouched } = useFormContext();
-  return {
-    getStatus: () => getStatus(path),
-    getValue: () => getFormValue(path),
-    onValueChange: (type, value) => onValueChange(path, type, value),
-    onBlur: () => onTouched(path)
-  };
+  const stablePath = (0, import_react3.useMemo)(() => path, [
+    Array.isArray(path) ? path.join(".") : path
+  ]);
+  return (0, import_react3.useMemo)(() => ({
+    getStatus: () => getStatus(stablePath),
+    getValue: () => getFormValue(stablePath),
+    onValueChange: (type, value) => onValueChange(stablePath, type, value),
+    onBlur: () => onTouched(stablePath)
+  }), [
+    getStatus,
+    getFormValue,
+    onValueChange,
+    onTouched,
+    stablePath
+  ]);
 };
 var FormProvider = ({ children, formRef, autoSave, ...formOptions }) => {
   const form = useForm(formOptions);
@@ -455,32 +486,69 @@ var InputHeader = ({ children, error }) => {
 var GeoPointInput = ({ type, label, disabled, getStatus, getValue: getValue3, onValueChange, onBlur }) => {
   const { t } = (0, import_react_ui3.useTranslation)(translationKey);
   const { status, error } = getStatus();
-  const [lng = 0, lat = 0] = getValue3() ?? [];
+  const geoPoint = (0, import_react5.useMemo)(() => getValue3() ?? [
+    0,
+    0
+  ], [
+    getValue3
+  ]);
+  const geoLocation = (0, import_react5.useMemo)(() => import_echo_schema4.GeoLocation.fromGeoPoint(geoPoint), [
+    geoPoint
+  ]);
+  const [longitudeText, setLongitudeText] = (0, import_react5.useState)(geoLocation.longitude?.toString());
+  const [latitudeText, setLatitudeText] = (0, import_react5.useState)(geoLocation.latitude?.toString());
+  (0, import_react5.useEffect)(() => {
+    const location = import_echo_schema4.GeoLocation.fromGeoPoint(geoPoint);
+    setLongitudeText(location.longitude.toString());
+    setLatitudeText(location.latitude.toString());
+  }, [
+    geoPoint
+  ]);
+  const handleCoordinateChange = (0, import_react5.useCallback)((coordinateType, setText) => (event) => {
+    const inputText = event.target.value;
+    setText(inputText);
+    if (inputText !== "" && inputText !== "-") {
+      const coord = (0, import_util.safeParseFloat)(inputText);
+      if (coord !== void 0 && !isNaN(coord)) {
+        const currentLocation = import_echo_schema4.GeoLocation.fromGeoPoint(getValue3() ?? [
+          0,
+          0
+        ]);
+        const newLocation = {
+          ...currentLocation,
+          [coordinateType]: coord
+        };
+        const newValue = import_echo_schema4.GeoLocation.toGeoPoint(newLocation);
+        onValueChange(type, newValue);
+      }
+    }
+  }, [
+    getValue3,
+    onValueChange,
+    type
+  ]);
   return /* @__PURE__ */ import_react5.default.createElement(import_react_ui3.Input.Root, {
     validationValence: status
   }, /* @__PURE__ */ import_react5.default.createElement(InputHeader, {
     error
   }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui3.Input.Label, null, label)), /* @__PURE__ */ import_react5.default.createElement("div", {
+    role: "none",
     className: "grid grid-cols-2 gap-2"
   }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui3.Input.TextInput, {
-    type: "number",
+    type: "text",
+    pattern: "^-?[0-9]*\\.?[0-9]*$",
     disabled,
-    placeholder: t("placeholder longitude"),
-    value: lng,
-    onChange: (event) => onValueChange(type, [
-      lat,
-      (0, import_util.safeParseFloat)(event.target.value, 0)
-    ]),
+    placeholder: t("placeholder latitude"),
+    value: latitudeText,
+    onChange: handleCoordinateChange("latitude", setLatitudeText),
     onBlur
   }), /* @__PURE__ */ import_react5.default.createElement(import_react_ui3.Input.TextInput, {
-    type: "number",
+    type: "text",
+    pattern: "^-?[0-9]*\\.?[0-9]*$",
     disabled,
-    placeholder: t("placeholder latitude"),
-    value: lat,
-    onChange: (event) => onValueChange(type, [
-      (0, import_util.safeParseFloat)(event.target.value, 0),
-      lng
-    ]),
+    placeholder: t("placeholder longitude"),
+    value: longitudeText,
+    onChange: handleCoordinateChange("longitude", setLongitudeText),
     onBlur
   })));
 };
@@ -637,9 +705,9 @@ var SelectOptionInput = ({ type, label, disabled, getStatus, getValue: getValue3
     "data-no-submit": true
   }), /* @__PURE__ */ import_react7.default.createElement(import_react_ui5.Toolbar.Root, {
     classNames: "p-0 m-0 !is-auto"
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui_pickers.HuePickerToolbarButton, {
-    hue: item.color,
-    onChangeHue: handleColorChange(item.id)
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui_pickers.HuePicker, {
+    value: item.color,
+    onChange: handleColorChange(item.id)
   })), /* @__PURE__ */ import_react7.default.createElement(import_react_ui5.IconButton, {
     icon: "ph--trash--fill",
     iconOnly: true,
@@ -778,7 +846,7 @@ var MarkdownInput = ({ type, label, inputOnly, disabled, placeholder, getStatus,
     disabled,
     placeholder,
     value: getValue3() ?? "",
-    classNames: "min-bs-auto overflow-hidden",
+    classNames: "min-bs-auto max-h-40 overflow-auto",
     onChange: (event) => onValueChange(type, event.target.value),
     onBlur,
     style: {
@@ -826,11 +894,11 @@ var ArrayField = ({ property, readonly, path, inputProps, Custom, lookupComponen
     ]
   });
   const label = title ?? (0, import_effect5.pipe)(name, import_String2.capitalize);
-  const tupleType = (0, import_effect6.findNode)(ast, import_echo_schema5.AST.isTupleType);
+  const tupleType = (0, import_effect6.findNode)(ast, import_echo_schema6.AST.isTupleType);
   const elementType = tupleType?.rest[0]?.type;
   const getDefaultObjectValue = (typeNode) => {
     const baseNode = (0, import_effect6.findNode)(typeNode, import_effect6.isDiscriminatedUnion);
-    const typeLiteral = baseNode ? (0, import_effect6.getDiscriminatedType)(baseNode, {}) : (0, import_effect6.findNode)(typeNode, import_echo_schema5.AST.isTypeLiteral);
+    const typeLiteral = baseNode ? (0, import_effect6.getDiscriminatedType)(baseNode, {}) : (0, import_effect6.findNode)(typeNode, import_echo_schema6.AST.isTypeLiteral);
     if (!typeLiteral) {
       return {};
     }
@@ -916,9 +984,9 @@ var ArrayField = ({ property, readonly, path, inputProps, Custom, lookupComponen
 };
 var getInputComponent = (type, format) => {
   switch (format) {
-    case import_echo_schema6.FormatEnum.LatLng:
+    case import_echo_schema7.FormatEnum.GeoPoint:
       return GeoPointInput;
-    case import_echo_schema6.FormatEnum.Markdown:
+    case import_echo_schema7.FormatEnum.Markdown:
       return MarkdownInput;
   }
   switch (type) {
@@ -943,7 +1011,7 @@ var FormField = ({ property, path, readonly, inline, lookupComponent, Custom })
   ]);
   const FoundComponent = lookupComponent?.({
     prop: name,
-    schema: import_echo_schema4.S.make(ast),
+    schema: import_echo_schema5.S.make(ast),
     inputProps: {
       type,
       format,
@@ -1013,12 +1081,12 @@ var FormField = ({ property, path, readonly, inline, lookupComponent, Custom })
   }
   if (type === "object") {
     const baseNode = (0, import_effect4.findNode)(ast, import_effect4.isDiscriminatedUnion);
-    const typeLiteral = baseNode ? (0, import_effect4.getDiscriminatedType)(baseNode, inputProps.getValue()) : (0, import_effect4.findNode)(ast, import_echo_schema4.AST.isTypeLiteral);
+    const typeLiteral = baseNode ? (0, import_effect4.getDiscriminatedType)(baseNode, inputProps.getValue()) : (0, import_effect4.findNode)(ast, import_echo_schema5.AST.isTypeLiteral);
     if (typeLiteral) {
       return /* @__PURE__ */ import_react12.default.createElement("div", {
         role: "none"
       }, !inline && /* @__PURE__ */ import_react12.default.createElement("div", null, label), /* @__PURE__ */ import_react12.default.createElement(FormFields, {
-        schema: import_echo_schema4.S.make(typeLiteral),
+        schema: import_echo_schema5.S.make(typeLiteral),
         path,
         readonly,
         Custom
@@ -1257,14 +1325,14 @@ var FieldEditor = ({ view, projection, field, registry, onSave, onCancel }) => {
   });
 };
 var grid = "grid grid-cols-[32px_1fr_32px] min-bs-[2.5rem]";
-var ViewMetaSchema = import_echo_schema7.S.Struct({
-  name: import_echo_schema7.S.String.annotations({
-    [import_echo_schema7.AST.TitleAnnotationId]: "View"
+var ViewMetaSchema = import_echo_schema8.S.Struct({
+  name: import_echo_schema8.S.String.annotations({
+    [import_echo_schema8.AST.TitleAnnotationId]: "View"
   }),
-  typename: import_echo_schema7.Format.URL.annotations({
-    [import_echo_schema7.AST.TitleAnnotationId]: "Typename"
+  typename: import_echo_schema8.Format.URL.annotations({
+    [import_echo_schema8.AST.TitleAnnotationId]: "Typename"
   })
-}).pipe(import_echo_schema7.S.mutable);
+}).pipe(import_echo_schema8.S.mutable);
 var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading = false, onTypenameChanged, onDelete }) => {
   const { t } = (0, import_react_ui10.useTranslation)(translationKey);
   const projection = (0, import_react14.useMemo)(() => new import_schema5.ViewProjection(schema, view), [
@@ -1331,7 +1399,7 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
     className: (0, import_react_ui_theme9.mx)(import_react_ui_theme9.inputTextLabel)
   }, t("fields label"))), /* @__PURE__ */ import_react14.default.createElement(import_react_ui_list2.List.Root, {
     items: view.fields,
-    isItem: import_echo_schema7.S.is(import_schema5.FieldSchema),
+    isItem: import_echo_schema8.S.is(import_schema5.FieldSchema),
     getId: (field2) => field2.id,
     onMove: handleMove
   }, ({ items: fields }) => /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, showHeading && /* @__PURE__ */ import_react14.default.createElement("div", {
@@ -1374,7 +1442,7 @@ var parseValue = ({ type, format, value }) => {
   }
   const parseScalar = (type2) => {
     switch (type2) {
-      case import_echo_schema8.TypeEnum.Boolean: {
+      case import_echo_schema9.TypeEnum.Boolean: {
         if (typeof value === "string") {
           const lowercaseValue = value.toLowerCase();
           if (lowercaseValue === "0" || lowercaseValue === "false") {
@@ -1385,13 +1453,13 @@ var parseValue = ({ type, format, value }) => {
         }
         return Boolean(value);
       }
-      case import_echo_schema8.TypeEnum.Number: {
+      case import_echo_schema9.TypeEnum.Number: {
         const cleaned = typeof value === "string" ? value.replace(/[^0-9.-]+/g, "") : value;
         const num = Number(cleaned);
         return Number.isNaN(num) ? null : num;
       }
-      case import_echo_schema8.TypeEnum.String:
-      case import_echo_schema8.TypeEnum.Ref:
+      case import_echo_schema9.TypeEnum.String:
+      case import_echo_schema9.TypeEnum.Ref:
         return String(value);
       default: {
         return value;
@@ -1402,25 +1470,45 @@ var parseValue = ({ type, format, value }) => {
     return parseScalar(type);
   }
   switch (format) {
-    case import_echo_schema8.FormatEnum.Boolean:
-      return parseScalar(import_echo_schema8.TypeEnum.Boolean);
-    case import_echo_schema8.FormatEnum.Number:
-    case import_echo_schema8.FormatEnum.Percent:
-    case import_echo_schema8.FormatEnum.Currency:
-      return parseScalar(import_echo_schema8.TypeEnum.Number);
-    case import_echo_schema8.FormatEnum.String:
-    case import_echo_schema8.FormatEnum.Markdown: {
-      return parseScalar(import_echo_schema8.TypeEnum.String);
+    case import_echo_schema9.FormatEnum.Boolean:
+      return parseScalar(import_echo_schema9.TypeEnum.Boolean);
+    case import_echo_schema9.FormatEnum.Number:
+    case import_echo_schema9.FormatEnum.Percent:
+    case import_echo_schema9.FormatEnum.Currency:
+      return parseScalar(import_echo_schema9.TypeEnum.Number);
+    case import_echo_schema9.FormatEnum.String:
+    case import_echo_schema9.FormatEnum.Markdown: {
+      return parseScalar(import_echo_schema9.TypeEnum.String);
     }
-    case import_echo_schema8.FormatEnum.Ref:
-      throw new Error(`unexpected format: ${import_echo_schema8.FormatEnum.Ref}`);
-    case import_echo_schema8.FormatEnum.DateTime:
-    case import_echo_schema8.FormatEnum.Date:
-    case import_echo_schema8.FormatEnum.Time:
-    case import_echo_schema8.FormatEnum.Timestamp: {
+    case import_echo_schema9.FormatEnum.Ref:
+      throw new Error(`unexpected format: ${import_echo_schema9.FormatEnum.Ref}`);
+    case import_echo_schema9.FormatEnum.DateTime:
+    case import_echo_schema9.FormatEnum.Date:
+    case import_echo_schema9.FormatEnum.Time:
+    case import_echo_schema9.FormatEnum.Timestamp: {
       const date = new Date(value);
       return isNaN(date.getTime()) ? null : date;
     }
+    case import_echo_schema9.FormatEnum.GeoPoint: {
+      if (typeof value === "string") {
+        const cleaned = value.replace(/[^0-9.,-]+/g, "");
+        const parts = cleaned.split(",");
+        if (parts.length === 2) {
+          const lat = parseFloat(parts[0]);
+          const long = parseFloat(parts[1]);
+          if (!isNaN(lat) && !isNaN(long)) {
+            return import_echo_schema9.GeoLocation.toGeoPoint({
+              latitude: lat,
+              longitude: long
+            });
+          }
+        }
+      }
+      return [
+        0,
+        0
+      ];
+    }
     default: {
       return value;
     }
@@ -1429,19 +1517,19 @@ var parseValue = ({ type, format, value }) => {
 var cellClassesForFieldType = ({ type, format }) => {
   if (!format) {
     switch (type) {
-      case import_echo_schema8.TypeEnum.Number:
+      case import_echo_schema9.TypeEnum.Number:
         return [
           "text-right",
           "font-mono"
         ];
-      case import_echo_schema8.TypeEnum.Boolean:
+      case import_echo_schema9.TypeEnum.Boolean:
         return [
           "text-right",
           "font-mono"
         ];
-      case import_echo_schema8.TypeEnum.String:
+      case import_echo_schema9.TypeEnum.String:
         return void 0;
-      case import_echo_schema8.TypeEnum.Ref:
+      case import_echo_schema9.TypeEnum.Ref:
         return void 0;
       default: {
         return void 0;
@@ -1449,20 +1537,20 @@ var cellClassesForFieldType = ({ type, format }) => {
     }
   }
   switch (format) {
-    case import_echo_schema8.FormatEnum.Markdown:
+    case import_echo_schema9.FormatEnum.Markdown:
       return void 0;
-    case import_echo_schema8.FormatEnum.Timestamp:
-    case import_echo_schema8.FormatEnum.DateTime:
-    case import_echo_schema8.FormatEnum.Date:
-    case import_echo_schema8.FormatEnum.Time:
+    case import_echo_schema9.FormatEnum.Timestamp:
+    case import_echo_schema9.FormatEnum.DateTime:
+    case import_echo_schema9.FormatEnum.Date:
+    case import_echo_schema9.FormatEnum.Time:
       return [
         "font-mono"
       ];
-    case import_echo_schema8.FormatEnum.Currency:
+    case import_echo_schema9.FormatEnum.Currency:
       return [
         "text-right"
       ];
-    case import_echo_schema8.FormatEnum.JSON:
+    case import_echo_schema9.FormatEnum.JSON:
       return [
         "font-mono"
       ];
@@ -1480,12 +1568,12 @@ var pathNotUniqueError = (path) => ({
 var formatForDisplay = ({ type, format, value, locale = void 0 }) => {
   const formatScalar = (type2) => {
     switch (type2) {
-      case import_echo_schema9.TypeEnum.Boolean:
+      case import_echo_schema10.TypeEnum.Boolean:
         return value.toLocaleString().toUpperCase();
-      case import_echo_schema9.TypeEnum.Number:
+      case import_echo_schema10.TypeEnum.Number:
         return value.toLocaleString(locale);
-      case import_echo_schema9.TypeEnum.String:
-      case import_echo_schema9.TypeEnum.Ref:
+      case import_echo_schema10.TypeEnum.String:
+      case import_echo_schema10.TypeEnum.Ref:
         return String(value);
       default: {
         return String(value);
@@ -1496,20 +1584,20 @@ var formatForDisplay = ({ type, format, value, locale = void 0 }) => {
     return formatScalar(type);
   }
   switch (format) {
-    case import_echo_schema9.FormatEnum.Boolean: {
-      return formatScalar(import_echo_schema9.TypeEnum.Boolean);
+    case import_echo_schema10.FormatEnum.Boolean: {
+      return formatScalar(import_echo_schema10.TypeEnum.Boolean);
     }
-    case import_echo_schema9.FormatEnum.Number: {
-      return formatScalar(import_echo_schema9.TypeEnum.Number);
+    case import_echo_schema10.FormatEnum.Number: {
+      return formatScalar(import_echo_schema10.TypeEnum.Number);
     }
-    case import_echo_schema9.FormatEnum.String:
-    case import_echo_schema9.FormatEnum.Ref: {
-      return formatScalar(import_echo_schema9.TypeEnum.String);
+    case import_echo_schema10.FormatEnum.String:
+    case import_echo_schema10.FormatEnum.Ref: {
+      return formatScalar(import_echo_schema10.TypeEnum.String);
     }
-    case import_echo_schema9.FormatEnum.Percent: {
+    case import_echo_schema10.FormatEnum.Percent: {
       return `${value * 100}%`;
     }
-    case import_echo_schema9.FormatEnum.Currency: {
+    case import_echo_schema10.FormatEnum.Currency: {
       return value.toLocaleString(locale, {
         style: "currency",
         currency: "USD",
@@ -1517,18 +1605,28 @@ var formatForDisplay = ({ type, format, value, locale = void 0 }) => {
         maximumFractionDigits: 2
       });
     }
-    case import_echo_schema9.FormatEnum.DateTime:
-    case import_echo_schema9.FormatEnum.Date:
-    case import_echo_schema9.FormatEnum.Time: {
+    case import_echo_schema10.FormatEnum.DateTime:
+    case import_echo_schema10.FormatEnum.Date:
+    case import_echo_schema10.FormatEnum.Time: {
       const date = new Date(value);
-      if (format === import_echo_schema9.FormatEnum.DateTime) {
+      if (format === import_echo_schema10.FormatEnum.DateTime) {
         return date.toLocaleString(locale);
-      } else if (format === import_echo_schema9.FormatEnum.Date) {
+      } else if (format === import_echo_schema10.FormatEnum.Date) {
         return date.toLocaleDateString(locale);
       } else {
         return date.toLocaleTimeString(locale);
       }
     }
+    case import_echo_schema10.FormatEnum.GeoPoint: {
+      if (value === null || value === void 0) {
+        return "";
+      }
+      if (Array.isArray(value) && value.length >= 2 && value.every(Number.isFinite)) {
+        const { latitude, longitude } = import_echo_schema10.GeoLocation.fromGeoPoint(value);
+        return `${latitude},${longitude}`;
+      }
+      return String(value);
+    }
     default: {
       if (value === null || value === "undefined") {
         return "";
@@ -1540,10 +1638,10 @@ var formatForDisplay = ({ type, format, value, locale = void 0 }) => {
 var formatForEditing = ({ type, format, value, locale = void 0 }) => {
   const formatScalar = (type2) => {
     switch (type2) {
-      case import_echo_schema9.TypeEnum.Boolean:
-      case import_echo_schema9.TypeEnum.Number:
-      case import_echo_schema9.TypeEnum.String:
-      case import_echo_schema9.TypeEnum.Ref:
+      case import_echo_schema10.TypeEnum.Boolean:
+      case import_echo_schema10.TypeEnum.Number:
+      case import_echo_schema10.TypeEnum.String:
+      case import_echo_schema10.TypeEnum.Ref:
         return String(value);
       default:
         return String(value);
@@ -1553,30 +1651,40 @@ var formatForEditing = ({ type, format, value, locale = void 0 }) => {
     return formatScalar(type);
   }
   switch (format) {
-    case import_echo_schema9.FormatEnum.Boolean:
-    case import_echo_schema9.FormatEnum.Number:
-    case import_echo_schema9.FormatEnum.String:
-    case import_echo_schema9.FormatEnum.Ref: {
+    case import_echo_schema10.FormatEnum.Boolean:
+    case import_echo_schema10.FormatEnum.Number:
+    case import_echo_schema10.FormatEnum.String:
+    case import_echo_schema10.FormatEnum.Ref: {
       return formatScalar(type);
     }
-    case import_echo_schema9.FormatEnum.Percent: {
+    case import_echo_schema10.FormatEnum.Percent: {
       return String(value * 100);
     }
-    case import_echo_schema9.FormatEnum.Currency: {
+    case import_echo_schema10.FormatEnum.Currency: {
       return String(value);
     }
-    case import_echo_schema9.FormatEnum.DateTime: {
+    case import_echo_schema10.FormatEnum.DateTime: {
       const date = new Date(value);
       return date.toISOString();
     }
-    case import_echo_schema9.FormatEnum.Date: {
+    case import_echo_schema10.FormatEnum.Date: {
       const date = new Date(value);
       return date.toISOString().split("T")[0];
     }
-    case import_echo_schema9.FormatEnum.Time: {
+    case import_echo_schema10.FormatEnum.Time: {
       const date = new Date(value);
       return date.toISOString().split("T")[1].split(".")[0];
     }
+    case import_echo_schema10.FormatEnum.GeoPoint: {
+      if (value === null || value === void 0) {
+        return "";
+      }
+      if (Array.isArray(value) && value.length >= 2 && value.every(Number.isFinite)) {
+        const { latitude, longitude } = import_echo_schema10.GeoLocation.fromGeoPoint(value);
+        return `${latitude},${longitude}`;
+      }
+      return String(value);
+    }
     default: {
       return String(value);
     }