@manuscripts/body-editor 3.16.2 → 3.16.3

package/dist/cjs/versions.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MATHJAX_VERSION = exports.VERSION = void 0;
-exports.VERSION = '3.16.2';
+exports.VERSION = '3.16.3';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/cjs/views/equation.js

@@ -19,6 +19,7 @@ exports.EquationView = void 0;
 const math_1 = require("../lib/math");
 const base_node_view_1 = require("./base_node_view");
 const creators_1 = require("./creators");
+const navigation_utils_1 = require("../lib/navigation-utils");
 class EquationView extends base_node_view_1.BaseNodeView {
     constructor() {
         super(...arguments);
@@ -29,6 +30,7 @@ class EquationView extends base_node_view_1.BaseNodeView {
         this.createDOM = () => {
             this.dom = document.createElement('div');
             this.dom.classList.add('equation');
+            this.dom.addEventListener('keydown', (0, navigation_utils_1.handleEnterKey)(() => this.selectNode()));
         };
         this.ignoreMutation = () => true;
     }

package/dist/cjs/views/equation_editable.js

@@ -70,6 +70,8 @@ class EquationEditableView extends equation_1.EquationView {
                     Esc: () => {
                         this.props.popper.destroy();
                         this.view.focus();
+                        const tabbableView = this.dom.querySelector('[tabindex="0"]');
+                        tabbableView?.focus();
                     },
                 },
             });

package/dist/cjs/views/inline_equation.js

@@ -19,6 +19,7 @@ exports.InlineEquationView = void 0;
 const math_1 = require("../lib/math");
 const base_node_view_1 = require("./base_node_view");
 const creators_1 = require("./creators");
+const navigation_utils_1 = require("../lib/navigation-utils");
 class InlineEquationView extends base_node_view_1.BaseNodeView {
     constructor() {
         super(...arguments);
@@ -27,6 +28,7 @@ class InlineEquationView extends base_node_view_1.BaseNodeView {
     initialise() {
         this.createDOM();
         this.updateContents();
+        this.dom.addEventListener('keydown', (0, navigation_utils_1.handleEnterKey)(() => this.selectNode()));
     }
     updateContents() {
         super.updateContents();

package/dist/cjs/views/inline_equation_editable.js

@@ -70,6 +70,8 @@ class InlineEquationEditableView extends inline_equation_1.InlineEquationView {
                     Esc: () => {
                         this.props.popper.destroy();
                         this.view.focus();
+                        const tabbableView = this.dom.querySelector('[tabindex="0"]');
+                        tabbableView?.focus();
                     },
                 },
             });

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.16.2';
+export const VERSION = '3.16.3';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/equation.js

@@ -16,6 +16,7 @@
 import { renderMath } from '../lib/math';
 import { BaseNodeView } from './base_node_view';
 import { createNodeView } from './creators';
+import { handleEnterKey } from '../lib/navigation-utils';
 export class EquationView extends BaseNodeView {
     constructor() {
         super(...arguments);
@@ -26,6 +27,7 @@ export class EquationView extends BaseNodeView {
         this.createDOM = () => {
             this.dom = document.createElement('div');
             this.dom.classList.add('equation');
+            this.dom.addEventListener('keydown', handleEnterKey(() => this.selectNode()));
         };
         this.ignoreMutation = () => true;
     }

package/dist/es/views/equation_editable.js

@@ -34,6 +34,8 @@ export class EquationEditableView extends EquationView {
                     Esc: () => {
                         this.props.popper.destroy();
                         this.view.focus();
+                        const tabbableView = this.dom.querySelector('[tabindex="0"]');
+                        tabbableView?.focus();
                     },
                 },
             });

package/dist/es/views/inline_equation.js

@@ -16,6 +16,7 @@
 import { renderMath } from '../lib/math';
 import { BaseNodeView } from './base_node_view';
 import { createNodeView } from './creators';
+import { handleEnterKey } from '../lib/navigation-utils';
 export class InlineEquationView extends BaseNodeView {
     constructor() {
         super(...arguments);
@@ -24,6 +25,7 @@ export class InlineEquationView extends BaseNodeView {
     initialise() {
         this.createDOM();
         this.updateContents();
+        this.dom.addEventListener('keydown', handleEnterKey(() => this.selectNode()));
     }
     updateContents() {
         super.updateContents();

package/dist/es/views/inline_equation_editable.js

@@ -34,6 +34,8 @@ export class InlineEquationEditableView extends InlineEquationView {
                     Esc: () => {
                         this.props.popper.destroy();
                         this.view.focus();
+                        const tabbableView = this.dom.querySelector('[tabindex="0"]');
+                        tabbableView?.focus();
                     },
                 },
             });

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.16.2";
+export declare const VERSION = "3.16.3";
 export declare const MATHJAX_VERSION = "3.2.2";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "3.16.2",
+  "version": "3.16.3",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",

package/src/versions.ts

@@ -1,3 +1,3 @@
 //THIS FILE WAS GENERATED BY versions.mjs
-export const VERSION = '3.16.2';
+export const VERSION = '3.16.3';
 export const MATHJAX_VERSION = '3.2.2';

package/src/views/equation.ts

@@ -20,6 +20,7 @@ import { renderMath } from '../lib/math'
 import { Trackable } from '../types'
 import { BaseNodeView } from './base_node_view'
 import { createNodeView } from './creators'
+import { handleEnterKey } from '../lib/navigation-utils'
 
 export class EquationView
   extends BaseNodeView<Trackable<EquationNode>>
@@ -33,6 +34,10 @@ export class EquationView
   public createDOM = () => {
     this.dom = document.createElement('div')
     this.dom.classList.add('equation')
+    this.dom.addEventListener(
+      'keydown',
+      handleEnterKey(() => this.selectNode())
+    )
   }
 
   public updateContents() {

package/src/views/equation_editable.ts

@@ -38,6 +38,9 @@ export class EquationEditableView extends EquationView {
         Esc: () => {
           this.props.popper.destroy()
           this.view.focus()
+          const tabbableView =
+            this.dom.querySelector<HTMLElement>('[tabindex="0"]')
+          tabbableView?.focus()
         },
       },
     })

package/src/views/inline_equation.ts

@@ -20,6 +20,7 @@ import { renderMath } from '../lib/math'
 import { Trackable } from '../types'
 import { BaseNodeView } from './base_node_view'
 import { createNodeView } from './creators'
+import { handleEnterKey } from '../lib/navigation-utils'
 
 export class InlineEquationView
   extends BaseNodeView<Trackable<InlineEquationNode>>
@@ -28,6 +29,10 @@ export class InlineEquationView
   public initialise() {
     this.createDOM()
     this.updateContents()
+    this.dom.addEventListener(
+      'keydown',
+      handleEnterKey(() => this.selectNode())
+    )
   }
 
   public updateContents() {

package/src/views/inline_equation_editable.ts

@@ -38,6 +38,9 @@ export class InlineEquationEditableView extends InlineEquationView {
         Esc: () => {
           this.props.popper.destroy()
           this.view.focus()
+          const tabbableView =
+            this.dom.querySelector<HTMLElement>('[tabindex="0"]')
+          tabbableView?.focus()
         },
       },
     })

package/styles/Editor.css

@@ -291,7 +291,8 @@
   cursor: pointer;
 }
 .ProseMirror .citation:focus-visible,
-.ProseMirror .cross-reference:focus-visible {
+.ProseMirror .cross-reference:focus-visible,
+.ProseMirror .MathJax:focus-visible {
   outline: 4px solid var(--focus-outline-color);
   outline-offset: var(--focus-outline-offset);
   border-radius: var(--focus-outline-radius);