@dxos/react-ui-form 0.8.3 → 0.8.4-main.2e9d522

package/dist/lib/browser/index.mjs

@@ -1,6 +1,6 @@
-// packages/ui/react-ui-form/src/translations.ts
+// src/translations.ts
 var translationKey = "react-ui-form";
-var translations_default = [
+var translations = [
   {
     "en-US": {
       [translationKey]: {
@@ -67,7 +67,7 @@ var translations_default = [
   }
 ];
 
-// packages/ui/react-ui-form/src/components/deprecated/FormInput.tsx
+// src/components/deprecated/FormInput.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React from "react";
 import { Input } from "@dxos/react-ui";
@@ -119,7 +119,7 @@ var DeprecatedFormInput = ({ label, description, secondary, children }) => {
   }
 };
 
-// packages/ui/react-ui-form/src/components/ControlSection/ControlSection.tsx
+// src/components/ControlSection/ControlSection.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
 import React2 from "react";
 import { Button, Input as Input2, toLocalizedString, useTranslation } from "@dxos/react-ui";
@@ -250,7 +250,7 @@ var ControlFrameItem = ({ title, description, children }) => {
   }
 };
 
-// packages/ui/react-ui-form/src/components/FieldEditor/FieldEditor.tsx
+// src/components/FieldEditor/FieldEditor.tsx
 import { useSignals as _useSignals14 } from "@preact-signals/safe-react/tracking";
 import React14, { useCallback as useCallback9, useEffect as useEffect8, useMemo as useMemo7, useState as useState5 } from "react";
 import { FormatEnum as FormatEnum5, FormatEnums, formatToType } from "@dxos/echo-schema";
@@ -258,14 +258,14 @@ import { log as log3 } from "@dxos/log";
 import { useTranslation as useTranslation8 } from "@dxos/react-ui";
 import { getFormatSchema, getSchemaProperties as getSchemaProperties3, sortProperties } from "@dxos/schema";
 
-// packages/ui/react-ui-form/src/components/Form/custom/GeoPointInput.tsx
+// src/components/Form/custom/GeoPointInput.tsx
 import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
 import React4, { useCallback, useState, useEffect, useMemo } from "react";
 import { GeoLocation } from "@dxos/echo-schema";
 import { Input as Input4, useTranslation as useTranslation2 } from "@dxos/react-ui";
 import { safeParseFloat } from "@dxos/util";
 
-// packages/ui/react-ui-form/src/components/Form/Input.tsx
+// src/components/Form/Input.tsx
 import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
 import React3 from "react";
 import { Icon, Input as Input3, Tooltip } from "@dxos/react-ui";
@@ -295,7 +295,7 @@ var InputHeader = ({ error, label, readonly }) => {
   }
 };
 
-// packages/ui/react-ui-form/src/components/Form/custom/GeoPointInput.tsx
+// src/components/Form/custom/GeoPointInput.tsx
 var GeoPointInput = ({ type, label, disabled, getStatus, getValue: getValue3, onValueChange, onBlur }) => {
   var _effect = _useSignals4();
   try {
@@ -372,7 +372,7 @@ var GeoPointInput = ({ type, label, disabled, getStatus, getValue: getValue3, on
   }
 };
 
-// packages/ui/react-ui-form/src/components/Form/custom/SelectOptionsInput.tsx
+// src/components/Form/custom/SelectOptionsInput.tsx
 import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
 import React5, { useCallback as useCallback2, useEffect as useEffect2, useState as useState2, useRef } from "react";
 import { PublicKey } from "@dxos/keys";
@@ -508,7 +508,12 @@ var SelectOptionInput = ({ type, label, disabled, getStatus, getValue: getValue3
     }, /* @__PURE__ */ React5.createElement(List.Item, {
       role: "button",
       item,
-      classNames: mx4("p-1 plb-2", "flex flex-col", "cursor-pointer", "hover:bg-hoverOverlay"),
+      classNames: [
+        "p-1 plb-2",
+        "flex flex-col",
+        "cursor-pointer",
+        "hover:bg-hoverOverlay"
+      ],
       "aria-expanded": selected === item.id
     }, /* @__PURE__ */ React5.createElement("div", {
       className: "flex items-center"
@@ -563,7 +568,7 @@ var SelectOptionInput = ({ type, label, disabled, getStatus, getValue: getValue3
   }
 };
 
-// packages/ui/react-ui-form/src/components/Form/custom/TupleInput.tsx
+// src/components/Form/custom/TupleInput.tsx
 import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
 import React6 from "react";
 import { Input as Input6 } from "@dxos/react-ui";
@@ -603,7 +608,7 @@ var TupleInput = ({ binding, type, label, disabled, getStatus, getValue: getValu
   }
 };
 
-// packages/ui/react-ui-form/src/components/Form/Defaults.tsx
+// src/components/Form/Defaults.tsx
 import { useSignals as _useSignals7 } from "@preact-signals/safe-react/tracking";
 import React7, { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef2 } from "react";
 import { Input as Input7, Select, useTranslation as useTranslation4 } from "@dxos/react-ui";
@@ -745,26 +750,26 @@ var MarkdownInput = ({ type, label, inputOnly, disabled, placeholder, getStatus,
   }
 };
 
-// packages/ui/react-ui-form/src/components/Form/Form.tsx
+// src/components/Form/Form.tsx
 import { useSignals as _useSignals13 } from "@preact-signals/safe-react/tracking";
 import React13, { useEffect as useEffect7, useMemo as useMemo6, useRef as useRef3 } from "react";
 import { cardDialogOverflow, cardSpacing as cardSpacing2 } from "@dxos/react-ui-stack";
 
-// packages/ui/react-ui-form/src/components/Form/FormActions.tsx
+// src/components/Form/FormActions.tsx
 import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
 import React9 from "react";
 import { IconButton as IconButton2, useTranslation as useTranslation5 } from "@dxos/react-ui";
 import { cardSpacing } from "@dxos/react-ui-stack";
 import { mx as mx6 } from "@dxos/react-ui-theme";
 
-// packages/ui/react-ui-form/src/components/Form/FormContext.tsx
+// src/components/Form/FormContext.tsx
 import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
 import React8, { createContext, useContext, useEffect as useEffect6, useMemo as useMemo3, useCallback as useCallback6 } from "react";
 import { raise } from "@dxos/debug";
 import { getValue as getValue2 } from "@dxos/echo-schema";
 import { createJsonPath as createJsonPath2 } from "@dxos/effect";
 
-// packages/ui/react-ui-form/src/hooks/useForm.ts
+// src/hooks/useForm.ts
 import { SchemaAST } from "effect";
 import { useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo2, useState as useState3 } from "react";
 import { getValue, setValue } from "@dxos/echo-schema";
@@ -772,7 +777,7 @@ import { createJsonPath, fromEffectValidationPath } from "@dxos/effect";
 import { invariant } from "@dxos/invariant";
 import { log } from "@dxos/log";
 import { validateSchema } from "@dxos/schema";
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/ui/react-ui-form/src/hooks/useForm.ts";
+var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-form/src/hooks/useForm.ts";
 var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid, onSave }) => {
   invariant(SchemaAST.isTypeLiteral(schema.ast), void 0, {
     F: __dxlog_file,
@@ -973,7 +978,7 @@ var flatMap = (errors) => {
   }, {});
 };
 
-// packages/ui/react-ui-form/src/hooks/useRefQueryLookupHandler.ts
+// src/hooks/useRefQueryLookupHandler.ts
 import { useCallback as useCallback5 } from "react";
 import { getObjectDXN } from "@dxos/echo-schema";
 import { Filter } from "@dxos/react-client/echo";
@@ -1001,10 +1006,10 @@ var useRefQueryLookupHandler = ({ space }) => {
   ]);
 };
 
-// packages/ui/react-ui-form/src/hooks/useQueryRefOptions.ts
+// src/hooks/useQueryRefOptions.ts
 import { useEffect as useEffect5, useState as useState4 } from "react";
 import { log as log2 } from "@dxos/log";
-var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-form/src/hooks/useQueryRefOptions.ts";
+var __dxlog_file2 = "/__w/dxos/dxos/packages/ui/react-ui-form/src/hooks/useQueryRefOptions.ts";
 var useQueryRefOptions = ({ refTypeInfo, onQueryRefOptions }) => {
   const [options, setOptions] = useState4([]);
   const [loading, setLoading] = useState4(false);
@@ -1047,7 +1052,7 @@ var useQueryRefOptions = ({ refTypeInfo, onQueryRefOptions }) => {
   };
 };
 
-// packages/ui/react-ui-form/src/components/Form/FormContext.tsx
+// src/components/Form/FormContext.tsx
 var FormContext = /* @__PURE__ */ createContext(void 0);
 var useFormContext = () => {
   return useContext(FormContext) ?? raise(new Error("Missing FormContext"));
@@ -1120,7 +1125,7 @@ var FormProvider = ({ children, formRef, autoSave, ...formOptions }) => {
   }
 };
 
-// packages/ui/react-ui-form/src/components/Form/FormActions.tsx
+// src/components/Form/FormActions.tsx
 var FormActions = ({ readonly, onCancel, outerSpacing = true }) => {
   var _effect = _useSignals9();
   try {
@@ -1147,7 +1152,7 @@ var FormActions = ({ readonly, onCancel, outerSpacing = true }) => {
   }
 };
 
-// packages/ui/react-ui-form/src/components/Form/FormContent.tsx
+// src/components/Form/FormContent.tsx
 import { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
 import { Schema, SchemaAST as SchemaAST4, pipe as pipe2 } from "effect";
 import { capitalize as capitalize2 } from "effect/String";
@@ -1157,7 +1162,7 @@ import { mx as mx8 } from "@dxos/react-ui-theme";
 import { getSchemaProperties as getSchemaProperties2 } from "@dxos/schema";
 import { isNotFalsy } from "@dxos/util";
 
-// packages/ui/react-ui-form/src/components/Form/ArrayField.tsx
+// src/components/Form/ArrayField.tsx
 import { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
 import { SchemaAST as SchemaAST3, pipe } from "effect";
 import { capitalize } from "effect/String";
@@ -1167,7 +1172,7 @@ import { invariant as invariant2 } from "@dxos/invariant";
 import { IconButton as IconButton3, useTranslation as useTranslation6 } from "@dxos/react-ui";
 import { getSchemaProperties } from "@dxos/schema";
 
-// packages/ui/react-ui-form/src/util/field.ts
+// src/util/field.ts
 import { FormatEnum, GeoLocation as GeoLocation2, TypeEnum } from "@dxos/echo-schema";
 var parseValue = ({ type, format, value }) => {
   if (value === void 0 || value === null || value === "") {
@@ -1299,7 +1304,7 @@ var pathNotUniqueError = (path) => ({
   message: `'${path}' is already present`
 });
 
-// packages/ui/react-ui-form/src/util/formatting.ts
+// src/util/formatting.ts
 import { format as formatDate } from "date-fns/format";
 import { FormatEnum as FormatEnum2, GeoLocation as GeoLocation3, TypeEnum as TypeEnum2 } from "@dxos/echo-schema";
 var formatForDisplay = ({ type, format, value, locale = void 0 }) => {
@@ -1437,11 +1442,11 @@ var formatForEditing = ({ type, format, value, locale = void 0 }) => {
   }
 };
 
-// packages/ui/react-ui-form/src/util/refs.ts
+// src/util/refs.ts
 import { FormatEnum as FormatEnum3, ReferenceAnnotationId } from "@dxos/echo-schema";
 import { findAnnotation } from "@dxos/effect";
 
-// packages/ui/react-ui-form/src/util/schema.ts
+// src/util/schema.ts
 import { SchemaAST as SchemaAST2 } from "effect";
 import { findNode } from "@dxos/effect";
 var findArrayElementType = (ast) => {
@@ -1450,7 +1455,7 @@ var findArrayElementType = (ast) => {
   return elementType;
 };
 
-// packages/ui/react-ui-form/src/util/refs.ts
+// src/util/refs.ts
 var getRefProps = (property) => {
   const { ast, format, array } = property;
   if (format === FormatEnum3.Ref) {
@@ -1474,8 +1479,8 @@ var getRefProps = (property) => {
   return void 0;
 };
 
-// packages/ui/react-ui-form/src/components/Form/ArrayField.tsx
-var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-form/src/components/Form/ArrayField.tsx";
+// src/components/Form/ArrayField.tsx
+var __dxlog_file3 = "/__w/dxos/dxos/packages/ui/react-ui-form/src/components/Form/ArrayField.tsx";
 var ArrayField = ({ property, readonly, path, inputProps, Custom, lookupComponent }) => {
   var _effect = _useSignals10();
   try {
@@ -1561,7 +1566,7 @@ var ArrayField = ({ property, readonly, path, inputProps, Custom, lookupComponen
         classNames: "self-center"
       }));
     })), !readonly && /* @__PURE__ */ React10.createElement(IconButton3, {
-      classNames: "is-full mlb-1 flex",
+      classNames: "is-full mlb-cardSpacingBlock flex",
       icon: "ph--plus--regular",
       label: t("add field"),
       onClick: handleAdd
@@ -1571,7 +1576,7 @@ var ArrayField = ({ property, readonly, path, inputProps, Custom, lookupComponen
   }
 };
 
-// packages/ui/react-ui-form/src/components/Form/RefField.tsx
+// src/components/Form/RefField.tsx
 import { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking";
 import React11, { useCallback as useCallback8, useMemo as useMemo4 } from "react";
 import { Expando, getTypeAnnotation, Ref, ReferenceAnnotationId as ReferenceAnnotationId2 } from "@dxos/echo-schema";
@@ -1694,7 +1699,7 @@ var RefField = ({ type, label, disabled, placeholder, inputOnly, array, ast, get
       onBlur: (event) => onBlur(event),
       onUpdate: handleUpdate,
       onSearch: handleSearch,
-      classNames: "rounded-sm bg-inputSurface p-1.5"
+      classNames: "bg-inputSurface p-1.5 rounded-sm"
     })), inputOnly && /* @__PURE__ */ React11.createElement(Input8.DescriptionAndValidation, null, error));
   } finally {
     _effect.f();
@@ -1738,7 +1743,7 @@ var RefFieldFallback = ({ type, label, disabled, placeholder, inputOnly, getValu
   }
 };
 
-// packages/ui/react-ui-form/src/components/Form/factory.tsx
+// src/components/Form/factory.tsx
 import { FormatEnum as FormatEnum4 } from "@dxos/echo-schema";
 var getInputComponent = (type, format) => {
   switch (format) {
@@ -1757,7 +1762,7 @@ var getInputComponent = (type, format) => {
   }
 };
 
-// packages/ui/react-ui-form/src/components/Form/FormContent.tsx
+// src/components/Form/FormContent.tsx
 var FormField = ({ property, path, readonly, inline, onQueryRefOptions, lookupComponent, Custom }) => {
   var _effect = _useSignals12();
   try {
@@ -1908,7 +1913,7 @@ var FormFields = /* @__PURE__ */ forwardRef(({ classNames, testId, schema, path,
   }
 });
 
-// packages/ui/react-ui-form/src/components/Form/Form.tsx
+// src/components/Form/Form.tsx
 var Form = ({ classNames, testId, values: initialValues, autoFocus, readonly, autoSave, outerSpacing = true, onCancel, schema, onValuesChanged, onValidate, onSave, ...props }) => {
   var _effect = _useSignals13();
   try {
@@ -1960,9 +1965,9 @@ var Form = ({ classNames, testId, values: initialValues, autoFocus, readonly, au
   }
 };
 
-// packages/ui/react-ui-form/src/components/FieldEditor/FieldEditor.tsx
-var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-form/src/components/FieldEditor/FieldEditor.tsx";
-var FieldEditor = ({ view, projection, field, registry, onSave, onCancel, outerSpacing }) => {
+// src/components/FieldEditor/FieldEditor.tsx
+var __dxlog_file4 = "/__w/dxos/dxos/packages/ui/react-ui-form/src/components/FieldEditor/FieldEditor.tsx";
+var FieldEditor = ({ projection, field, registry, onSave, onCancel, outerSpacing }) => {
   var _effect = _useSignals14();
   try {
     const { t } = useTranslation8(translationKey);
@@ -2036,7 +2041,7 @@ var FieldEditor = ({ view, projection, field, registry, onSave, onCancel, outerS
       props.referenceSchema
     ]);
     const handleValidate = useCallback9(({ property }) => {
-      if (property && view.fields.find((f) => f.path === property && f.path !== field.path)) {
+      if (property && projection.fields.find((f) => f.path === property && f.path !== field.path)) {
         return [
           {
             path: "property",
@@ -2045,7 +2050,7 @@ var FieldEditor = ({ view, projection, field, registry, onSave, onCancel, outerS
         ];
       }
     }, [
-      view.fields,
+      projection.fields,
       field
     ]);
     const handleSave = useCallback9((props2) => {
@@ -2097,7 +2102,7 @@ var FieldEditor = ({ view, projection, field, registry, onSave, onCancel, outerS
         props
       }, {
         F: __dxlog_file4,
-        L: 183,
+        L: 173,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -2125,7 +2130,7 @@ var FieldEditor = ({ view, projection, field, registry, onSave, onCancel, outerS
   }
 };
 
-// packages/ui/react-ui-form/src/components/ViewEditor/ViewEditor.tsx
+// src/components/ViewEditor/ViewEditor.tsx
 import { useSignals as _useSignals15 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema2 } from "effect";
 import React15, { useCallback as useCallback10, useMemo as useMemo8, useState as useState6 } from "react";
@@ -2135,13 +2140,10 @@ import { Callout, IconButton as IconButton4, useTranslation as useTranslation9 }
 import { List as List2 } from "@dxos/react-ui-list";
 import { cardSpacing as cardSpacing3 } from "@dxos/react-ui-stack";
 import { ghostHover, inputTextLabel, mx as mx9 } from "@dxos/react-ui-theme";
-import { FieldSchema, ViewProjection, VIEW_FIELD_LIMIT } from "@dxos/schema";
-var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-form/src/components/ViewEditor/ViewEditor.tsx";
+import { FieldSchema, VIEW_FIELD_LIMIT, ProjectionModel } from "@dxos/schema";
+var __dxlog_file5 = "/__w/dxos/dxos/packages/ui/react-ui-form/src/components/ViewEditor/ViewEditor.tsx";
 var grid = "grid grid-cols-[32px_1fr_32px_32px] min-bs-[2.5rem]";
 var ViewMetaSchema = Schema2.Struct({
-  name: Schema2.String.annotations({
-    title: "View"
-  }),
   typename: Format.URL.annotations({
     title: "Typename"
   })
@@ -2152,22 +2154,21 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly: _readonly, sho
     const { t } = useTranslation9(translationKey);
     const projection = useMemo8(() => {
       const jsonSchema = schema instanceof EchoSchema ? schema.jsonSchema : toJsonSchema(schema);
-      return new ViewProjection(jsonSchema, view);
+      return new ProjectionModel(jsonSchema, view.projection);
     }, [
       schema,
-      view
+      view.projection
     ]);
     const [field, setField] = useState6();
     const readonly = _readonly || !isMutable(schema);
     const viewValues = useMemo8(() => {
       return {
-        name: view.name,
         // TODO(burdon): Need to warn user of possible consequences of editing.
         // TODO(burdon): Settings should have domain name owned by user.
         typename: view.query.typename
       };
     }, [
-      view
+      view.query.typename
     ]);
     const handleSelect = useCallback10((field2) => {
       if (readonly) {
@@ -2180,7 +2181,7 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly: _readonly, sho
     const handleAdd = useCallback10(() => {
       invariant3(!readonly, void 0, {
         F: __dxlog_file5,
-        L: 92,
+        L: 88,
         S: void 0,
         A: [
           "!readonly",
@@ -2191,13 +2192,13 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly: _readonly, sho
       setField(field2);
     }, [
       schema,
-      view,
+      projection,
       readonly
     ]);
-    const handleUpdate = useCallback10(({ name, typename }) => {
+    const handleUpdate = useCallback10(({ typename }) => {
       invariant3(!readonly, void 0, {
         F: __dxlog_file5,
-        L: 99,
+        L: 95,
         S: void 0,
         A: [
           "!readonly",
@@ -2205,23 +2206,19 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly: _readonly, sho
         ]
       });
       requestAnimationFrame(() => {
-        if (view.name !== name) {
-          view.name = name;
-        }
         if (view.query.typename !== typename && !readonly) {
           onTypenameChanged?.(typename);
         }
       });
     }, [
-      schema,
-      view,
+      view.query.typename,
       onTypenameChanged,
       readonly
     ]);
     const handleDelete = useCallback10((fieldId) => {
       invariant3(!readonly, void 0, {
         F: __dxlog_file5,
-        L: 115,
+        L: 107,
         S: void 0,
         A: [
           "!readonly",
@@ -2233,7 +2230,6 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly: _readonly, sho
       }
       onDelete?.(fieldId);
     }, [
-      schema,
       field,
       onDelete,
       readonly
@@ -2241,7 +2237,7 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly: _readonly, sho
     const handleMove = useCallback10((fromIndex, toIndex) => {
       invariant3(!readonly, void 0, {
         F: __dxlog_file5,
-        L: 127,
+        L: 119,
         S: void 0,
         A: [
           "!readonly",
@@ -2249,14 +2245,13 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly: _readonly, sho
         ]
       });
       const fields = [
-        ...view.fields
+        ...view.projection.fields
       ];
       const [moved] = fields.splice(fromIndex, 1);
       fields.splice(toIndex, 0, moved);
-      view.fields = fields;
+      view.projection.fields = fields;
     }, [
-      schema,
-      view.fields,
+      view.projection.fields,
       readonly
     ]);
     const handleClose = useCallback10(() => setField(void 0), []);
@@ -2294,7 +2289,7 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly: _readonly, sho
     }, /* @__PURE__ */ React15.createElement("label", {
       className: mx9(inputTextLabel)
     }, t("fields label")), /* @__PURE__ */ React15.createElement(List2.Root, {
-      items: view.fields,
+      items: view.projection.fields,
       isItem: Schema2.is(FieldSchema),
       getId: (field2) => field2.id,
       readonly,
@@ -2317,10 +2312,10 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly: _readonly, sho
       "data-testid": "hide-field-button",
       icon: "ph--eye-slash--regular",
       // TDOO(burdon): Is this the correct test?
-      disabled: view.fields.length <= 1,
+      disabled: view.projection.fields.length <= 1,
       onClick: () => handleHide(field2.id)
     }), !readonly && /* @__PURE__ */ React15.createElement(List2.ItemDeleteButton, {
-      disabled: view.fields.length <= 1,
+      disabled: view.projection.fields.length <= 1,
       onClick: () => handleDelete(field2.id)
     })))))), hiddenProperties.length > 0 && /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("label", {
       className: mx9(inputTextLabel)
@@ -2343,7 +2338,6 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly: _readonly, sho
       "data-testid": "show-field-button"
     }))))))), field && /* @__PURE__ */ React15.createElement(FieldEditor, {
       key: field.id,
-      view,
       projection,
       field,
       registry,
@@ -2356,7 +2350,7 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly: _readonly, sho
       label: t("button add property"),
       onClick: readonly ? void 0 : handleAdd,
       // TODO(burdon): Show field limit in ux (not tooltip).
-      disabled: view.fields.length >= VIEW_FIELD_LIMIT,
+      disabled: view.projection.fields.length >= VIEW_FIELD_LIMIT,
       classNames: "flex is-full"
     })));
   } finally {
@@ -2396,7 +2390,7 @@ export {
   getRefProps,
   parseValue,
   pathNotUniqueError,
-  translations_default as translations,
+  translations,
   useForm,
   useFormContext,
   useFormValues,