@manuscripts/body-editor 2.8.15 → 2.8.16

package/README.md

@@ -5,5 +5,3 @@ A React + ProseMirror editor for manuscripts.
 # Install
 
 `yarn add @manuscripts/body-editor`
-
-# 2

package/dist/cjs/lib/context-menu.js

@@ -153,7 +153,7 @@ class ContextMenu {
         };
         this.showEditMenu = (target) => {
             const menu = document.createElement('div');
-            menu.className = 'menu';
+            menu.className = 'menu edit-menu';
             const $pos = this.resolvePos();
             const isBox = isBoxElementSectionTitle($pos, this.node);
             const type = isBox ? transform_1.schema.nodes.box_element : this.node.type;
@@ -284,7 +284,7 @@ class ContextMenu {
         };
         this.createSubmenu = (submenuLabel, items) => {
             const submenu = document.createElement('div');
-            submenu.classList.add('menu-section', 'context-submenu');
+            submenu.classList.add('context-submenu');
             submenu.append(this.createSubmenuTrigger(submenuLabel), this.createMenuSection((section) => {
                 items.forEach(({ title, action, Icon, selected }) => {
                     section.appendChild(this.createMenuItem(title, action, Icon, selected));

package/dist/cjs/plugins/section-category/section-category-utils.js

@@ -8,7 +8,7 @@ const icons_1 = require("../../icons");
 const popper_1 = require("../../lib/popper");
 const popper = new popper_1.PopperManager();
 function createMenuItem(contents, handler, isDisabled = false, isSelected = false) {
-    const item = document.createElement('button');
+    const item = document.createElement('div');
     item.className = `menu-item ${isDisabled ? 'disabled' : ''} ${isSelected ? 'selected' : ''}`;
     item.textContent = contents;
     item.addEventListener('mousedown', (event) => {

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

package/dist/es/lib/context-menu.js

@@ -149,7 +149,7 @@ export class ContextMenu {
         };
         this.showEditMenu = (target) => {
             const menu = document.createElement('div');
-            menu.className = 'menu';
+            menu.className = 'menu edit-menu';
             const $pos = this.resolvePos();
             const isBox = isBoxElementSectionTitle($pos, this.node);
             const type = isBox ? schema.nodes.box_element : this.node.type;
@@ -280,7 +280,7 @@ export class ContextMenu {
         };
         this.createSubmenu = (submenuLabel, items) => {
             const submenu = document.createElement('div');
-            submenu.classList.add('menu-section', 'context-submenu');
+            submenu.classList.add('context-submenu');
             submenu.append(this.createSubmenuTrigger(submenuLabel), this.createMenuSection((section) => {
                 items.forEach(({ title, action, Icon, selected }) => {
                     section.appendChild(this.createMenuItem(title, action, Icon, selected));

package/dist/es/plugins/section-category/section-category-utils.js

@@ -5,7 +5,7 @@ import { sectionCategoryIcon } from '../../icons';
 import { PopperManager } from '../../lib/popper';
 const popper = new PopperManager();
 function createMenuItem(contents, handler, isDisabled = false, isSelected = false) {
-    const item = document.createElement('button');
+    const item = document.createElement('div');
     item.className = `menu-item ${isDisabled ? 'disabled' : ''} ${isSelected ? 'selected' : ''}`;
     item.textContent = contents;
     item.addEventListener('mousedown', (event) => {

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.8.15';
+export const VERSION = '2.8.16';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/versions.d.ts

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

package/styles/AdvancedEditor.css

@@ -1052,28 +1052,6 @@ th:hover > .table-context-menu-button,
 .ProseMirror .block-container:hover .section-category-button {
   opacity: 1;
 }
-.section-category.menu {
-  border-radius: 8px;
-  border: 1px solid #e2e2e2;
-  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.3);
-}
-
-.section-category.menu .menu-item {
-  padding: 7px 8px 8px 16px;
-  box-sizing: border-box;
-  min-width: 176px;
-  height: 37px;
-  padding-right: 40px;
-  font-family: Lato;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 24px;
-  position: relative;
-  background: none;
-  border: unset;
-  display: flex;
-}
 
 .section-category.menu .menu-item.selected:after {
   top: 10.5px;
@@ -1087,12 +1065,6 @@ th:hover > .table-context-menu-button,
   transform: rotate(45deg);
 }
 
-.section-category.menu .menu-item.disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
 .section-category.tooltip {
   font-family: 'Lato, sans-serif';
   padding: 8px;

package/styles/popper.css

@@ -1,7 +1,5 @@
 .popper {
   color: #353535;
-  font-family: 'PT Sans', sans-serif;
-  /* min-width: 100px; */
   position: absolute;
   width: auto;
   z-index: 10;
@@ -104,24 +102,54 @@
 .popper .menu {
   background: #fff;
   border: 1px solid #e2e2e2;
-  border-radius: 4px;
+  border-radius: 8px;
   box-shadow: 0 4px 9px 0 rgba(84, 83, 83, 0.3);
-  font-size: 14px;
   min-width: 208px;
 }
 
+.popper .menu .menu-section {
+  padding: 4px 0;
+}
+
+.popper .menu .menu-section:not(:last-child) {
+  border-bottom: 1px solid #e2e2e2;
+}
+
 .popper .menu-item {
+  position: relative;
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   gap: 4px;
   cursor: pointer;
-  padding: 16px 8px;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 7px 16px 6px;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px; 
+}
+.popper .menu.edit-menu .menu-section {
+  padding: 0;
+  border-bottom: none;
+}
+.popper .menu.edit-menu .menu-item {
+  padding: 16px;
+  font-size: 16px;
+  line-height: 24px;
 }
-.popper .menu-item[disabled] {
-  cursor: default;
+
+
+.popper .section-category .menu-item {
+  padding-right: 40px;
+}
+
+.popper .menu-item[disabled],
+.popper .menu-item.disabled {
   opacity: 0.4;
+  cursor: not-allowed;
   pointer-events: none;
 }