@dxos/react-ui-editor 0.8.0 → 0.8.1-main.013e445

package/dist/lib/browser/index.mjs

@@ -313,7 +313,7 @@ var createViewMode = (state) => {
 
 // packages/ui/react-ui-editor/src/styles/stack-item-content-class-names.ts
 import { mx } from "@dxos/react-ui-theme";
-var stackItemContentEditorClassNames = (role) => mx("dx-focus-ring-inset data-[toolbar=disabled]:pbs-2 attention-surface", role === "article" ? "min-bs-0" : "[&_.cm-scroller]:overflow-hidden [&_.cm-scroller]:min-bs-24");
+var stackItemContentEditorClassNames = (role) => mx("dx-focus-ring-inset data-[toolbar=disabled]:pbs-2 attention-surface", role === "section" ? "[&_.cm-scroller]:overflow-hidden [&_.cm-scroller]:min-bs-24" : "min-bs-0");
 var stackItemContentToolbarClassNames = (role) => mx("attention-surface is-full border-be !border-separator", role === "section" && "sticky block-start-0 z-[1] -mbe-px min-is-0");
 
 // packages/ui/react-ui-editor/src/components/EditorToolbar/EditorToolbar.tsx
@@ -520,6 +520,7 @@ var defaultTheme = {
   ".cm-link": {
     textDecorationLine: "underline",
     textDecorationThickness: "1px",
+    textDecorationColor: "var(--dx-separator)",
     textUnderlineOffset: "2px",
     borderRadius: ".125rem"
   },
@@ -632,13 +633,13 @@ var defaultTheme = {
 
 // packages/ui/react-ui-editor/src/defaults.ts
 var margin = "!mt-[1rem]";
-var editorContent = mx3(margin, "!mli-auto w-full max-w-[min(50rem,100%-2rem)]");
+var editorContent = mx3(margin, "!mli-auto w-full max-w-[min(50rem,100%-4rem)]");
 var editorFullWidth = mx3(margin);
-var editorWithToolbarLayout = "grid grid-cols-1 grid-rows-[min-content_1fr] data-[toolbar=disabled]:grid-rows-[1fr] justify-center content-start overflow-hidden";
 var editorGutter = EditorView.theme({
   // Match margin from content.
+  // Gutter = 2rem + 1rem margin.
   ".cm-gutters": {
-    marginTop: "16px",
+    marginTop: "1rem",
     paddingRight: "1rem"
   }
 });
@@ -647,6 +648,7 @@ var editorMonospace = EditorView.theme({
     fontFamily: fontMono
   }
 });
+var editorWithToolbarLayout = "grid grid-cols-1 grid-rows-[min-content_1fr] data-[toolbar=disabled]:grid-rows-[1fr] justify-center content-start overflow-hidden";
 
 // packages/ui/react-ui-editor/src/extensions/annotations.ts
 import { StateField } from "@codemirror/state";
@@ -746,7 +748,7 @@ var logChanges = (trs) => {
     return changes2;
   }).filter(Boolean);
   if (changes.length) {
-    log.info("changes", {
+    log("changes", {
       changes
     }, {
       F: __dxlog_file,
@@ -2725,7 +2727,7 @@ var createBasicExtensions = (_props) => {
     EditorView12.exceptionSink.of((err) => {
       log5.catch(err, void 0, {
         F: __dxlog_file8,
-        L: 96,
+        L: 97,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -4929,7 +4931,10 @@ var buildDecorations2 = (view, options, focus2) => {
         const level = parseInt(node.name["ATXHeading".length]);
         const headers = getHeaderLevels(node, level);
         if (options.numberedHeadings?.from !== void 0) {
-          headers[level - 1].number++;
+          const header = headers[level - 1];
+          if (header) {
+            header.number++;
+          }
         }
         const editing = editingRange(state, node, focus2);
         if (editing) {
@@ -5494,7 +5499,7 @@ var useTextEditor = (props = {}, deps = []) => {
     autoFocus,
     view
   ]);
-  const focusableGroup = useFocusableGroup({
+  const focusableGroupAttrs = useFocusableGroup({
     tabBehavior: "limited",
     ignoreDefaultKeydown: {
       Escape: view?.state.facet(editorInputMode).noTabster
@@ -5513,15 +5518,14 @@ var useTextEditor = (props = {}, deps = []) => {
   }, [
     view
   ]);
-  const focusAttributes = {
-    tabIndex: 0,
-    ...focusableGroup,
-    onKeyUp: handleKeyUp
-  };
   return {
     parentRef,
     view,
-    focusAttributes
+    focusAttributes: {
+      tabIndex: 0,
+      ...focusableGroupAttrs,
+      onKeyUp: handleKeyUp
+    }
   };
 };
 export {