@dxos/react-ui-table 0.8.2 → 0.8.3-main.7f5a14c

package/dist/lib/browser/index.mjs

@@ -91,7 +91,7 @@ var ColumnActionsMenu = ({ model, modals }) => {
 // packages/ui/react-ui-table/src/components/Table/ColumnSettings.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
 import React2, { useCallback, useEffect, useMemo, useState } from "react";
-import { DropdownMenu as DropdownMenu2 } from "@dxos/react-ui";
+import { Popover } from "@dxos/react-ui";
 import { FieldEditor } from "@dxos/react-ui-form";
 var ColumnSettings = ({ model, modals, onNewColumn }) => {
   var _effect = _useSignals2();
@@ -142,21 +142,21 @@ var ColumnSettings = ({ model, modals, onNewColumn }) => {
     if (!model?.view || !model.projection || !field) {
       return null;
     }
-    return /* @__PURE__ */ React2.createElement(DropdownMenu2.Root, {
+    return /* @__PURE__ */ React2.createElement(Popover.Root, {
       modal: false,
       open: state?.type === "columnSettings"
-    }, /* @__PURE__ */ React2.createElement(DropdownMenu2.VirtualTrigger, {
+    }, /* @__PURE__ */ React2.createElement(Popover.VirtualTrigger, {
       virtualRef: modals.trigger
-    }), /* @__PURE__ */ React2.createElement(DropdownMenu2.Portal, null, /* @__PURE__ */ React2.createElement(DropdownMenu2.Content, {
+    }), /* @__PURE__ */ React2.createElement(Popover.Portal, null, /* @__PURE__ */ React2.createElement(Popover.Content, {
       classNames: "md:is-64"
-    }, /* @__PURE__ */ React2.createElement(DropdownMenu2.Viewport, null, /* @__PURE__ */ React2.createElement(FieldEditor, {
+    }, /* @__PURE__ */ React2.createElement(Popover.Viewport, null, /* @__PURE__ */ React2.createElement(FieldEditor, {
       view: model.view,
       projection: model.projection,
       field,
       registry: space?.db.schemaRegistry,
       onSave: handleSave,
       onCancel: handleCancel
-    })), /* @__PURE__ */ React2.createElement(DropdownMenu2.Arrow, null))));
+    })), /* @__PURE__ */ React2.createElement(Popover.Arrow, null))));
   } finally {
     _effect.f();
   }
@@ -167,7 +167,7 @@ import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking"
 import { Schema } from "effect";
 import React3, { useCallback as useCallback2, useMemo as useMemo2 } from "react";
 import { live } from "@dxos/react-client/echo";
-import { Popover } from "@dxos/react-ui";
+import { Popover as Popover2 } from "@dxos/react-ui";
 import { Form } from "@dxos/react-ui-form";
 import { useGridContext } from "@dxos/react-ui-grid";
 var CreateRefPanel = ({ model, modals, __gridScope }) => {
@@ -218,7 +218,7 @@ var CreateRefPanel = ({ model, modals, __gridScope }) => {
     if (!model?.view || !model.projection) {
       return null;
     }
-    return /* @__PURE__ */ React3.createElement(Popover.Root, {
+    return /* @__PURE__ */ React3.createElement(Popover2.Root, {
       modal: false,
       open: state?.type === "createRefPanel" && !!schema,
       onOpenChange: (nextOpen) => {
@@ -226,17 +226,17 @@ var CreateRefPanel = ({ model, modals, __gridScope }) => {
           return modals.close();
         }
       }
-    }, /* @__PURE__ */ React3.createElement(Popover.VirtualTrigger, {
+    }, /* @__PURE__ */ React3.createElement(Popover2.VirtualTrigger, {
       virtualRef: modals.trigger
-    }), /* @__PURE__ */ React3.createElement(Popover.Portal, null, /* @__PURE__ */ React3.createElement(Popover.Content, {
+    }), /* @__PURE__ */ React3.createElement(Popover2.Portal, null, /* @__PURE__ */ React3.createElement(Popover2.Content, {
       classNames: "md:is-64",
       "data-grid": gridId
-    }, state?.type === "createRefPanel" && schema && /* @__PURE__ */ React3.createElement(Form, {
+    }, /* @__PURE__ */ React3.createElement(Popover2.Viewport, null, state?.type === "createRefPanel" && schema && /* @__PURE__ */ React3.createElement(Form, {
       schema,
       values: state.initialValues ?? {},
       onSave: handleSave,
       onCancel: handleCancel
-    }), /* @__PURE__ */ React3.createElement(Popover.Arrow, null))));
+    })), /* @__PURE__ */ React3.createElement(Popover2.Arrow, null))));
   } finally {
     _effect.f();
   }
@@ -245,7 +245,7 @@ var CreateRefPanel = ({ model, modals, __gridScope }) => {
 // packages/ui/react-ui-table/src/components/Table/RowActionsMenu.tsx
 import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
 import React4 from "react";
-import { DropdownMenu as DropdownMenu3, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { DropdownMenu as DropdownMenu2, useTranslation as useTranslation2 } from "@dxos/react-ui";
 var RowActionsMenu = ({ model, modals }) => {
   var _effect = _useSignals4();
   try {
@@ -255,23 +255,23 @@ var RowActionsMenu = ({ model, modals }) => {
     if (state?.type !== "row") {
       return null;
     }
-    return /* @__PURE__ */ React4.createElement(DropdownMenu3.Root, {
+    return /* @__PURE__ */ React4.createElement(DropdownMenu2.Root, {
       modal: false,
       open: true,
       onOpenChange: modals.close
-    }, /* @__PURE__ */ React4.createElement(DropdownMenu3.VirtualTrigger, {
+    }, /* @__PURE__ */ React4.createElement(DropdownMenu2.VirtualTrigger, {
       virtualRef: modals.trigger
-    }), /* @__PURE__ */ React4.createElement(DropdownMenu3.Content, null, /* @__PURE__ */ React4.createElement(DropdownMenu3.Viewport, null, model.features.dataEditable !== false && /* @__PURE__ */ React4.createElement(DropdownMenu3.Item, {
+    }), /* @__PURE__ */ React4.createElement(DropdownMenu2.Content, null, /* @__PURE__ */ React4.createElement(DropdownMenu2.Viewport, null, model.features.dataEditable !== false && /* @__PURE__ */ React4.createElement(DropdownMenu2.Item, {
       "data-testid": "row-menu-delete",
       onClick: () => model.deleteRow(state.rowIndex)
-    }, t(hasSelection ? "bulk delete row label" : "delete row label")), model.rowActions?.map((action) => /* @__PURE__ */ React4.createElement(DropdownMenu3.Item, {
+    }, t(hasSelection ? "bulk delete row label" : "delete row label")), model.rowActions?.map((action) => /* @__PURE__ */ React4.createElement(DropdownMenu2.Item, {
       key: action.id,
       "data-testid": `row-action-${action.id}`,
       onClick: () => {
         modals.close();
         model.handleRowAction(action.id, state.rowIndex);
       }
-    }, t(action.translationKey)))), /* @__PURE__ */ React4.createElement(DropdownMenu3.Arrow, null)));
+    }, t(action.translationKey)))), /* @__PURE__ */ React4.createElement(DropdownMenu2.Arrow, null)));
   } finally {
     _effect.f();
   }
@@ -1305,7 +1305,7 @@ var ModalController = class {
 // packages/ui/react-ui-table/src/model/table-presentation.ts
 import { signal as signal5 } from "@preact/signals-core";
 import { isNotNullable } from "effect/Predicate";
-import { FormatEnum as FormatEnum4, getDXN, getValue as getValue3, TypeEnum as TypeEnum3 } from "@dxos/echo-schema";
+import { FormatEnum as FormatEnum4, getObjectDXN, getValue as getValue3, TypeEnum as TypeEnum3 } from "@dxos/echo-schema";
 import { cellClassesForFieldType, formatForDisplay as formatForDisplay2 } from "@dxos/react-ui-form";
 import { toPlaneCellIndex } from "@dxos/react-ui-grid";
 import { mx } from "@dxos/react-ui-theme";
@@ -1437,7 +1437,7 @@ var TablePresentation = class {
       if (props.format === FormatEnum4.Ref && props.referenceSchema) {
         const targetObj = getValue3(obj, field.path)?.target;
         if (targetObj) {
-          const dxn = getDXN(targetObj)?.toString();
+          const dxn = getObjectDXN(targetObj)?.toString();
           cell.accessoryHtml = `<dx-ref-tag refId=${dxn} class="dx-button block is-6 pli-[3px] plb-[3px] pbe-[2px] min-bs-0 absolute inline-end-1"><dx-icon icon="ph--link-simple--regular"/></dx-ref-tag>`;
         }
       }
@@ -1644,7 +1644,7 @@ import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking"
 import React5, { useCallback as useCallback3, useEffect as useEffect2, useMemo as useMemo3, useRef } from "react";
 import { getSnapshot } from "@dxos/echo-schema";
 import { invariant as invariant2 } from "@dxos/invariant";
-import { Popover as Popover2 } from "@dxos/react-ui";
+import { Popover as Popover3 } from "@dxos/react-ui";
 import { Form as Form2 } from "@dxos/react-ui-form";
 import { parseCellIndex, useGridContext as useGridContext2 } from "@dxos/react-ui-grid";
 import { getDeep, setDeep } from "@dxos/util";
@@ -1722,19 +1722,19 @@ var FormCellEditor = ({ fieldProjection, model, schema, __gridScope }) => {
     if (!editing) {
       return null;
     }
-    return /* @__PURE__ */ React5.createElement(Popover2.Root, {
+    return /* @__PURE__ */ React5.createElement(Popover3.Root, {
       open: editing !== null,
       onOpenChange: handleOpenChange
-    }, /* @__PURE__ */ React5.createElement(Popover2.VirtualTrigger, {
+    }, /* @__PURE__ */ React5.createElement(Popover3.VirtualTrigger, {
       virtualRef: cellRef
-    }), /* @__PURE__ */ React5.createElement(Popover2.Content, {
+    }), /* @__PURE__ */ React5.createElement(Popover3.Content, {
       tabIndex: -1,
       classNames: "popover-card-width"
-    }, /* @__PURE__ */ React5.createElement(Popover2.Arrow, null), /* @__PURE__ */ React5.createElement(Form2, {
+    }, /* @__PURE__ */ React5.createElement(Popover3.Arrow, null), /* @__PURE__ */ React5.createElement(Popover3.Viewport, null, /* @__PURE__ */ React5.createElement(Form2, {
       values: formValues,
       schema: narrowedSchema,
       onSave: handleSave
-    })));
+    }))));
   } finally {
     _effect.f();
   }