@dxos/react-ui-editor 0.3.11-main.3f845e1 → 0.3.11-main.668f0ff

package/dist/lib/browser/index.mjs

@@ -1099,7 +1099,7 @@ var BookmarkWidget = class extends WidgetType {
     this._handleClick = _handleClick;
     invariant3(this._id, void 0, {
       F: __dxlog_file5,
-      L: 150,
+      L: 151,
       S: this,
       A: [
         "this._id",
@@ -1125,7 +1125,7 @@ var comments = (options = {}) => {
   const createCommentThread = (view) => {
     invariant3(options.onCreate, void 0, {
       F: __dxlog_file5,
-      L: 204,
+      L: 205,
       S: void 0,
       A: [
         "options.onCreate",
@@ -1207,7 +1207,7 @@ var comments = (options = {}) => {
     options.onCreate ? keymap3.of([
       {
         key: options?.key ?? "meta-'",
-        run: createCommentThread
+        run: callbackWrapper(createCommentThread)
       }
     ]) : [],
     //
@@ -1251,7 +1251,7 @@ var comments = (options = {}) => {
         changes.iterChanges((from, to, from2, to2) => {
           invariant3(model, void 0, {
             F: __dxlog_file5,
-            L: 333,
+            L: 334,
             S: void 0,
             A: [
               "model",
@@ -1266,7 +1266,7 @@ var comments = (options = {}) => {
                   thread: range.id
                 }, {
                   F: __dxlog_file5,
-                  L: 339,
+                  L: 340,
                   S: void 0,
                   C: (f, a) => f(...a)
                 });
@@ -1508,17 +1508,23 @@ var update2 = (state, options) => {
 
 // packages/ui/react-ui-editor/src/components/TextEditor/extensions/listener.ts
 import { StateField as StateField6 } from "@codemirror/state";
-var listener = ({ onChange }) => {
-  return StateField6.define({
+import { EditorView as EditorView8 } from "@codemirror/view";
+import { nonNullable as nonNullable2 } from "@dxos/util";
+var listener = ({ onFocus, onChange }) => [
+  onFocus ? EditorView8.focusChangeEffect.of((view, focused) => {
+    onFocus(focused);
+    return null;
+  }) : void 0,
+  onChange ? StateField6.define({
     create: () => null,
     update: (_value, transaction) => {
-      if (transaction.docChanged && onChange) {
+      if (transaction.docChanged) {
         onChange(transaction.newDoc.toString());
       }
       return null;
     }
-  });
-};
+  }) : void 0
+].filter(nonNullable2);
 
 // packages/ui/react-ui-editor/src/components/TextEditor/extensions/markdown/bundle.ts
 import { closeBrackets as closeBrackets2, closeBracketsKeymap } from "@codemirror/autocomplete";
@@ -1529,7 +1535,7 @@ import { languages } from "@codemirror/language-data";
 import { searchKeymap } from "@codemirror/search";
 import { EditorState } from "@codemirror/state";
 import { oneDarkHighlightStyle as oneDarkHighlightStyle2 } from "@codemirror/theme-one-dark";
-import { crosshairCursor, drawSelection as drawSelection2, dropCursor, EditorView as EditorView8, highlightActiveLine, keymap as keymap4, placeholder as placeholder2 } from "@codemirror/view";
+import { crosshairCursor, drawSelection as drawSelection2, dropCursor, EditorView as EditorView9, highlightActiveLine, keymap as keymap4, placeholder as placeholder2 } from "@codemirror/view";
 
 // packages/ui/react-ui-editor/src/components/TextEditor/extensions/markdown/highlight.ts
 import { markdownLanguage } from "@codemirror/lang-markdown";
@@ -1732,7 +1738,7 @@ var markdownBundle = ({ readonly, themeMode, placeholder: _placeholder }) => {
   return [
     EditorState.allowMultipleSelections.of(true),
     EditorState.tabSize.of(2),
-    EditorView8.lineWrapping,
+    EditorView9.lineWrapping,
     customKeymap(),
     bracketMatching2(),
     closeBrackets2(),
@@ -1811,12 +1817,12 @@ var mermaid = () => {
 // packages/ui/react-ui-editor/src/components/TextEditor/extensions/table.ts
 import { syntaxTree as syntaxTree3 } from "@codemirror/language";
 import { RangeSetBuilder as RangeSetBuilder3, StateField as StateField7 } from "@codemirror/state";
-import { Decoration as Decoration6, EditorView as EditorView9, WidgetType as WidgetType5 } from "@codemirror/view";
+import { Decoration as Decoration6, EditorView as EditorView10, WidgetType as WidgetType5 } from "@codemirror/view";
 var table = (options = {}) => {
   return StateField7.define({
     create: (state) => update3(state, options),
     update: (_, tr) => update3(tr.state, options),
-    provide: (field) => EditorView9.decorations.from(field)
+    provide: (field) => EditorView10.decorations.from(field)
   });
 };
 var update3 = (state, options) => {
@@ -1905,8 +1911,8 @@ var TableWidget = class extends WidgetType5 {
 };
 
 // packages/ui/react-ui-editor/src/components/TextEditor/extensions/tasklist.ts
-import { EditorView as EditorView10, Decoration as Decoration7, WidgetType as WidgetType6, MatchDecorator as MatchDecorator3, ViewPlugin as ViewPlugin5 } from "@codemirror/view";
-var styles4 = EditorView10.baseTheme({
+import { EditorView as EditorView11, Decoration as Decoration7, WidgetType as WidgetType6, MatchDecorator as MatchDecorator3, ViewPlugin as ViewPlugin5 } from "@codemirror/view";
+var styles4 = EditorView11.baseTheme({
   "& .cm-task-item": {
     paddingLeft: "4px",
     paddingRight: "8px"
@@ -1979,7 +1985,7 @@ var tasklist = (options = {}) => {
     }
   }, {
     decorations: (value) => value.tasks,
-    provide: (plugin) => EditorView10.atomicRanges.of((view) => {
+    provide: (plugin) => EditorView11.atomicRanges.of((view) => {
       return view.plugin(plugin)?.tasks || Decoration7.none;
     })
   });
@@ -2364,7 +2370,7 @@ var codeTheme = {
 
 // packages/ui/react-ui-editor/src/components/TextEditor/TextEditor.tsx
 import { EditorState as EditorState2 } from "@codemirror/state";
-import { EditorView as EditorView11 } from "@codemirror/view";
+import { EditorView as EditorView12 } from "@codemirror/view";
 import { useFocusableGroup } from "@fluentui/react-tabster";
 import { vim } from "@replit/codemirror-vim";
 import defaultsDeep2 from "lodash.defaultsdeep";
@@ -2376,7 +2382,7 @@ var EditorModes = [
   "default",
   "vim"
 ];
-var BaseTextEditor = /* @__PURE__ */ forwardRef(({ model, comments: comments2, readonly, editorMode, extensions = [], slots = defaultSlots }, forwardedRef) => {
+var BaseTextEditor = /* @__PURE__ */ forwardRef(({ model, readonly, comments: comments2, extensions = [], editorMode, slots = defaultSlots }, forwardedRef) => {
   const { themeMode } = useThemeContext();
   const tabsterDOMAttribute = useFocusableGroup({
     tabBehavior: "limited"
@@ -2438,9 +2444,9 @@ var BaseTextEditor = /* @__PURE__ */ forwardRef(({ model, comments: comments2, r
         editorMode === "vim" && vim(),
         // Theme.
         // TODO(burdon): Make theme configurable.
-        EditorView11.baseTheme(defaultTheme),
-        EditorView11.theme(slots?.editor?.theme ?? {}),
-        EditorView11.darkTheme.of(themeMode === "dark"),
+        EditorView12.baseTheme(defaultTheme),
+        EditorView12.theme(slots?.editor?.theme ?? {}),
+        EditorView12.darkTheme.of(themeMode === "dark"),
         // Storage and replication.
         model.extension,
         // Custom.
@@ -2450,7 +2456,7 @@ var BaseTextEditor = /* @__PURE__ */ forwardRef(({ model, comments: comments2, r
     view?.destroy();
     setEditor({
       state: state2,
-      view: new EditorView11({
+      view: new EditorView12({
         state: state2,
         parent: root
       })