@manuscripts/body-editor 3.20.1 → 3.20.2

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

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.1';
+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.1";
+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.1",
+  "version": "3.20.2",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",

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.1';
+export const VERSION = '3.20.2';
 export const MATHJAX_VERSION = '3.2.2';