@dxos/react-ui-editor 0.6.14-staging.e15392e → 0.7.0

package/dist/lib/browser/index.mjs

@@ -2246,7 +2246,7 @@ var defaultTheme = {
     marginLeft: "-3px"
   },
   ".cm-tooltip.cm-tooltip-autocomplete > ul": {
-    maxHeight: "20em !important"
+    maxHeight: "20em"
   },
   ".cm-tooltip.cm-tooltip-autocomplete > ul > li": {},
   ".cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected]": {},
@@ -2492,7 +2492,7 @@ var listener = ({ onFocus, onChange }) => {
     return null;
   }));
   onChange && extensions.push(EditorView13.updateListener.of((update2) => {
-    onChange(update2.state.doc.toString());
+    onChange(update2.state.doc.toString(), update2.state.facet(documentId));
   }));
   return extensions;
 };
@@ -4882,7 +4882,6 @@ var mention = ({ onSearch }) => {
 import { keymap as keymap9 } from "@codemirror/view";
 import { vim } from "@replit/codemirror-vim";
 import { vscodeKeymap } from "@replit/codemirror-vscode-keymap";
-var focusEvent = "focus.container";
 var EditorViewModes = [
   "preview",
   "readonly",
@@ -4914,9 +4913,7 @@ var InputModeExtensions = {
       {
         key: "Alt-Escape",
         run: (view) => {
-          view.dispatch({
-            userEvent: focusEvent
-          });
+          view.dom.parentElement?.focus();
           return true;
         }
       }
@@ -4983,7 +4980,7 @@ var typewriter = ({ delay = 75, items = defaultItems } = {}) => {
 
 // packages/ui/react-ui-editor/src/components/Toolbar/Toolbar.tsx
 var iconStyles = getSize(5);
-var buttonStyles = "min-bs-0 p-2";
+var buttonStyles = "min-bs-0 p-1";
 var tooltipProps = {
   side: "top",
   classNames: "z-10"
@@ -5478,9 +5475,6 @@ var useTextEditor = (props = {}, deps = []) => {
   }, deps);
   useEffect3(() => {
     if (view) {
-      if (view.state.facet(editorInputMode).noTabster) {
-        parentRef.current?.removeAttribute("data-tabster");
-      }
       if (scrollTo || selection) {
         if (selection && selection.anchor > view.state.doc.length) {
           log7.warn("invalid selection", {
@@ -5489,7 +5483,7 @@ var useTextEditor = (props = {}, deps = []) => {
             selection
           }, {
             F: __dxlog_file11,
-            L: 148,
+            L: 143,
             S: void 0,
             C: (f, a) => f(...a)
           });
@@ -5515,7 +5509,10 @@ var useTextEditor = (props = {}, deps = []) => {
     view
   ]);
   const focusableGroup = useFocusableGroup({
-    tabBehavior: "limited"
+    tabBehavior: "limited",
+    ignoreDefaultKeydown: {
+      Escape: view?.state.facet(editorInputMode).noTabster
+    }
   });
   const handleKeyUp = useCallback((event) => {
     const { key, target, currentTarget } = event;
@@ -5593,7 +5590,6 @@ export {
   editorWithToolbarLayout,
   flattenRect,
   focus,
-  focusEvent,
   focusField,
   folding,
   formattingEquals,