@manuscripts/body-editor 3.2.18 → 3.2.20

package/dist/cjs/commands.js

@@ -112,6 +112,11 @@ const canInsert = (type) => (state) => {
             return false;
         }
     }
+    if (type === transform_1.schema.nodes.box_element &&
+        (!(0, prosemirror_utils_1.hasParentNodeOfType)(transform_1.schema.nodes.body)(state.selection) ||
+            (0, prosemirror_utils_1.hasParentNodeOfType)(transform_1.schema.nodes.box_element)(state.selection))) {
+        return false;
+    }
     const initDepth = (0, prosemirror_utils_1.findParentNodeOfType)(transform_1.schema.nodes.box_element)(state.selection)?.depth ||
         0;
     for (let d = $from.depth; d >= initDepth; d--) {
@@ -540,19 +545,20 @@ const reinstateNode = (tr, node, pos) => {
 };
 const insertBoxElement = (state, dispatch) => {
     const selection = state.selection;
-    const isBody = (0, prosemirror_utils_1.hasParentNodeOfType)(transform_1.schema.nodes.body)(selection);
-    const isBoxText = (0, prosemirror_utils_1.hasParentNodeOfType)(transform_1.schema.nodes.box_element)(selection);
+    const { nodes } = transform_1.schema;
+    const isBody = (0, prosemirror_utils_1.hasParentNodeOfType)(nodes.body)(selection);
+    const isBoxText = (0, prosemirror_utils_1.hasParentNodeOfType)(nodes.box_element)(selection);
     if (!isBody || isBoxText) {
         return false;
     }
     const position = findBlockInsertPosition(state);
-    const paragraph = transform_1.schema.nodes.paragraph.create({});
-    const section = transform_1.schema.nodes.section.createAndFill({}, [
-        transform_1.schema.nodes.section_title.create(),
+    const paragraph = nodes.paragraph.create({});
+    const section = nodes.section.createAndFill({}, [
+        nodes.section_title.create(),
         paragraph,
     ]);
-    const node = transform_1.schema.nodes.box_element.createAndFill({}, [
-        transform_1.schema.nodes.figcaption.create({}, [transform_1.schema.nodes.caption_title.create()]),
+    const node = nodes.box_element.createAndFill({}, [
+        nodes.figcaption.create({}, [nodes.caption_title.create()]),
         section,
     ]);
     if (position && dispatch) {

package/dist/cjs/components/views/FigureDropdown.js

@@ -67,7 +67,7 @@ const OptionsButton = (0, styled_components_1.default)(style_guide_1.IconButton)
   height: ${(props) => props.theme.grid.unit * 6}px;
   margin: ${(props) => props.theme.grid.unit}px;
   visibility: hidden;
-  background: white;
+  background: #ffffff;
 
   &:hover {
     background: #f2fbfc !important;
@@ -98,8 +98,8 @@ const ListItemButton = (0, styled_components_1.default)(style_guide_1.IconTextBu
   }
 
   &:is([disabled]) {
-    background: white !important;
-    color: #353535 !important;
+    background: #ffffff;
+    color: #353535;
     opacity: 0.4;
   }
 `;

package/dist/cjs/components/views/TableCellContextMenu.js

@@ -138,6 +138,11 @@ const ActionButton = (0, styled_components_1.default)(style_guide_1.IconTextButt
   :hover {
     background: #f2fbfc;
   }
+  :disabled {
+    color: #353535;
+    background-color: #ffffff;
+    opacity: 0.4;
+  }
 `;
 const Separator = styled_components_1.default.div `
   height: 0;

package/dist/cjs/menus.js

@@ -216,7 +216,8 @@ const getEditorMenus = (editor) => {
                     mac: 'Option+CommandOrControl+B',
                     pc: 'CommandOrControl+Option+B',
                 },
-                isEnabled: (0, utils_1.isEditAllowed)(state) && isCommandValid(commands_1.insertBoxElement),
+                isEnabled: (0, utils_1.isEditAllowed)(state) &&
+                    isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.box_element)),
                 run: doCommand(commands_1.insertBoxElement),
             },
             {

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

package/dist/es/commands.js

@@ -104,6 +104,11 @@ export const canInsert = (type) => (state) => {
             return false;
         }
     }
+    if (type === schema.nodes.box_element &&
+        (!hasParentNodeOfType(schema.nodes.body)(state.selection) ||
+            hasParentNodeOfType(schema.nodes.box_element)(state.selection))) {
+        return false;
+    }
     const initDepth = findParentNodeOfType(schema.nodes.box_element)(state.selection)?.depth ||
         0;
     for (let d = $from.depth; d >= initDepth; d--) {
@@ -510,19 +515,20 @@ const reinstateNode = (tr, node, pos) => {
 };
 export const insertBoxElement = (state, dispatch) => {
     const selection = state.selection;
-    const isBody = hasParentNodeOfType(schema.nodes.body)(selection);
-    const isBoxText = hasParentNodeOfType(schema.nodes.box_element)(selection);
+    const { nodes } = schema;
+    const isBody = hasParentNodeOfType(nodes.body)(selection);
+    const isBoxText = hasParentNodeOfType(nodes.box_element)(selection);
     if (!isBody || isBoxText) {
         return false;
     }
     const position = findBlockInsertPosition(state);
-    const paragraph = schema.nodes.paragraph.create({});
-    const section = schema.nodes.section.createAndFill({}, [
-        schema.nodes.section_title.create(),
+    const paragraph = nodes.paragraph.create({});
+    const section = nodes.section.createAndFill({}, [
+        nodes.section_title.create(),
         paragraph,
     ]);
-    const node = schema.nodes.box_element.createAndFill({}, [
-        schema.nodes.figcaption.create({}, [schema.nodes.caption_title.create()]),
+    const node = nodes.box_element.createAndFill({}, [
+        nodes.figcaption.create({}, [nodes.caption_title.create()]),
         section,
     ]);
     if (position && dispatch) {

package/dist/es/components/views/FigureDropdown.js

@@ -60,7 +60,7 @@ const OptionsButton = styled(IconButton) `
   height: ${(props) => props.theme.grid.unit * 6}px;
   margin: ${(props) => props.theme.grid.unit}px;
   visibility: hidden;
-  background: white;
+  background: #ffffff;
 
   &:hover {
     background: #f2fbfc !important;
@@ -91,8 +91,8 @@ const ListItemButton = styled(IconTextButton) `
   }
 
   &:is([disabled]) {
-    background: white !important;
-    color: #353535 !important;
+    background: #ffffff;
+    color: #353535;
     opacity: 0.4;
   }
 `;

package/dist/es/components/views/TableCellContextMenu.js

@@ -108,6 +108,11 @@ const ActionButton = styled(IconTextButton) `
   :hover {
     background: #f2fbfc;
   }
+  :disabled {
+    color: #353535;
+    background-color: #ffffff;
+    opacity: 0.4;
+  }
 `;
 const Separator = styled.div `
   height: 0;

package/dist/es/menus.js

@@ -213,7 +213,8 @@ export const getEditorMenus = (editor) => {
                     mac: 'Option+CommandOrControl+B',
                     pc: 'CommandOrControl+Option+B',
                 },
-                isEnabled: isEditAllowed(state) && isCommandValid(insertBoxElement),
+                isEnabled: isEditAllowed(state) &&
+                    isCommandValid(canInsert(schema.nodes.box_element)),
                 run: doCommand(insertBoxElement),
             },
             {

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.2.18';
+export const VERSION = '3.2.20';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.2.18";
+export declare const VERSION = "3.2.20";
 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.18",
+  "version": "3.2.20",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -38,7 +38,7 @@
     "@citation-js/plugin-pubmed": "0.3.0",
     "@citation-js/plugin-ris": "0.7.18",
     "@manuscripts/json-schema": "2.2.12",
-    "@manuscripts/style-guide": "3.1.4",
+    "@manuscripts/style-guide": "3.1.5",
     "@manuscripts/track-changes-plugin": "2.0.3",
     "@manuscripts/transform": "4.2.4",
     "@popperjs/core": "2.11.8",