@manuscripts/body-editor 3.7.20 → 3.7.22

package/dist/cjs/components/form/FormFooter.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Footer = styled_components_1.default.div `
@@ -16,19 +17,8 @@ const Footer = styled_components_1.default.div `
   position: relative;
   z-index: 3;
 `;
-const RemoveButton = styled_components_1.default.button `
-  background-color: #0d79d0;
-  color: ${(props) => props.theme.colors.text.onDark};
-  padding: 8px 32px;
-  border-radius: 4px;
-  border: 1px solid #0d79d0;
-  &:hover {
-    background-color: ${(props) => props.theme.colors.background.hover};
-  }
-  cursor: pointer;
-`;
 const FormFooter = ({ onCancel }) => {
     return (react_1.default.createElement(Footer, null,
-        react_1.default.createElement(RemoveButton, { onClick: onCancel }, "Close")));
+        react_1.default.createElement(style_guide_1.PrimaryButton, { onClick: onCancel }, "Close")));
 };
 exports.default = FormFooter;

package/dist/cjs/plugins/placeholder.js

@@ -26,7 +26,7 @@ const placeholderWidget = (placeholder) => (view, getPos) => {
     const element = document.createElement('span');
     element.className = 'placeholder-text';
     element.setAttribute('aria-hidden', 'true');
-    element.textContent = placeholder;
+    element.dataset.placeholder = placeholder;
     element.addEventListener('click', (event) => {
         event.preventDefault();
         const pos = getPos();

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

package/dist/cjs/views/attachments.js

@@ -42,7 +42,7 @@ class AttachmentsView extends block_view_1.default {
         const panel = document.createElement('div');
         panel.classList.add('panel-header');
         const label = document.createElement('span');
-        label.textContent = 'Main Document';
+        label.textContent = 'Main document';
         label.contentEditable = 'false';
         const toggleBtn = document.createElement('button');
         toggleBtn.classList.add('toggle-btn', 'button-reset');

package/dist/es/components/form/FormFooter.js

@@ -1,3 +1,4 @@
+import { PrimaryButton } from '@manuscripts/style-guide';
 import React from 'react';
 import styled from 'styled-components';
 const Footer = styled.div `
@@ -11,19 +12,8 @@ const Footer = styled.div `
   position: relative;
   z-index: 3;
 `;
-const RemoveButton = styled.button `
-  background-color: #0d79d0;
-  color: ${(props) => props.theme.colors.text.onDark};
-  padding: 8px 32px;
-  border-radius: 4px;
-  border: 1px solid #0d79d0;
-  &:hover {
-    background-color: ${(props) => props.theme.colors.background.hover};
-  }
-  cursor: pointer;
-`;
 const FormFooter = ({ onCancel }) => {
     return (React.createElement(Footer, null,
-        React.createElement(RemoveButton, { onClick: onCancel }, "Close")));
+        React.createElement(PrimaryButton, { onClick: onCancel }, "Close")));
 };
 export default FormFooter;

package/dist/es/plugins/placeholder.js

@@ -24,7 +24,7 @@ const placeholderWidget = (placeholder) => (view, getPos) => {
     const element = document.createElement('span');
     element.className = 'placeholder-text';
     element.setAttribute('aria-hidden', 'true');
-    element.textContent = placeholder;
+    element.dataset.placeholder = placeholder;
     element.addEventListener('click', (event) => {
         event.preventDefault();
         const pos = getPos();

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.7.20';
+export const VERSION = '3.7.22';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/attachments.js

@@ -36,7 +36,7 @@ export class AttachmentsView extends BlockView {
         const panel = document.createElement('div');
         panel.classList.add('panel-header');
         const label = document.createElement('span');
-        label.textContent = 'Main Document';
+        label.textContent = 'Main document';
         label.contentEditable = 'false';
         const toggleBtn = document.createElement('button');
         toggleBtn.classList.add('toggle-btn', 'button-reset');

package/dist/types/versions.d.ts

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

package/styles/Editor.css

@@ -155,9 +155,16 @@
 .ProseMirror .pullquote figure {
   margin: 0;
 }
-.ProseMirror .pullquote footer.empty-node:after,
+.ProseMirror .pullquote footer.empty-node:after {
+  background: #ddf3fa;
+  color: #6e6e6e;
+}
+
 .ProseMirror .pullquote .placeholder-text {
   background: #ddf3fa;
+}
+
+.ProseMirror .pullquote .placeholder-text::before {
   color: #6e6e6e;
 }
 
@@ -572,8 +579,13 @@
 
 .ProseMirror .placeholder-text {
   font-style: italic;
-  color: #c9c9c9;
   margin: 0;
+  cursor: text;
+}
+
+.ProseMirror .placeholder-text::before {
+  content: attr(data-placeholder);
+  color: #c9c9c9;
 }
 
 .ProseMirror .add-subtitle {