@manuscripts/body-editor 3.2.14 → 3.2.15

package/dist/cjs/components/outline/DraggableTree.js

@@ -34,6 +34,7 @@ const dnd_1 = require("../../lib/dnd");
 const track_changes_utils_1 = require("../../lib/track-changes-utils");
 const utils_1 = require("../../lib/utils");
 const node_type_icons_1 = require("../../node-type-icons");
+const section_title_1 = require("../../plugins/section_title");
 const Outline_1 = require("./Outline");
 const excludedTypes = [
     transform_1.schema.nodes.table,
@@ -104,13 +105,22 @@ const DraggableTree = ({ tree, view, depth, can, }) => {
         ? (0, utils_1.isBodyLocked)(view.state) || !can?.editArticle
         : true;
     const { node, items, parent } = tree;
+    const sectionTitleState = view
+        ? section_title_1.sectionTitleKey.getState(view.state)
+        : undefined;
     const itemText = (node) => {
         const text = (0, transform_1.nodeTitle)(node);
+        let sectionNumber = node.type.name === 'section' && sectionTitleState
+            ? sectionTitleState.get(node.attrs.id) ?? ''
+            : '';
+        sectionNumber = sectionNumber ? `${sectionNumber}.` : '';
         if (text) {
-            return text.trim();
+            return `${sectionNumber}${sectionNumber ? ' ' : ''}${text.trim()}`;
         }
         const placeholder = (0, transform_1.nodeTitlePlaceholder)(node.type);
-        return react_1.default.createElement(Outline_1.OutlineItemPlaceholder, null, placeholder);
+        return (react_1.default.createElement(Outline_1.OutlineItemPlaceholder, null,
+            sectionNumber && `${sectionNumber} `,
+            placeholder));
     };
     const toggleOpen = () => {
         setOpen(!isOpen);

package/dist/cjs/components/outline/ManuscriptOutline.js

@@ -59,6 +59,6 @@ const ManuscriptOutline = (props) => {
             setValues(undefined);
         }
     }, [debouncedProps, props.can]);
-    return values ? react_1.default.createElement(DraggableTree_1.DraggableTree, { ...values, depth: 0 }) : null;
+    return values && values.view ? react_1.default.createElement(DraggableTree_1.DraggableTree, { ...values, depth: 0 }) : null;
 };
 exports.ManuscriptOutline = ManuscriptOutline;

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

package/dist/es/components/outline/DraggableTree.js

@@ -8,6 +8,7 @@ import { getDropSide } from '../../lib/dnd';
 import { isDeleted } from '../../lib/track-changes-utils';
 import { isBodyLocked } from '../../lib/utils';
 import { nodeTypeIcon } from '../../node-type-icons';
+import { sectionTitleKey } from '../../plugins/section_title';
 import { Outline, OutlineItem, OutlineItemArrow, OutlineItemIcon, OutlineItemLink, OutlineItemLinkText, OutlineItemNoArrow, OutlineItemPlaceholder, } from './Outline';
 const excludedTypes = [
     schema.nodes.table,
@@ -77,13 +78,22 @@ export const DraggableTree = ({ tree, view, depth, can, }) => {
         ? isBodyLocked(view.state) || !can?.editArticle
         : true;
     const { node, items, parent } = tree;
+    const sectionTitleState = view
+        ? sectionTitleKey.getState(view.state)
+        : undefined;
     const itemText = (node) => {
         const text = nodeTitle(node);
+        let sectionNumber = node.type.name === 'section' && sectionTitleState
+            ? sectionTitleState.get(node.attrs.id) ?? ''
+            : '';
+        sectionNumber = sectionNumber ? `${sectionNumber}.` : '';
         if (text) {
-            return text.trim();
+            return `${sectionNumber}${sectionNumber ? ' ' : ''}${text.trim()}`;
         }
         const placeholder = nodeTitlePlaceholder(node.type);
-        return React.createElement(OutlineItemPlaceholder, null, placeholder);
+        return (React.createElement(OutlineItemPlaceholder, null,
+            sectionNumber && `${sectionNumber} `,
+            placeholder));
     };
     const toggleOpen = () => {
         setOpen(!isOpen);

package/dist/es/components/outline/ManuscriptOutline.js

@@ -33,5 +33,5 @@ export const ManuscriptOutline = (props) => {
             setValues(undefined);
         }
     }, [debouncedProps, props.can]);
-    return values ? React.createElement(DraggableTree, { ...values, depth: 0 }) : null;
+    return values && values.view ? React.createElement(DraggableTree, { ...values, depth: 0 }) : null;
 };

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.2.14';
+export const VERSION = '3.2.15';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.2.14";
+export declare const VERSION = "3.2.15";
 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.2.14",
+  "version": "3.2.15",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",