@manuscripts/body-editor 2.0.36 → 2.0.39

package/dist/cjs/assets.js

@@ -1,6 +1,6 @@
 "use strict";
 /*!
- * © 2023 Atypon Systems LLC
+ * © 2024 Atypon Systems LLC
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -15,161 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sectionCategoryIcon = exports.threeDotIcon = exports.deleteIcon = exports.alertIcon = exports.editAttrsTrackingIcon = exports.commentIcon = exports.editIcon = void 0;
-exports.editIcon = `
-  <svg
-    width="14"
-    height="14"
-    viewBox="0 0 14 14"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M8.706 2.33624L11.553 5.19824L4.345 12.4422L1.498 9.58124L8.706 2.33624V2.33624ZM13.714 1.64624L12.444 0.37024C12.3273 0.253047 12.1886 0.160056 12.0359 0.0966039C11.8831 0.0331518 11.7194 0.000488281 11.554 0.000488281C11.3886 0.000488281 11.2249 0.0331518 11.0721 0.0966039C10.9194 0.160056 10.7807 0.253047 10.664 0.37024L9.447 1.59224L12.295 4.45424L13.715 3.02824C13.8976 2.84462 14.0001 2.59619 14.0001 2.33724C14.0001 2.07829 13.8976 1.82986 13.715 1.64624H13.714ZM0.00800253 13.6032C-0.00418388 13.6571 -0.00246802 13.7131 0.0129883 13.7661C0.0284447 13.819 0.0571327 13.8672 0.096349 13.906C0.135565 13.9448 0.184019 13.973 0.237143 13.9879C0.290268 14.0028 0.346315 14.004 0.400003 13.9912L3.573 13.2172L0.727003 10.3552L0.0070026 13.6032H0.00800253Z"
-      fill="#6E6E6E"
-    />
-  </svg>
-`;
-exports.commentIcon = `
-<svg
-    width="20"
-    height="15"
-    viewBox="0 0 20 15"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M7.94841 4.18311C7.98238 3.9602 8 3.73191 8 3.49951C8 3.22073 7.97465 2.94787 7.92613 2.68311H13.5C14.8854 2.68311 16.25 3.6425 16.25 5.09977V9.02453L19.1086 12.9949C19.2731 13.2233 19.2958 13.5245 19.1675 13.775C19.0392 14.0255 18.7814 14.1831 18.5 14.1831H5.5C4.11463 14.1831 2.75 13.2237 2.75 11.7664V7.93729C2.9939 7.97821 3.24446 7.99951 3.5 7.99951C3.75553 7.99951 4.00609 7.97821 4.25 7.93729V11.7664C4.25 12.1508 4.67537 12.6831 5.5 12.6831H17.0358L14.8913 9.70467C14.7994 9.57703 14.75 9.42372 14.75 9.26644V5.09977C14.75 4.71538 14.3246 4.18311 13.5 4.18311H7.94841Z"
-      fill="#FFBD26"
-    />
-    <path
-      d="M11.5 6.99951H8.5"
-      stroke="#FFBD26"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M12 9.99951H7"
-      stroke="#FFBD26"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M3.5 1L3.5 6"
-      stroke="#FFBD26"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M6 3.5L1 3.5"
-      stroke="#FFBD26"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-`;
-exports.editAttrsTrackingIcon = `
- <svg
-    width="16"
-    height="16"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M12 2L14 4L9 9L6 10L7 7L12 2Z"
-      stroke="#353535"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M13 10V11.5C13 12.328 12.328 13 11.5 13H4.5C3.672 13 3 12.328 3 11.5V4.5C3 3.672 3.672 3 4.5 3H6"
-      stroke="#353535"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-`;
-exports.alertIcon = `
-  <svg
-    width="12"
-    height="12"
-    viewBox="0 0 12 12"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M6 12C2.68629 12 1.18852e-06 9.31371 1.47821e-06 6C1.7679e-06 2.68629 2.68629 1.39444e-07 6 4.29138e-07C9.31371 7.18831e-07 12 2.68629 12 6C12 9.31371 9.31371 12 6 12ZM6.74998 2.99996L6.75 6.37462C6.75 6.78819 6.41522 7.12243 6.00166 7.12334C5.58681 7.12426 5.25001 6.78821 5.25001 6.37335L5.25 3.00082C5.25 2.58629 5.58629 2.25037 6.00082 2.25083C6.4147 2.25128 6.74998 2.58607 6.74998 2.99996ZM6.75 8.99263C6.75 9.46884 6.47288 9.75 5.99853 9.75C5.52419 9.75 5.25 9.47179 5.25 8.99558C5.25 8.51937 5.52421 8.25 5.99855 8.25C6.47289 8.25 6.75 8.51642 6.75 8.99263Z"
-      fill="#FE8F1F"
-    />
-  </svg>
-`;
-exports.deleteIcon = `
-  <svg
-    width="13"
-    height="17"
-    viewBox="0 0 13 15"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M2.00001 3C2 3.00135 2 3.00269 2 3.00404V13.004C2 13.5563 2.44772 14.004 3 14.004H10C10.5523 14.004 11 13.5563 11 13.004V3.00404C11 3.00269 11 3.00135 11 3C11.5978 3.34581 12 3.99215 12 4.73244V13.004C12 14.1086 11.1046 15.004 10 15.004H3C1.89543 15.004 1 14.1086 1 13.004V4.73244C1 3.99215 1.4022 3.34581 2.00001 3Z"
-    fill="#C9C9C9"
-  />
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M4.5 0C3.67157 0 3 0.671573 3 1.5V3.5C3 4.32843 3.67157 5 4.5 5H8.5C9.32843 5 10 4.32843 10 3.5V1.5C10 0.671573 9.32843 0 8.5 0H4.5ZM9 1.5C9 1.22386 8.77614 1 8.5 1H4.5C4.22386 1 4 1.22386 4 1.5C4 1.77614 4.22386 2 4.5 2H8.5C8.77614 2 9 1.77614 9 1.5Z"
-    fill="#C9C9C9"
-  />
-  <rect
-    y="2"
-    width="13"
-    height="3"
-    rx="1.5"
-    fill="#C9C9C9"
-  />
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M8 7.5C8 7.22386 8.22386 7 8.5 7C8.77614 7 9 7.22386 9 7.5V11.5C9 11.7761 8.77614 12 8.5 12C8.22386 12 8 11.7761 8 11.5V7.5Z"
-    fill="#C9C9C9"
-  />
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M4 7.5C4 7.22386 4.22386 7 4.5 7C4.77614 7 5 7.22386 5 7.5V11.5C5 11.7761 4.77614 12 4.5 12C4.22386 12 4 11.7761 4 11.5V7.5Z"
-    fill="#C9C9C9"
-  />
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M11.5 3C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4L1.5 4C1.22386 4 1 3.77614 1 3.5C1 3.22386 1.22386 3 1.5 3L11.5 3Z"
-    fill="white"
-  />
-</svg>`;
-exports.threeDotIcon = ` <svg width="4" height="16" viewBox="0 0 4 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="2" cy="2" r="2" fill="#6E6E6E"></circle>
-<circle cx="2" cy="8" r="2" fill="#6E6E6E"></circle>
-<circle cx="2" cy="14" r="2" fill="#6E6E6E"></circle>
-</svg>
-`;
+exports.sectionCategoryIcon = void 0;
 exports.sectionCategoryIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="19" viewBox="0 0 16 19" fill="none">
 <path d="M0.5 4C0.5 2.067 2.067 0.5 4 0.5H12C13.933 0.5 15.5 2.067 15.5 4V16.0505C15.5 17.1991 14.2619 17.9215 13.2619 17.3563L8.73809 14.7994C8.28008 14.5405 7.71992 14.5405 7.26191 14.7994L2.73809 17.3563C1.73815 17.9215 0.5 17.1991 0.5 16.0505V4Z" fill="white" stroke="#6E6E6E"/>
 </svg>`;

package/dist/cjs/components/references/CitationEditor.js

@@ -74,8 +74,6 @@ const Actions = styled_components_1.default.div `
   justify-content: space-between;
   align-items: center;
 `;
-const EditIcon = () => (react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", color: "#6E6E6E", xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.7145 1.64621L12.4444 0.369929C11.9536 -0.12331 11.1566 -0.12331 10.6641 0.369929L9.44748 1.59248L12.2954 4.45434L13.7145 3.02831C14.0952 2.64572 14.0952 2.02877 13.7145 1.64621ZM8.70555 2.33642L11.5535 5.19826L4.3446 12.4424L1.4983 9.58059L8.70555 2.33642ZM0.399974 13.9906C0.166693 14.0476 -0.0439034 13.8375 0.00792508 13.6031L0.727197 10.3555L3.5735 13.2173L0.399974 13.9906Z", fill: "#6E6E6E" })));
 const itemsReducer = (0, array_reducer_1.attrsReducer)();
 const ridsReducer = (0, array_reducer_1.arrayReducer)();
 const CitationEditor = ({ query, rids: $rids, items: $items, citationCounts, sources, onSave, onDelete, onCite, onUncite, onCancel, canEdit, }) => {
@@ -156,7 +154,7 @@ const CitationEditor = ({ query, rids: $rids, items: $items, citationCounts, sou
             react_1.default.createElement(ReferenceLine_1.ReferenceLine, { item: item }),
             react_1.default.createElement(CitedItemActions, null,
                 react_1.default.createElement(EditReferenceButton, { value: item.id, disabled: !canEdit, onClick: () => setEditingForm({ show: true, item: item }) },
-                    react_1.default.createElement(EditIcon, null)),
+                    react_1.default.createElement(style_guide_1.EditIcon, null)),
                 react_1.default.createElement(ActionButton, { disabled: !canEdit, onClick: () => setDeleteDialog({ show: true, id: item.id }) },
                     react_1.default.createElement(style_guide_1.DeleteSolidIcon, { className: 'remove-icon' }))))))),
         react_1.default.createElement(ReferencesModal_1.ReferencesModal, { isOpen: editingForm.show, onCancel: () => setEditingForm({ show: false }), items: items, citationCounts: citationCounts, item: editingForm.item, onSave: handleSave, onDelete: handleDelete }),

package/dist/cjs/lib/track-changes-utils.js

@@ -16,7 +16,9 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.sanitizeAttrsChange = exports.isHidden = exports.getAttrsTrackingButton = exports.getActualAttrs = exports.isTracked = exports.getChangeClasses = exports.isPendingSetAttrs = exports.isPending = exports.isPendingInsert = exports.isDeleted = exports.isRejectedInsert = void 0;
-const assets_1 = require("../assets");
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = require("react");
+const server_1 = require("react-dom/server");
 function isRejectedInsert(node) {
     if (node.attrs.dataTracked) {
         const changes = node.attrs.dataTracked;
@@ -95,7 +97,7 @@ const getAttrsTrackingButton = (changeID) => {
     const el = document.createElement('button');
     el.className = 'attrs-popper-button';
     el.value = changeID;
-    el.innerHTML = assets_1.editAttrsTrackingIcon;
+    el.innerHTML = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.EditAttrsTrackingIcon));
     return el;
 };
 exports.getAttrsTrackingButton = getAttrsTrackingButton;

package/dist/cjs/plugins/footnotes/index.js

@@ -19,13 +19,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildPluginState = exports.uncitedFootnoteWidget = exports.footnotesKey = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
 const lodash_1 = require("lodash");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_utils_1 = require("prosemirror-utils");
 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 commands_1 = require("../../commands");
 const DeleteFootnoteDialog_1 = require("../../components/views/DeleteFootnoteDialog");
 const utils_1 = require("../../lib/utils");
@@ -54,14 +56,14 @@ const labelWidget = (label, id) => (view) => {
 const uncitedFootnoteWidget = () => () => {
     const element = document.createElement('span');
     element.className = 'uncited-footnote';
-    element.innerHTML = assets_1.alertIcon;
+    element.innerHTML = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.AlertIcon));
     return element;
 };
 exports.uncitedFootnoteWidget = uncitedFootnoteWidget;
 const deleteFootnoteWidget = (node, props, id, tableElement, tableElementFooter) => (view, getPos) => {
     const deleteBtn = document.createElement('span');
     deleteBtn.className = 'delete-icon';
-    deleteBtn.innerHTML = assets_1.deleteIcon;
+    deleteBtn.innerHTML = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.DeleteIcon));
     const parentType = tableElement ? 'table ' : '';
     const footnote = {
         type: node.type === transform_1.schema.nodes.footnote

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

package/dist/cjs/views/table_cell.js

@@ -19,11 +19,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableCellView = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_model_1 = require("prosemirror-model");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_tables_1 = require("prosemirror-tables");
-const assets_1 = require("../assets");
+const react_1 = require("react");
+const server_1 = require("react-dom/server");
 const TableCellContextMenu_1 = require("../components/views/TableCellContextMenu");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
@@ -55,7 +57,7 @@ class TableCellView extends block_view_1.default {
     createContextMenu() {
         const contextMenuButton = document.createElement('button');
         contextMenuButton.className = 'table-context-menu-button';
-        contextMenuButton.innerHTML = assets_1.threeDotIcon;
+        contextMenuButton.innerHTML = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.DotsIcon));
         contextMenuButton.addEventListener('click', () => {
             var _a;
             if (this.props.popper.isActive()) {

package/dist/es/assets.js

@@ -1,5 +1,5 @@
 /*!
- * © 2023 Atypon Systems LLC
+ * © 2024 Atypon Systems LLC
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -13,160 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export const editIcon = `
-  <svg
-    width="14"
-    height="14"
-    viewBox="0 0 14 14"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M8.706 2.33624L11.553 5.19824L4.345 12.4422L1.498 9.58124L8.706 2.33624V2.33624ZM13.714 1.64624L12.444 0.37024C12.3273 0.253047 12.1886 0.160056 12.0359 0.0966039C11.8831 0.0331518 11.7194 0.000488281 11.554 0.000488281C11.3886 0.000488281 11.2249 0.0331518 11.0721 0.0966039C10.9194 0.160056 10.7807 0.253047 10.664 0.37024L9.447 1.59224L12.295 4.45424L13.715 3.02824C13.8976 2.84462 14.0001 2.59619 14.0001 2.33724C14.0001 2.07829 13.8976 1.82986 13.715 1.64624H13.714ZM0.00800253 13.6032C-0.00418388 13.6571 -0.00246802 13.7131 0.0129883 13.7661C0.0284447 13.819 0.0571327 13.8672 0.096349 13.906C0.135565 13.9448 0.184019 13.973 0.237143 13.9879C0.290268 14.0028 0.346315 14.004 0.400003 13.9912L3.573 13.2172L0.727003 10.3552L0.0070026 13.6032H0.00800253Z"
-      fill="#6E6E6E"
-    />
-  </svg>
-`;
-export const commentIcon = `
-<svg
-    width="20"
-    height="15"
-    viewBox="0 0 20 15"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M7.94841 4.18311C7.98238 3.9602 8 3.73191 8 3.49951C8 3.22073 7.97465 2.94787 7.92613 2.68311H13.5C14.8854 2.68311 16.25 3.6425 16.25 5.09977V9.02453L19.1086 12.9949C19.2731 13.2233 19.2958 13.5245 19.1675 13.775C19.0392 14.0255 18.7814 14.1831 18.5 14.1831H5.5C4.11463 14.1831 2.75 13.2237 2.75 11.7664V7.93729C2.9939 7.97821 3.24446 7.99951 3.5 7.99951C3.75553 7.99951 4.00609 7.97821 4.25 7.93729V11.7664C4.25 12.1508 4.67537 12.6831 5.5 12.6831H17.0358L14.8913 9.70467C14.7994 9.57703 14.75 9.42372 14.75 9.26644V5.09977C14.75 4.71538 14.3246 4.18311 13.5 4.18311H7.94841Z"
-      fill="#FFBD26"
-    />
-    <path
-      d="M11.5 6.99951H8.5"
-      stroke="#FFBD26"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M12 9.99951H7"
-      stroke="#FFBD26"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M3.5 1L3.5 6"
-      stroke="#FFBD26"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M6 3.5L1 3.5"
-      stroke="#FFBD26"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-`;
-export const editAttrsTrackingIcon = `
- <svg
-    width="16"
-    height="16"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M12 2L14 4L9 9L6 10L7 7L12 2Z"
-      stroke="#353535"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M13 10V11.5C13 12.328 12.328 13 11.5 13H4.5C3.672 13 3 12.328 3 11.5V4.5C3 3.672 3.672 3 4.5 3H6"
-      stroke="#353535"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-`;
-export const alertIcon = `
-  <svg
-    width="12"
-    height="12"
-    viewBox="0 0 12 12"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M6 12C2.68629 12 1.18852e-06 9.31371 1.47821e-06 6C1.7679e-06 2.68629 2.68629 1.39444e-07 6 4.29138e-07C9.31371 7.18831e-07 12 2.68629 12 6C12 9.31371 9.31371 12 6 12ZM6.74998 2.99996L6.75 6.37462C6.75 6.78819 6.41522 7.12243 6.00166 7.12334C5.58681 7.12426 5.25001 6.78821 5.25001 6.37335L5.25 3.00082C5.25 2.58629 5.58629 2.25037 6.00082 2.25083C6.4147 2.25128 6.74998 2.58607 6.74998 2.99996ZM6.75 8.99263C6.75 9.46884 6.47288 9.75 5.99853 9.75C5.52419 9.75 5.25 9.47179 5.25 8.99558C5.25 8.51937 5.52421 8.25 5.99855 8.25C6.47289 8.25 6.75 8.51642 6.75 8.99263Z"
-      fill="#FE8F1F"
-    />
-  </svg>
-`;
-export const deleteIcon = `
-  <svg
-    width="13"
-    height="17"
-    viewBox="0 0 13 15"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M2.00001 3C2 3.00135 2 3.00269 2 3.00404V13.004C2 13.5563 2.44772 14.004 3 14.004H10C10.5523 14.004 11 13.5563 11 13.004V3.00404C11 3.00269 11 3.00135 11 3C11.5978 3.34581 12 3.99215 12 4.73244V13.004C12 14.1086 11.1046 15.004 10 15.004H3C1.89543 15.004 1 14.1086 1 13.004V4.73244C1 3.99215 1.4022 3.34581 2.00001 3Z"
-    fill="#C9C9C9"
-  />
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M4.5 0C3.67157 0 3 0.671573 3 1.5V3.5C3 4.32843 3.67157 5 4.5 5H8.5C9.32843 5 10 4.32843 10 3.5V1.5C10 0.671573 9.32843 0 8.5 0H4.5ZM9 1.5C9 1.22386 8.77614 1 8.5 1H4.5C4.22386 1 4 1.22386 4 1.5C4 1.77614 4.22386 2 4.5 2H8.5C8.77614 2 9 1.77614 9 1.5Z"
-    fill="#C9C9C9"
-  />
-  <rect
-    y="2"
-    width="13"
-    height="3"
-    rx="1.5"
-    fill="#C9C9C9"
-  />
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M8 7.5C8 7.22386 8.22386 7 8.5 7C8.77614 7 9 7.22386 9 7.5V11.5C9 11.7761 8.77614 12 8.5 12C8.22386 12 8 11.7761 8 11.5V7.5Z"
-    fill="#C9C9C9"
-  />
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M4 7.5C4 7.22386 4.22386 7 4.5 7C4.77614 7 5 7.22386 5 7.5V11.5C5 11.7761 4.77614 12 4.5 12C4.22386 12 4 11.7761 4 11.5V7.5Z"
-    fill="#C9C9C9"
-  />
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M11.5 3C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4L1.5 4C1.22386 4 1 3.77614 1 3.5C1 3.22386 1.22386 3 1.5 3L11.5 3Z"
-    fill="white"
-  />
-</svg>`;
-export const threeDotIcon = ` <svg width="4" height="16" viewBox="0 0 4 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="2" cy="2" r="2" fill="#6E6E6E"></circle>
-<circle cx="2" cy="8" r="2" fill="#6E6E6E"></circle>
-<circle cx="2" cy="14" r="2" fill="#6E6E6E"></circle>
-</svg>
-`;
 export const sectionCategoryIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="19" viewBox="0 0 16 19" fill="none">
 <path d="M0.5 4C0.5 2.067 2.067 0.5 4 0.5H12C13.933 0.5 15.5 2.067 15.5 4V16.0505C15.5 17.1991 14.2619 17.9215 13.2619 17.3563L8.73809 14.7994C8.28008 14.5405 7.71992 14.5405 7.26191 14.7994L2.73809 17.3563C1.73815 17.9215 0.5 17.1991 0.5 16.0505V4Z" fill="white" stroke="#6E6E6E"/>
 </svg>`;

package/dist/es/components/references/CitationEditor.js

@@ -1,5 +1,5 @@
 import { generateID, ObjectTypes } from '@manuscripts/json-schema';
-import { ButtonGroup, Category, DeleteSolidIcon, Dialog, IconButton, IconTextButton, PrimaryButton, SecondaryButton, } from '@manuscripts/style-guide';
+import { ButtonGroup, Category, DeleteSolidIcon, Dialog, EditIcon, IconButton, IconTextButton, PrimaryButton, SecondaryButton, } from '@manuscripts/style-guide';
 import React, { useMemo, useReducer, useState } from 'react';
 import styled from 'styled-components';
 import { arrayReducer, attrsReducer } from '../../lib/array-reducer';
@@ -45,8 +45,6 @@ const Actions = styled.div `
   justify-content: space-between;
   align-items: center;
 `;
-const EditIcon = () => (React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", color: "#6E6E6E", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.7145 1.64621L12.4444 0.369929C11.9536 -0.12331 11.1566 -0.12331 10.6641 0.369929L9.44748 1.59248L12.2954 4.45434L13.7145 3.02831C14.0952 2.64572 14.0952 2.02877 13.7145 1.64621ZM8.70555 2.33642L11.5535 5.19826L4.3446 12.4424L1.4983 9.58059L8.70555 2.33642ZM0.399974 13.9906C0.166693 14.0476 -0.0439034 13.8375 0.00792508 13.6031L0.727197 10.3555L3.5735 13.2173L0.399974 13.9906Z", fill: "#6E6E6E" })));
 const itemsReducer = attrsReducer();
 const ridsReducer = arrayReducer();
 export const CitationEditor = ({ query, rids: $rids, items: $items, citationCounts, sources, onSave, onDelete, onCite, onUncite, onCancel, canEdit, }) => {

package/dist/es/lib/track-changes-utils.js

@@ -13,7 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { editAttrsTrackingIcon } from '../assets';
+import { EditAttrsTrackingIcon } from '@manuscripts/style-guide';
+import { createElement } from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
 export function isRejectedInsert(node) {
     if (node.attrs.dataTracked) {
         const changes = node.attrs.dataTracked;
@@ -84,7 +86,7 @@ export const getAttrsTrackingButton = (changeID) => {
     const el = document.createElement('button');
     el.className = 'attrs-popper-button';
     el.value = changeID;
-    el.innerHTML = editAttrsTrackingIcon;
+    el.innerHTML = renderToStaticMarkup(createElement(EditAttrsTrackingIcon));
     return el;
 };
 export function isHidden(node) {

package/dist/es/plugins/footnotes/index.js

@@ -13,13 +13,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { AlertIcon, DeleteIcon } from '@manuscripts/style-guide';
 import { skipTracking } from '@manuscripts/track-changes-plugin';
 import { isFootnoteNode, isFootnotesElementNode, isFootnotesSectionNode, isInlineFootnoteNode, schema, } from '@manuscripts/transform';
 import { isEqual } from 'lodash';
 import { NodeSelection, Plugin, PluginKey, TextSelection, } from 'prosemirror-state';
 import { findParentNodeClosestToPos, findParentNodeOfType, } from 'prosemirror-utils';
 import { Decoration, DecorationSet } from 'prosemirror-view';
-import { alertIcon, deleteIcon } from '../../assets';
+import { createElement } from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
 import { isTextSelection } from '../../commands';
 import { DeleteFootnoteDialog, } from '../../components/views/DeleteFootnoteDialog';
 import { getChildOfType } from '../../lib/utils';
@@ -48,13 +50,13 @@ const labelWidget = (label, id) => (view) => {
 export const uncitedFootnoteWidget = () => () => {
     const element = document.createElement('span');
     element.className = 'uncited-footnote';
-    element.innerHTML = alertIcon;
+    element.innerHTML = renderToStaticMarkup(createElement(AlertIcon));
     return element;
 };
 const deleteFootnoteWidget = (node, props, id, tableElement, tableElementFooter) => (view, getPos) => {
     const deleteBtn = document.createElement('span');
     deleteBtn.className = 'delete-icon';
-    deleteBtn.innerHTML = deleteIcon;
+    deleteBtn.innerHTML = renderToStaticMarkup(createElement(DeleteIcon));
     const parentType = tableElement ? 'table ' : '';
     const footnote = {
         type: node.type === schema.nodes.footnote

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

package/dist/es/views/table_cell.js

@@ -13,11 +13,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { DotsIcon } from '@manuscripts/style-guide';
 import { schema } from '@manuscripts/transform';
 import { DOMSerializer } from 'prosemirror-model';
 import { TextSelection } from 'prosemirror-state';
 import { CellSelection } from 'prosemirror-tables';
-import { threeDotIcon } from '../assets';
+import { createElement } from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
 import { ContextMenu } from '../components/views/TableCellContextMenu';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
@@ -49,7 +51,7 @@ export class TableCellView extends BlockView {
     createContextMenu() {
         const contextMenuButton = document.createElement('button');
         contextMenuButton.className = 'table-context-menu-button';
-        contextMenuButton.innerHTML = threeDotIcon;
+        contextMenuButton.innerHTML = renderToStaticMarkup(createElement(DotsIcon));
         contextMenuButton.addEventListener('click', () => {
             var _a;
             if (this.props.popper.isActive()) {

package/dist/types/assets.d.ts

@@ -1,5 +1,5 @@
 /*!
- * © 2023 Atypon Systems LLC
+ * © 2024 Atypon Systems LLC
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -13,10 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export declare const editIcon = "\n  <svg\n    width=\"14\"\n    height=\"14\"\n    viewBox=\"0 0 14 14\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M8.706 2.33624L11.553 5.19824L4.345 12.4422L1.498 9.58124L8.706 2.33624V2.33624ZM13.714 1.64624L12.444 0.37024C12.3273 0.253047 12.1886 0.160056 12.0359 0.0966039C11.8831 0.0331518 11.7194 0.000488281 11.554 0.000488281C11.3886 0.000488281 11.2249 0.0331518 11.0721 0.0966039C10.9194 0.160056 10.7807 0.253047 10.664 0.37024L9.447 1.59224L12.295 4.45424L13.715 3.02824C13.8976 2.84462 14.0001 2.59619 14.0001 2.33724C14.0001 2.07829 13.8976 1.82986 13.715 1.64624H13.714ZM0.00800253 13.6032C-0.00418388 13.6571 -0.00246802 13.7131 0.0129883 13.7661C0.0284447 13.819 0.0571327 13.8672 0.096349 13.906C0.135565 13.9448 0.184019 13.973 0.237143 13.9879C0.290268 14.0028 0.346315 14.004 0.400003 13.9912L3.573 13.2172L0.727003 10.3552L0.0070026 13.6032H0.00800253Z\"\n      fill=\"#6E6E6E\"\n    />\n  </svg>\n";
-export declare const commentIcon = "\n<svg\n    width=\"20\"\n    height=\"15\"\n    viewBox=\"0 0 20 15\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M7.94841 4.18311C7.98238 3.9602 8 3.73191 8 3.49951C8 3.22073 7.97465 2.94787 7.92613 2.68311H13.5C14.8854 2.68311 16.25 3.6425 16.25 5.09977V9.02453L19.1086 12.9949C19.2731 13.2233 19.2958 13.5245 19.1675 13.775C19.0392 14.0255 18.7814 14.1831 18.5 14.1831H5.5C4.11463 14.1831 2.75 13.2237 2.75 11.7664V7.93729C2.9939 7.97821 3.24446 7.99951 3.5 7.99951C3.75553 7.99951 4.00609 7.97821 4.25 7.93729V11.7664C4.25 12.1508 4.67537 12.6831 5.5 12.6831H17.0358L14.8913 9.70467C14.7994 9.57703 14.75 9.42372 14.75 9.26644V5.09977C14.75 4.71538 14.3246 4.18311 13.5 4.18311H7.94841Z\"\n      fill=\"#FFBD26\"\n    />\n    <path\n      d=\"M11.5 6.99951H8.5\"\n      stroke=\"#FFBD26\"\n      stroke-width=\"1.5\"\n      stroke-miterlimit=\"10\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M12 9.99951H7\"\n      stroke=\"#FFBD26\"\n      stroke-width=\"1.5\"\n      stroke-miterlimit=\"10\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M3.5 1L3.5 6\"\n      stroke=\"#FFBD26\"\n      stroke-width=\"1.5\"\n      stroke-miterlimit=\"10\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M6 3.5L1 3.5\"\n      stroke=\"#FFBD26\"\n      stroke-width=\"1.5\"\n      stroke-miterlimit=\"10\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n";
-export declare const editAttrsTrackingIcon = "\n <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M12 2L14 4L9 9L6 10L7 7L12 2Z\"\n      stroke=\"#353535\"\n      stroke-width=\"1.5\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M13 10V11.5C13 12.328 12.328 13 11.5 13H4.5C3.672 13 3 12.328 3 11.5V4.5C3 3.672 3.672 3 4.5 3H6\"\n      stroke=\"#353535\"\n      stroke-width=\"1.5\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n";
-export declare const alertIcon = "\n  <svg\n    width=\"12\"\n    height=\"12\"\n    viewBox=\"0 0 12 12\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M6 12C2.68629 12 1.18852e-06 9.31371 1.47821e-06 6C1.7679e-06 2.68629 2.68629 1.39444e-07 6 4.29138e-07C9.31371 7.18831e-07 12 2.68629 12 6C12 9.31371 9.31371 12 6 12ZM6.74998 2.99996L6.75 6.37462C6.75 6.78819 6.41522 7.12243 6.00166 7.12334C5.58681 7.12426 5.25001 6.78821 5.25001 6.37335L5.25 3.00082C5.25 2.58629 5.58629 2.25037 6.00082 2.25083C6.4147 2.25128 6.74998 2.58607 6.74998 2.99996ZM6.75 8.99263C6.75 9.46884 6.47288 9.75 5.99853 9.75C5.52419 9.75 5.25 9.47179 5.25 8.99558C5.25 8.51937 5.52421 8.25 5.99855 8.25C6.47289 8.25 6.75 8.51642 6.75 8.99263Z\"\n      fill=\"#FE8F1F\"\n    />\n  </svg>\n";
-export declare const deleteIcon = "\n  <svg\n    width=\"13\"\n    height=\"17\"\n    viewBox=\"0 0 13 15\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M2.00001 3C2 3.00135 2 3.00269 2 3.00404V13.004C2 13.5563 2.44772 14.004 3 14.004H10C10.5523 14.004 11 13.5563 11 13.004V3.00404C11 3.00269 11 3.00135 11 3C11.5978 3.34581 12 3.99215 12 4.73244V13.004C12 14.1086 11.1046 15.004 10 15.004H3C1.89543 15.004 1 14.1086 1 13.004V4.73244C1 3.99215 1.4022 3.34581 2.00001 3Z\"\n    fill=\"#C9C9C9\"\n  />\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M4.5 0C3.67157 0 3 0.671573 3 1.5V3.5C3 4.32843 3.67157 5 4.5 5H8.5C9.32843 5 10 4.32843 10 3.5V1.5C10 0.671573 9.32843 0 8.5 0H4.5ZM9 1.5C9 1.22386 8.77614 1 8.5 1H4.5C4.22386 1 4 1.22386 4 1.5C4 1.77614 4.22386 2 4.5 2H8.5C8.77614 2 9 1.77614 9 1.5Z\"\n    fill=\"#C9C9C9\"\n  />\n  <rect\n    y=\"2\"\n    width=\"13\"\n    height=\"3\"\n    rx=\"1.5\"\n    fill=\"#C9C9C9\"\n  />\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M8 7.5C8 7.22386 8.22386 7 8.5 7C8.77614 7 9 7.22386 9 7.5V11.5C9 11.7761 8.77614 12 8.5 12C8.22386 12 8 11.7761 8 11.5V7.5Z\"\n    fill=\"#C9C9C9\"\n  />\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M4 7.5C4 7.22386 4.22386 7 4.5 7C4.77614 7 5 7.22386 5 7.5V11.5C5 11.7761 4.77614 12 4.5 12C4.22386 12 4 11.7761 4 11.5V7.5Z\"\n    fill=\"#C9C9C9\"\n  />\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M11.5 3C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4L1.5 4C1.22386 4 1 3.77614 1 3.5C1 3.22386 1.22386 3 1.5 3L11.5 3Z\"\n    fill=\"white\"\n  />\n</svg>";
-export declare const threeDotIcon = " <svg width=\"4\" height=\"16\" viewBox=\"0 0 4 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<circle cx=\"2\" cy=\"2\" r=\"2\" fill=\"#6E6E6E\"></circle>\n<circle cx=\"2\" cy=\"8\" r=\"2\" fill=\"#6E6E6E\"></circle>\n<circle cx=\"2\" cy=\"14\" r=\"2\" fill=\"#6E6E6E\"></circle>\n</svg>\n";
 export declare const sectionCategoryIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"19\" viewBox=\"0 0 16 19\" fill=\"none\">\n<path d=\"M0.5 4C0.5 2.067 2.067 0.5 4 0.5H12C13.933 0.5 15.5 2.067 15.5 4V16.0505C15.5 17.1991 14.2619 17.9215 13.2619 17.3563L8.73809 14.7994C8.28008 14.5405 7.71992 14.5405 7.26191 14.7994L2.73809 17.3563C1.73815 17.9215 0.5 17.1991 0.5 16.0505V4Z\" fill=\"white\" stroke=\"#6E6E6E\"/>\n</svg>";

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.0.36";
+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.36",
+  "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.12",
+    "@manuscripts/style-guide": "2.0.15",
     "@manuscripts/track-changes-plugin": "1.7.17",
     "@manuscripts/transform": "2.3.30",
     "@popperjs/core": "^2.11.8",

package/styles/Editor.css

@@ -949,10 +949,22 @@
 .delete-icon {
   position: absolute;
   right: -20px;
-  top: -13px;
+  top: 13px;
   cursor: pointer;
   z-index: 1;
 }
+.delete-icon svg path {
+  fill: #c9c9c9;
+}
+
+.delete-icon svg rect {
+  fill: #c9c9c9;
+}
+
+.delete-icon svg path:last-child {
+  fill: #fff;
+}
+
 .delete-icon:hover svg path {
   fill: #353535;
 }