@dxos/react-ui-editor 0.5.0 → 0.5.1-main.0ec204c

package/dist/lib/browser/index.mjs

@@ -4545,7 +4545,7 @@ var ToolbarRoot = ({ children, onAction, classNames, state: state2 }) => {
     elevation: "chrome"
   }, /* @__PURE__ */ React2.createElement(NaturalToolbar.Root, {
     classNames: [
-      "is-full shrink-0 overflow-x-auto p-1",
+      "is-full shrink-0 overflow-x-auto overflow-y-hidden p-1",
       classNames
     ]
   }, children))));
@@ -4831,7 +4831,8 @@ var useActionHandler = (view) => {
 // packages/ui/react-ui-editor/src/hooks/useTextEditor.ts
 import { EditorSelection as EditorSelection2, EditorState as EditorState3 } from "@codemirror/state";
 import { EditorView as EditorView17 } from "@codemirror/view";
-import { useEffect as useEffect4, useMemo as useMemo2, useRef as useRef3, useState as useState4 } from "react";
+import { useFocusableGroup as useFocusableGroup2 } from "@fluentui/react-tabster";
+import { useCallback as useCallback2, useEffect as useEffect4, useMemo as useMemo2, useRef as useRef3, useState as useState4 } from "react";
 import { log as log8 } from "@dxos/log";
 import { isNotFalsy as isNotFalsy5 } from "@dxos/util";
 var __dxlog_file11 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-editor/src/hooks/useTextEditor.ts";
@@ -4847,7 +4848,7 @@ var useTextEditor = (cb = () => ({}), deps = []) => {
         id
       }, {
         F: __dxlog_file11,
-        L: 36,
+        L: 50,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -4859,7 +4860,7 @@ var useTextEditor = (cb = () => ({}), deps = []) => {
           EditorView17.exceptionSink.of((err) => {
             log8.catch(err, void 0, {
               F: __dxlog_file11,
-              L: 46,
+              L: 60,
               S: void 0,
               C: (f, a) => f(...a)
             });
@@ -4890,7 +4891,7 @@ var useTextEditor = (cb = () => ({}), deps = []) => {
         id
       }, {
         F: __dxlog_file11,
-        L: 74,
+        L: 88,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -4924,9 +4925,31 @@ var useTextEditor = (cb = () => ({}), deps = []) => {
     selection,
     scrollTo
   ]);
+  const focusableGroup = useFocusableGroup2({
+    tabBehavior: "limited"
+  });
+  const handleKeyUp = useCallback2((event) => {
+    const { key, target, currentTarget } = event;
+    if (target === currentTarget) {
+      switch (key) {
+        case "Enter": {
+          view?.focus();
+          break;
+        }
+      }
+    }
+  }, [
+    view
+  ]);
+  const focusAttributes = {
+    tabIndex: 0,
+    ...focusableGroup,
+    onKeyUp: handleKeyUp
+  };
   return {
     parentRef,
-    view
+    view,
+    focusAttributes
   };
 };
 export {