@manuscripts/body-editor 2.0.38 → 2.0.39

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

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildPluginState = exports.sectionCategoryKey = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
-const assets_1 = require("../../assets");
+const react_1 = require("react");
+const server_1 = require("react-dom/server");
 const popper_1 = require("../../lib/popper");
 const section_categories_1 = require("../../lib/section-categories");
 const utils_1 = require("../../lib/utils");
@@ -43,7 +45,7 @@ function createButton(view, props, node, pos, category, canEdit = true) {
     const arrow = document.createElement('div');
     arrow.className = 'section-category popper-arrow';
     const button = document.createElement('button');
-    button.innerHTML = assets_1.sectionCategoryIcon;
+    button.innerHTML = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.SectionCategoryIcon));
     button.className = `section-category-button ${category && 'assigned'}`;
     if (canEdit) {
         button.addEventListener('mousedown', () => {

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

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

@@ -1,7 +1,9 @@
+import { SectionCategoryIcon } from '@manuscripts/style-guide';
 import { isSectionNode, schema } from '@manuscripts/transform';
 import { PluginKey } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
-import { sectionCategoryIcon } from '../../assets';
+import { createElement } from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
 import { PopperManager } from '../../lib/popper';
 import { getCategoryName, isBackMatterSection, isEditableSectionCategoryID, isUnique, } from '../../lib/section-categories';
 import { isChildOfNodeTypes } from '../../lib/utils';
@@ -40,7 +42,7 @@ function createButton(view, props, node, pos, category, canEdit = true) {
     const arrow = document.createElement('div');
     arrow.className = 'section-category popper-arrow';
     const button = document.createElement('button');
-    button.innerHTML = sectionCategoryIcon;
+    button.innerHTML = renderToStaticMarkup(createElement(SectionCategoryIcon));
     button.className = `section-category-button ${category && 'assigned'}`;
     if (canEdit) {
         button.addEventListener('mousedown', () => {

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.0.38';
+export const VERSION = '2.0.39';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.0.38";
+export declare const VERSION = "2.0.39";
 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.0.38",
+  "version": "2.0.39",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -32,7 +32,7 @@
     "@iarna/word-count": "^1.1.2",
     "@manuscripts/json-schema": "2.2.11",
     "@manuscripts/library": "1.3.11",
-    "@manuscripts/style-guide": "2.0.14",
+    "@manuscripts/style-guide": "2.0.15",
     "@manuscripts/track-changes-plugin": "1.7.17",
     "@manuscripts/transform": "2.3.30",
     "@popperjs/core": "^2.11.8",