@dxos/react-ui-form 0.8.4-main.c85a9c8dae → 0.8.4-main.d05673bc65

package/dist/lib/browser/index.mjs

@@ -1440,6 +1440,7 @@ import { findAnnotation } from "@dxos/effect";
 import { DXN } from "@dxos/keys";
 import { DxAnchor } from "@dxos/lit-ui/react";
 import { Button, Icon as Icon2, Input as Input6, useTranslation as useTranslation6 } from "@dxos/react-ui";
+import { ParentLabelAnnotationId } from "@dxos/schema";
 import { mx as mx3 } from "@dxos/ui-theme";
 
 // src/components/ObjectPicker/ObjectPicker.tsx
@@ -1538,9 +1539,10 @@ var ObjectPicker = {
 var isRefSnapshot = (val) => {
   return typeof val === "object" && typeof val?.["/"] === "string";
 };
-var defaultGetOptions = (results) => results.map((result) => {
+var defaultGetOptions = (results, { parentLabel } = {}) => results.map((result) => {
   const id = Entity.getDXN(result).toString();
-  const label = Entity.getLabel(result);
+  const parent = parentLabel ? Obj.getParent(result) : void 0;
+  const label = parent ? Entity.getLabel(parent) : Entity.getLabel(result);
   return {
     id,
     label: label ?? id
@@ -1555,9 +1557,15 @@ var RefField = (props) => {
     type
   ]);
   const results = useResults(db, typename);
-  const options = useMemo6(() => getOptions2(results), [
+  const options = useMemo6(() => {
+    const parentLabel = type ? findAnnotation(type, ParentLabelAnnotationId) === true : false;
+    return getOptions2(results, {
+      parentLabel
+    });
+  }, [
     results,
-    getOptions2
+    getOptions2,
+    type
   ]);
   const handleGetValue = useCallback9(() => {
     const formValue = getValue();
@@ -2278,7 +2286,7 @@ import { useObject, useQuery as useQuery2 } from "@dxos/react-client/echo";
 import { IconButton as IconButton4, Input as Input13, Message, useTranslation as useTranslation10 } from "@dxos/react-ui";
 import { QueryForm } from "@dxos/react-ui-components";
 import { List as List2 } from "@dxos/react-ui-list";
-import { ProjectionModel, VIEW_FIELD_LIMIT, createEchoChangeCallback, getTypenameFromQuery } from "@dxos/schema";
+import { ParentLabelAnnotation, ProjectionModel, VIEW_FIELD_LIMIT, createEchoChangeCallback, getTypenameFromQuery } from "@dxos/schema";
 import { mx as mx6, osTranslations as osTranslations2, subtleHover as subtleHover2 } from "@dxos/ui-theme";
 var __dxlog_file3 = "/__w/dxos/dxos/packages/ui/react-ui-form/src/components/ViewEditor/ViewEditor.tsx";
 var ViewEditor = /* @__PURE__ */ forwardRef3(({ classNames, schema, view, mode = "schema", registry, db, readonly, showHeading = false, types, tags, onQueryChanged, onDelete }, forwardedRef) => {
@@ -2333,9 +2341,10 @@ var ViewEditor = /* @__PURE__ */ forwardRef3(({ classNames, schema, view, mode =
     if (mode === "tag") {
       return Schema3.Struct({
         ...base.fields,
-        target: Schema3.optional(Ref3.Ref(Feed.Feed).annotations({
+        // TODO(wittjosiah): Replace Type.Feed with Dataset.Dataset when Ref.Ref supports unions.
+        target: Ref3.Ref(Feed.Feed).pipe(Schema3.annotations({
           title: "Target Feed"
-        }))
+        }), ParentLabelAnnotation.set(true), Schema3.optional)
       }).pipe(Schema3.mutable);
     }
     return base.pipe(Schema3.mutable);
@@ -2378,7 +2387,7 @@ var ViewEditor = /* @__PURE__ */ forwardRef3(({ classNames, schema, view, mode =
   const handleDelete = useCallback15((fieldId) => {
     invariant(!readonly, void 0, {
       F: __dxlog_file3,
-      L: 174,
+      L: 185,
       S: void 0,
       A: [
         "!readonly",
@@ -2438,7 +2447,7 @@ var FieldList = ({ schema, view, registry, readonly, showHeading = false, onDele
   const handleAdd = useCallback15(() => {
     invariant(!readonly, void 0, {
       F: __dxlog_file3,
-      L: 239,
+      L: 250,
       S: void 0,
       A: [
         "!readonly",
@@ -2459,7 +2468,7 @@ var FieldList = ({ schema, view, registry, readonly, showHeading = false, onDele
   const handleDelete = useCallback15((fieldId) => {
     invariant(!readonly, void 0, {
       F: __dxlog_file3,
-      L: 253,
+      L: 264,
       S: void 0,
       A: [
         "!readonly",
@@ -2478,7 +2487,7 @@ var FieldList = ({ schema, view, registry, readonly, showHeading = false, onDele
   const handleMove = useCallback15((fromIndex, toIndex) => {
     invariant(!readonly, void 0, {
       F: __dxlog_file3,
-      L: 265,
+      L: 276,
       S: void 0,
       A: [
         "!readonly",
@@ -2539,7 +2548,7 @@ var FieldList = ({ schema, view, registry, readonly, showHeading = false, onDele
     }), /* @__PURE__ */ React19.createElement(List2.ItemTitle, {
       classNames: hidden && "text-subdued",
       onClick: () => handleToggleField(field)
-    }, field.path), /* @__PURE__ */ React19.createElement(List2.ItemButton, {
+    }, field.path), /* @__PURE__ */ React19.createElement(List2.ItemIconButton, {
       label: t(hidden ? "show field label" : "hide field label"),
       "data-testid": hidden ? "show-field-button" : "hide-field-button",
       icon: hidden ? "ph--eye-closed--regular" : "ph--eye--regular",
@@ -2552,7 +2561,7 @@ var FieldList = ({ schema, view, registry, readonly, showHeading = false, onDele
       disabled: readonly || schemaReadonly || viewSnapshot.projection.fields.length <= 1,
       onClick: () => handleDelete(field.id),
       "data-testid": "field.delete"
-    }), /* @__PURE__ */ React19.createElement(IconButton4, {
+    }), /* @__PURE__ */ React19.createElement(List2.ItemIconButton, {
       iconOnly: true,
       variant: "ghost",
       label: t("toggle expand label", {