@manuscripts/body-editor 3.20.0 → 3.20.2

package/dist/cjs/components/authors/DraggableAuthor.js

@@ -53,6 +53,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DraggableAuthor = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
+const mui_1 = require("@manuscripts/style-guide/mui");
 const react_1 = __importStar(require("react"));
 const react_dnd_1 = require("react-dnd");
 const styled_components_1 = __importDefault(require("styled-components"));
@@ -192,7 +193,7 @@ exports.DraggableAuthor = react_1.default.memo(({ author, isSelected, onClick, o
             isSelected && react_1.default.createElement(DragHandle, null),
             react_1.default.createElement(Box, null,
                 showSuccessIcon && react_1.default.createElement(StyledCrclTickAnimation, { size: 36 }),
-                react_1.default.createElement(style_guide_1.Avatar, { size: 36, color: '#6e6e6e', opacity: showSuccessIcon ? 0.05 : 1 })),
+                react_1.default.createElement(mui_1.Avatar, { size: 36, color: '#6e6e6e', opacity: showSuccessIcon ? 0.05 : 1 })),
             react_1.default.createElement(AuthorNotes, { "data-cy": "author-notes" }, author.isCorresponding && (react_1.default.createElement(AuthorBadge, null,
                 react_1.default.createElement(style_guide_1.CorrespondingAuthorIcon, null))))),
         react_1.default.createElement(AuthorName, { "data-cy": "author-name" }, (0, authors_1.authorLabel)(author)),

package/dist/cjs/plugins/accessibility_element.js

@@ -45,6 +45,27 @@ const buildExpandButtonDecorations = (doc) => {
     });
     return decorations;
 };
+const ariaLabels = new Map([
+    [
+        transform_1.schema.nodes.headshot_element,
+        { caption: 'Headshot Summary', caption_title: 'Headshot Name' },
+    ],
+]);
+const isCaptionNode = (node) => node.type === transform_1.schema.nodes.caption_title || node.type === transform_1.schema.nodes.caption;
+const buildAriaLabelsDecorations = (doc) => {
+    const decorations = [];
+    doc.descendants((node, pos, parent) => {
+        if (isCaptionNode(node) && parent && ariaLabels.has(parent.type)) {
+            const arialLabel = ariaLabels.get(parent.type);
+            if (arialLabel) {
+                decorations.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {
+                    'aria-label': arialLabel[node.type.name],
+                }));
+            }
+        }
+    });
+    return decorations;
+};
 const buildExpandedElementsDecorations = (doc, expandedElementIDs, selection) => {
     const decorations = [];
     doc.descendants((node, pos) => {
@@ -64,6 +85,7 @@ exports.default = () => {
             init(config, instance) {
                 return {
                     expandButtonDecorations: buildExpandButtonDecorations(instance.doc),
+                    ariaLabelsDecorations: buildAriaLabelsDecorations(instance.doc),
                     expandedElementDecorations: [],
                     expandedElementIDs: new Set(),
                 };
@@ -71,11 +93,13 @@ exports.default = () => {
             apply(tr, value, oldState, newState) {
                 const s = {
                     expandButtonDecorations: value.expandButtonDecorations,
+                    ariaLabelsDecorations: value.ariaLabelsDecorations,
                     expandedElementDecorations: value.expandedElementDecorations,
                     expandedElementIDs: new Set(value.expandedElementIDs),
                 };
                 if (tr.docChanged) {
                     s.expandButtonDecorations = buildExpandButtonDecorations(newState.doc);
+                    s.ariaLabelsDecorations = buildAriaLabelsDecorations(newState.doc);
                 }
                 let expandedElementIDsChanged = false;
                 const meta = tr.getMeta(exports.accessibilityElementKey);
@@ -115,6 +139,7 @@ exports.default = () => {
                 if (pluginState) {
                     return prosemirror_view_1.DecorationSet.create(state.doc, [
                         ...pluginState.expandButtonDecorations,
+                        ...pluginState.ariaLabelsDecorations,
                         ...pluginState.expandedElementDecorations,
                     ]);
                 }

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.20.0';
+exports.VERSION = '3.20.2';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/es/components/authors/DraggableAuthor.js

@@ -13,7 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Avatar, CorrespondingAuthorIcon, CrclTickAnimation, DeleteIcon, DraggableIcon, withNavigableListItem, } from '@manuscripts/style-guide';
+import { CorrespondingAuthorIcon, CrclTickAnimation, DeleteIcon, DraggableIcon, withNavigableListItem, } from '@manuscripts/style-guide';
+import { Avatar } from '@manuscripts/style-guide/mui';
 import React, { useRef, useState } from 'react';
 import { useDrag, useDrop } from 'react-dnd';
 import styled from 'styled-components';

package/dist/es/plugins/accessibility_element.js

@@ -42,6 +42,27 @@ const buildExpandButtonDecorations = (doc) => {
     });
     return decorations;
 };
+const ariaLabels = new Map([
+    [
+        schema.nodes.headshot_element,
+        { caption: 'Headshot Summary', caption_title: 'Headshot Name' },
+    ],
+]);
+const isCaptionNode = (node) => node.type === schema.nodes.caption_title || node.type === schema.nodes.caption;
+const buildAriaLabelsDecorations = (doc) => {
+    const decorations = [];
+    doc.descendants((node, pos, parent) => {
+        if (isCaptionNode(node) && parent && ariaLabels.has(parent.type)) {
+            const arialLabel = ariaLabels.get(parent.type);
+            if (arialLabel) {
+                decorations.push(Decoration.node(pos, pos + node.nodeSize, {
+                    'aria-label': arialLabel[node.type.name],
+                }));
+            }
+        }
+    });
+    return decorations;
+};
 const buildExpandedElementsDecorations = (doc, expandedElementIDs, selection) => {
     const decorations = [];
     doc.descendants((node, pos) => {
@@ -61,6 +82,7 @@ export default () => {
             init(config, instance) {
                 return {
                     expandButtonDecorations: buildExpandButtonDecorations(instance.doc),
+                    ariaLabelsDecorations: buildAriaLabelsDecorations(instance.doc),
                     expandedElementDecorations: [],
                     expandedElementIDs: new Set(),
                 };
@@ -68,11 +90,13 @@ export default () => {
             apply(tr, value, oldState, newState) {
                 const s = {
                     expandButtonDecorations: value.expandButtonDecorations,
+                    ariaLabelsDecorations: value.ariaLabelsDecorations,
                     expandedElementDecorations: value.expandedElementDecorations,
                     expandedElementIDs: new Set(value.expandedElementIDs),
                 };
                 if (tr.docChanged) {
                     s.expandButtonDecorations = buildExpandButtonDecorations(newState.doc);
+                    s.ariaLabelsDecorations = buildAriaLabelsDecorations(newState.doc);
                 }
                 let expandedElementIDsChanged = false;
                 const meta = tr.getMeta(accessibilityElementKey);
@@ -112,6 +136,7 @@ export default () => {
                 if (pluginState) {
                     return DecorationSet.create(state.doc, [
                         ...pluginState.expandButtonDecorations,
+                        ...pluginState.ariaLabelsDecorations,
                         ...pluginState.expandedElementDecorations,
                     ]);
                 }

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.20.0';
+export const VERSION = '3.20.2';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/plugins/accessibility_element.d.ts

@@ -3,6 +3,7 @@ import { Plugin, PluginKey } from 'prosemirror-state';
 import { Decoration } from 'prosemirror-view';
 export interface PluginState {
     expandButtonDecorations: Decoration[];
+    ariaLabelsDecorations: Decoration[];
     expandedElementDecorations: Decoration[];
     expandedElementIDs: Set<string>;
 }

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.20.0";
+export declare const VERSION = "3.20.2";
 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.20.0",
+  "version": "3.20.2",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -41,7 +41,7 @@
     "@citation-js/plugin-pubmed": "0.3.0",
     "@citation-js/plugin-ris": "0.7.18",
     "@iarna/word-count": "1.1.2",
-    "@manuscripts/style-guide": "3.8.2",
+    "@manuscripts/style-guide": "3.8.3",
     "@manuscripts/track-changes-plugin": "2.4.0",
     "@manuscripts/transform": "4.6.0",
     "@popperjs/core": "2.11.8",

package/src/components/authors/DraggableAuthor.tsx

@@ -15,13 +15,13 @@
  */
 
 import {
-  Avatar,
   CorrespondingAuthorIcon,
   CrclTickAnimation,
   DeleteIcon,
   DraggableIcon,
   withNavigableListItem,
 } from '@manuscripts/style-guide'
+import { Avatar } from '@manuscripts/style-guide/mui'
 import React, { useRef, useState } from 'react'
 import { useDrag, useDrop } from 'react-dnd'
 import styled from 'styled-components'

package/src/plugins/accessibility_element.ts

@@ -15,6 +15,7 @@
  */
 import {
   ManuscriptNode,
+  ManuscriptNodeType,
   ManuscriptTransaction,
   schema,
 } from '@manuscripts/transform'
@@ -25,6 +26,7 @@ import { createToggleButton } from '../lib/utils'
 
 export interface PluginState {
   expandButtonDecorations: Decoration[]
+  ariaLabelsDecorations: Decoration[]
   expandedElementDecorations: Decoration[]
   expandedElementIDs: Set<string>
 }
@@ -101,6 +103,33 @@ const buildExpandButtonDecorations = (doc: ManuscriptNode) => {
   return decorations
 }
 
+const ariaLabels: Map<ManuscriptNodeType, Record<string, string>> = new Map([
+  [
+    schema.nodes.headshot_element,
+    { caption: 'Headshot Summary', caption_title: 'Headshot Name' },
+  ],
+])
+
+const isCaptionNode = (node: ManuscriptNode) =>
+  node.type === schema.nodes.caption_title || node.type === schema.nodes.caption
+
+const buildAriaLabelsDecorations = (doc: ManuscriptNode) => {
+  const decorations: Decoration[] = []
+  doc.descendants((node, pos, parent) => {
+    if (isCaptionNode(node) && parent && ariaLabels.has(parent.type)) {
+      const arialLabel = ariaLabels.get(parent.type)
+      if (arialLabel) {
+        decorations.push(
+          Decoration.node(pos, pos + node.nodeSize, {
+            'aria-label': arialLabel[node.type.name],
+          })
+        )
+      }
+    }
+  })
+  return decorations
+}
+
 const buildExpandedElementsDecorations = (
   doc: ManuscriptNode,
   expandedElementIDs: Set<string>,
@@ -130,6 +159,7 @@ export default () => {
       init(config, instance) {
         return {
           expandButtonDecorations: buildExpandButtonDecorations(instance.doc),
+          ariaLabelsDecorations: buildAriaLabelsDecorations(instance.doc),
           expandedElementDecorations: [],
           expandedElementIDs: new Set(),
         }
@@ -137,12 +167,14 @@ export default () => {
       apply(tr, value, oldState, newState) {
         const s = {
           expandButtonDecorations: value.expandButtonDecorations,
+          ariaLabelsDecorations: value.ariaLabelsDecorations,
           expandedElementDecorations: value.expandedElementDecorations,
           expandedElementIDs: new Set(value.expandedElementIDs),
         }
 
         if (tr.docChanged) {
           s.expandButtonDecorations = buildExpandButtonDecorations(newState.doc)
+          s.ariaLabelsDecorations = buildAriaLabelsDecorations(newState.doc)
         }
 
         let expandedElementIDsChanged = false
@@ -191,6 +223,7 @@ export default () => {
         if (pluginState) {
           return DecorationSet.create(state.doc, [
             ...pluginState.expandButtonDecorations,
+            ...pluginState.ariaLabelsDecorations,
             ...pluginState.expandedElementDecorations,
           ])
         }

package/src/versions.ts

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