@dxos/react-ui-editor 0.8.4-main.21d9917 → 0.8.4-main.2244d791bb

package/dist/lib/browser/index.mjs

@@ -733,8 +733,8 @@ var EditorMenuProvider = ({ children, view, groups, currentItem, open: openProp,
       return;
     }
     return addEventListener(root, DX_ANCHOR_ACTIVATE, (event) => {
-      const { trigger, refId } = event;
-      if (!refId) {
+      const { trigger, dxn } = event;
+      if (!dxn) {
         triggerRef.current = trigger;
         if (onActivate) {
           onActivate({
@@ -756,7 +756,7 @@ var EditorMenuProvider = ({ children, view, groups, currentItem, open: openProp,
   const handleSelect = useCallback2((item) => {
     invariant(viewRef.current, void 0, {
       F: __dxlog_file2,
-      L: 102,
+      L: 100,
       S: void 0,
       A: [
         "viewRef.current",
@@ -780,7 +780,7 @@ var EditorMenuProvider = ({ children, view, groups, currentItem, open: openProp,
     virtualRef: triggerRef
   }), /* @__PURE__ */ React2.createElement(Popover.Portal, null, /* @__PURE__ */ React2.createElement(Popover.Content, {
     align: "start",
-    classNames: tx("menu.content", "menu--exotic-unfocusable", {
+    classNames: tx("menu.content", {
       elevation: "positioned"
     }, [
       "overflow-y-auto",
@@ -799,7 +799,7 @@ var EditorMenuProvider = ({ children, view, groups, currentItem, open: openProp,
     },
     onOpenAutoFocus: (event) => event.preventDefault()
   }, /* @__PURE__ */ React2.createElement(Popover.Viewport, {
-    classNames: tx("menu.viewport", "menu__viewport--exotic-unfocusable", {})
+    classNames: tx("menu.viewport", {})
   }, /* @__PURE__ */ React2.createElement(Menu, {
     groups: menuGroups,
     currentItem,
@@ -819,14 +819,14 @@ var Menu = ({ groups, currentItem, onSelect }) => {
     currentItem,
     onSelect
   }), index < groups.length - 1 && /* @__PURE__ */ React2.createElement("div", {
-    className: tx("menu.separator", "menu__item", {})
+    className: tx("menu.separator", {})
   }))));
 };
 var MenuGroup = ({ group, currentItem, onSelect }) => {
   const { tx } = useThemeContext();
   const { t } = useTranslation();
   return /* @__PURE__ */ React2.createElement(React2.Fragment, null, group.label && /* @__PURE__ */ React2.createElement("div", {
-    className: tx("menu.groupLabel", "menu__group__label", {})
+    className: tx("menu.groupLabel", {})
   }, /* @__PURE__ */ React2.createElement("span", null, toLocalizedString(group.label, t))), group.items.map((item) => /* @__PURE__ */ React2.createElement(MenuItem, {
     key: item.id,
     item,
@@ -854,7 +854,7 @@ var MenuItem = ({ item, current, onSelect }) => {
   ]);
   return /* @__PURE__ */ React2.createElement("li", {
     ref: listRef,
-    className: tx("menu.item", "menu__item--exotic-unfocusable", {}, [
+    className: tx("menu.item", {}, [
       current && "bg-hoverSurface"
     ]),
     onClick: handleSelect
@@ -1463,15 +1463,17 @@ var EditorRoot = /* @__PURE__ */ forwardRef2(({ children, extensions: extensions
   }, children));
 });
 EditorRoot.displayName = "Editor.Root";
+var EDITOR_VIEWPORT_NAME = "Editor.Viewport";
 var EditorViewport = ({ classNames, children }) => {
   return /* @__PURE__ */ React4.createElement("div", {
     role: "none",
     className: mx2("grid grid-rows-[min-content_1fr] bs-full overflow-hidden", classNames)
   }, children);
 };
-EditorViewport.displayName = "Editor.Viewport";
+EditorViewport.displayName = EDITOR_VIEWPORT_NAME;
+var EDITOR_CONTENT_NAME = "Editor.Content";
 var EditorContent2 = ({ extensions: providedExtensions, ...props }) => {
-  const { extensions: additionalExtensions = [], setController } = useEditorContext(EditorContent2.displayName);
+  const { extensions: additionalExtensions = [], setController } = useEditorContext(EDITOR_CONTENT_NAME);
   const extensions = useMemo5(() => [
     additionalExtensions,
     providedExtensions
@@ -1485,13 +1487,14 @@ var EditorContent2 = ({ extensions: providedExtensions, ...props }) => {
     ref: setController
   });
 };
-EditorContent2.displayName = "Editor.Content";
+EditorContent2.displayName = EDITOR_CONTENT_NAME;
+var EDITOR_TOOLBAR_NAME = "Editor.Toolbar";
 var EditorToolbar2 = (props) => {
-  const { controller, state } = useEditorContext(EditorToolbar2.displayName);
+  const { controller, state } = useEditorContext(EDITOR_TOOLBAR_NAME);
   const getView = useCallback4(() => {
     invariant3(controller?.view, void 0, {
       F: __dxlog_file4,
-      L: 140,
+      L: 146,
       S: void 0,
       A: [
         "controller?.view",
@@ -1508,7 +1511,7 @@ var EditorToolbar2 = (props) => {
     state
   });
 };
-EditorToolbar2.displayName = "Editor.Toolbar";
+EditorToolbar2.displayName = EDITOR_TOOLBAR_NAME;
 var Editor = {
   Root: EditorRoot,
   Viewport: EditorViewport,
@@ -1527,20 +1530,20 @@ var EditorPreviewProvider = ({ children, onLookup }) => {
   const [value, setValue] = useState5({});
   const [open, setOpen] = useState5(false);
   const handleActivate = useCallback5((event) => {
-    const { refId, label, trigger: dxTrigger } = event;
+    const { dxn, label, trigger } = event;
     setValue((value2) => ({
       ...value2,
       link: {
         label,
-        ref: refId
+        dxn
       },
       pending: true
     }));
-    triggerRef.current = dxTrigger;
+    triggerRef.current = trigger;
     queueMicrotask(() => setOpen(true));
     void onLookup?.({
       label,
-      ref: refId
+      dxn
     }).then((target) => setValue((value2) => ({
       ...value2,
       target: target ?? void 0,
@@ -1572,9 +1575,9 @@ var EditorPreviewProvider = ({ children, onLookup }) => {
   }, /* @__PURE__ */ React5.createElement(Popover2.VirtualTrigger, {
     virtualRef: triggerRef
   }), /* @__PURE__ */ React5.createElement("div", {
-    ref: setRoot,
     role: "none",
-    className: "contents"
+    className: "contents",
+    ref: setRoot
   }, children)));
 };
 export {