@manuscripts/body-editor 1.7.31-LEAN-3321-0 → 1.7.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/assets.js +1 -47
- package/dist/cjs/configs/editor-plugins.js +1 -1
- package/dist/cjs/lib/context-menu.js +2 -10
- package/dist/cjs/plugins/footnotes/index.js +1 -65
- package/dist/es/assets.js +0 -46
- package/dist/es/configs/editor-plugins.js +1 -1
- package/dist/es/lib/context-menu.js +2 -10
- package/dist/es/plugins/footnotes/index.js +3 -64
- package/dist/types/assets.d.ts +0 -1
- package/dist/types/configs/editor-plugins.d.ts +1 -1
- package/dist/types/plugins/footnotes/index.d.ts +1 -2
- package/package.json +5 -5
- package/styles/AdvancedEditor.css +1 -3
- package/styles/Editor.css +3 -29
- package/dist/cjs/components/views/DeleteFootnoteDialog.js +0 -45
- package/dist/es/components/views/DeleteFootnoteDialog.js +0 -18
- package/dist/types/components/views/DeleteFootnoteDialog.d.ts +0 -7
package/dist/cjs/assets.js
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* limitations under the License.
|
|
16
16
|
*/
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.
|
|
18
|
+
exports.alertIcon = exports.editAttrsTrackingIcon = exports.commentIcon = exports.editIcon = void 0;
|
|
19
19
|
exports.editIcon = `
|
|
20
20
|
<svg
|
|
21
21
|
width="14"
|
|
@@ -118,49 +118,3 @@ exports.alertIcon = `
|
|
|
118
118
|
/>
|
|
119
119
|
</svg>
|
|
120
120
|
`;
|
|
121
|
-
exports.deleteIcon = `
|
|
122
|
-
<svg
|
|
123
|
-
width="13"
|
|
124
|
-
height="15"
|
|
125
|
-
viewBox="0 0 13 15"
|
|
126
|
-
fill="none"
|
|
127
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
128
|
-
>
|
|
129
|
-
<path
|
|
130
|
-
fill-rule="evenodd"
|
|
131
|
-
clip-rule="evenodd"
|
|
132
|
-
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"
|
|
133
|
-
fill="#C9C9C9"
|
|
134
|
-
/>
|
|
135
|
-
<path
|
|
136
|
-
fill-rule="evenodd"
|
|
137
|
-
clip-rule="evenodd"
|
|
138
|
-
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"
|
|
139
|
-
fill="#C9C9C9"
|
|
140
|
-
/>
|
|
141
|
-
<rect
|
|
142
|
-
y="2"
|
|
143
|
-
width="13"
|
|
144
|
-
height="3"
|
|
145
|
-
rx="1.5"
|
|
146
|
-
fill="#C9C9C9"
|
|
147
|
-
/>
|
|
148
|
-
<path
|
|
149
|
-
fill-rule="evenodd"
|
|
150
|
-
clip-rule="evenodd"
|
|
151
|
-
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"
|
|
152
|
-
fill="#C9C9C9"
|
|
153
|
-
/>
|
|
154
|
-
<path
|
|
155
|
-
fill-rule="evenodd"
|
|
156
|
-
clip-rule="evenodd"
|
|
157
|
-
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"
|
|
158
|
-
fill="#C9C9C9"
|
|
159
|
-
/>
|
|
160
|
-
<path
|
|
161
|
-
fill-rule="evenodd"
|
|
162
|
-
clip-rule="evenodd"
|
|
163
|
-
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"
|
|
164
|
-
fill="white"
|
|
165
|
-
/>
|
|
166
|
-
</svg>`;
|
|
@@ -69,7 +69,7 @@ exports.default = (props) => {
|
|
|
69
69
|
(0, prosemirror_tables_1.tableEditing)(),
|
|
70
70
|
(0, highlight_1.default)(props),
|
|
71
71
|
(0, selected_suggestion_ui_1.default)(props),
|
|
72
|
-
(0, footnotes_1.default)(
|
|
72
|
+
(0, footnotes_1.default)(),
|
|
73
73
|
(0, table_footnote_1.default)(),
|
|
74
74
|
];
|
|
75
75
|
if (props.collabProvider) {
|
|
@@ -142,7 +142,7 @@ class ContextMenu {
|
|
|
142
142
|
this.addPopperEventListeners();
|
|
143
143
|
};
|
|
144
144
|
this.showEditMenu = (target) => {
|
|
145
|
-
var _a
|
|
145
|
+
var _a;
|
|
146
146
|
const menu = document.createElement('div');
|
|
147
147
|
menu.className = 'menu';
|
|
148
148
|
const $pos = this.resolvePos();
|
|
@@ -176,17 +176,9 @@ class ContextMenu {
|
|
|
176
176
|
if (type === transform_1.schema.nodes.table_element) {
|
|
177
177
|
const isInTable = (0, prosemirror_utils_1.hasParentNodeOfType)(transform_1.schema.nodes.table)(this.view.state.selection);
|
|
178
178
|
const tableElementFooter = (0, prosemirror_utils_1.findChildrenByType)(this.node, transform_1.schema.nodes.table_element_footer);
|
|
179
|
-
let isDeletedOrRejected = false;
|
|
180
179
|
const hasGeneralNote = tableElementFooter.length &&
|
|
181
180
|
((_a = tableElementFooter[0].node.firstChild) === null || _a === void 0 ? void 0 : _a.type) === transform_1.schema.nodes.paragraph;
|
|
182
|
-
if (hasGeneralNote) {
|
|
183
|
-
const generalFootnote = (_b = tableElementFooter[0]) === null || _b === void 0 ? void 0 : _b.node.firstChild;
|
|
184
|
-
if (generalFootnote) {
|
|
185
|
-
isDeletedOrRejected =
|
|
186
|
-
(0, track_changes_utils_1.isDeleted)(generalFootnote) || (0, track_changes_utils_1.isRejectedInsert)(generalFootnote);
|
|
187
|
-
}
|
|
188
|
-
}
|
|
189
|
-
if (!hasGeneralNote || isDeletedOrRejected) {
|
|
181
|
+
if (!hasGeneralNote) {
|
|
190
182
|
menu.appendChild(this.createMenuSection((section) => {
|
|
191
183
|
section.appendChild(this.createMenuItem('Add General Note', () => {
|
|
192
184
|
(0, commands_1.insertGeneralFootnote)(this.node, this.getPos(), this.view, tableElementFooter);
|
|
@@ -14,9 +14,6 @@
|
|
|
14
14
|
* See the License for the specific language governing permissions and
|
|
15
15
|
* limitations under the License.
|
|
16
16
|
*/
|
|
17
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
-
};
|
|
20
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
18
|
exports.uncitedFootnoteWidget = exports.buildPluginState = exports.footnotesKey = void 0;
|
|
22
19
|
const transform_1 = require("@manuscripts/transform");
|
|
@@ -25,9 +22,7 @@ const prosemirror_state_1 = require("prosemirror-state");
|
|
|
25
22
|
const prosemirror_utils_1 = require("prosemirror-utils");
|
|
26
23
|
const prosemirror_view_1 = require("prosemirror-view");
|
|
27
24
|
const assets_1 = require("../../assets");
|
|
28
|
-
const DeleteFootnoteDialog_1 = require("../../components/views/DeleteFootnoteDialog");
|
|
29
25
|
const utils_1 = require("../../lib/utils");
|
|
30
|
-
const ReactSubView_1 = __importDefault(require("../../views/ReactSubView"));
|
|
31
26
|
const placeholder_1 = require("../placeholder");
|
|
32
27
|
const footnotes_utils_1 = require("./footnotes-utils");
|
|
33
28
|
exports.footnotesKey = new prosemirror_state_1.PluginKey('footnotes');
|
|
@@ -73,39 +68,7 @@ const uncitedFootnoteWidget = () => () => {
|
|
|
73
68
|
return element;
|
|
74
69
|
};
|
|
75
70
|
exports.uncitedFootnoteWidget = uncitedFootnoteWidget;
|
|
76
|
-
|
|
77
|
-
const deleteBtn = document.createElement('span');
|
|
78
|
-
deleteBtn.className = 'delete-icon';
|
|
79
|
-
deleteBtn.innerHTML = assets_1.deleteIcon;
|
|
80
|
-
deleteBtn.addEventListener('click', () => {
|
|
81
|
-
const handleDelete = () => {
|
|
82
|
-
const tr = view.state.tr;
|
|
83
|
-
const pos = getPos();
|
|
84
|
-
if (node.type === transform_1.schema.nodes.table_element_footer) {
|
|
85
|
-
if (!(0, utils_1.getChildOfType)(node, transform_1.schema.nodes.footnotes_element, true) &&
|
|
86
|
-
pos) {
|
|
87
|
-
tr.delete(pos - 1, pos + node.nodeSize);
|
|
88
|
-
}
|
|
89
|
-
else {
|
|
90
|
-
node.content.forEach((item) => {
|
|
91
|
-
if (item.type === transform_1.schema.nodes.paragraph && pos) {
|
|
92
|
-
tr.delete(pos - 1, pos + item.nodeSize + 1);
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
view.dispatch(tr);
|
|
98
|
-
};
|
|
99
|
-
const componentProps = {
|
|
100
|
-
footnoteType: footnoteType,
|
|
101
|
-
footnoteMessage: footnoteMessage,
|
|
102
|
-
handleDelete: handleDelete,
|
|
103
|
-
};
|
|
104
|
-
(0, ReactSubView_1.default)(Object.assign(Object.assign({}, props), { dispatch: view.dispatch }), DeleteFootnoteDialog_1.DeleteFootnoteDialog, componentProps, node, () => getPos(), view);
|
|
105
|
-
});
|
|
106
|
-
return deleteBtn;
|
|
107
|
-
};
|
|
108
|
-
exports.default = (props) => {
|
|
71
|
+
exports.default = () => {
|
|
109
72
|
return new prosemirror_state_1.Plugin({
|
|
110
73
|
key: exports.footnotesKey,
|
|
111
74
|
state: {
|
|
@@ -138,7 +101,6 @@ exports.default = (props) => {
|
|
|
138
101
|
decorations: (state) => {
|
|
139
102
|
const decorations = [];
|
|
140
103
|
const isInTableElementFooter = (0, prosemirror_utils_1.hasParentNodeOfType)(transform_1.schema.nodes.table_element_footer)(state.selection);
|
|
141
|
-
const isInTableElement = (0, prosemirror_utils_1.hasParentNodeOfType)(transform_1.schema.nodes.table_element)(state.selection);
|
|
142
104
|
if (isInTableElementFooter) {
|
|
143
105
|
const parent = (0, utils_1.findParentNodeWithIdValue)(state.selection);
|
|
144
106
|
if (parent) {
|
|
@@ -149,7 +111,6 @@ exports.default = (props) => {
|
|
|
149
111
|
}
|
|
150
112
|
const { labels } = exports.footnotesKey.getState(state);
|
|
151
113
|
let tableInlineFootnoteIds = undefined;
|
|
152
|
-
const can = props.getCapabilities();
|
|
153
114
|
state.doc.descendants((node, pos, parent) => {
|
|
154
115
|
var _a;
|
|
155
116
|
if ((0, transform_1.isFootnoteNode)(node)) {
|
|
@@ -170,31 +131,6 @@ exports.default = (props) => {
|
|
|
170
131
|
decorations.push(prosemirror_view_1.Decoration.widget(pos + node.nodeSize - 1, (0, exports.uncitedFootnoteWidget)()));
|
|
171
132
|
}
|
|
172
133
|
}
|
|
173
|
-
if (can.editArticle) {
|
|
174
|
-
if (isInTableElement) {
|
|
175
|
-
const isGeneralFootnote = node.type === transform_1.schema.nodes.paragraph;
|
|
176
|
-
const footnote = (() => {
|
|
177
|
-
switch (node.type) {
|
|
178
|
-
case transform_1.schema.nodes.footnote:
|
|
179
|
-
return {
|
|
180
|
-
type: 'table footnote',
|
|
181
|
-
message: 'This action will entirely remove the table footnote from the list because it will no longer be used.',
|
|
182
|
-
};
|
|
183
|
-
default:
|
|
184
|
-
return {
|
|
185
|
-
type: 'table general note',
|
|
186
|
-
message: 'This action will entirely remove the table general note.',
|
|
187
|
-
};
|
|
188
|
-
}
|
|
189
|
-
})();
|
|
190
|
-
if (isGeneralFootnote &&
|
|
191
|
-
(parent === null || parent === void 0 ? void 0 : parent.type) === transform_1.schema.nodes.table_element_footer) {
|
|
192
|
-
decorations.push(prosemirror_view_1.Decoration.widget(pos + 1, deleteFootnoteWidget(parent, props, footnote.type, footnote.message), {
|
|
193
|
-
key: parent.attrs.id,
|
|
194
|
-
}));
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
}
|
|
198
134
|
if (node.type === transform_1.schema.nodes.footnotes_element) {
|
|
199
135
|
if ((parent === null || parent === void 0 ? void 0 : parent.type) === transform_1.schema.nodes.table_element_footer) {
|
|
200
136
|
decorations.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {
|
package/dist/es/assets.js
CHANGED
|
@@ -115,49 +115,3 @@ export const alertIcon = `
|
|
|
115
115
|
/>
|
|
116
116
|
</svg>
|
|
117
117
|
`;
|
|
118
|
-
export const deleteIcon = `
|
|
119
|
-
<svg
|
|
120
|
-
width="13"
|
|
121
|
-
height="15"
|
|
122
|
-
viewBox="0 0 13 15"
|
|
123
|
-
fill="none"
|
|
124
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
125
|
-
>
|
|
126
|
-
<path
|
|
127
|
-
fill-rule="evenodd"
|
|
128
|
-
clip-rule="evenodd"
|
|
129
|
-
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"
|
|
130
|
-
fill="#C9C9C9"
|
|
131
|
-
/>
|
|
132
|
-
<path
|
|
133
|
-
fill-rule="evenodd"
|
|
134
|
-
clip-rule="evenodd"
|
|
135
|
-
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"
|
|
136
|
-
fill="#C9C9C9"
|
|
137
|
-
/>
|
|
138
|
-
<rect
|
|
139
|
-
y="2"
|
|
140
|
-
width="13"
|
|
141
|
-
height="3"
|
|
142
|
-
rx="1.5"
|
|
143
|
-
fill="#C9C9C9"
|
|
144
|
-
/>
|
|
145
|
-
<path
|
|
146
|
-
fill-rule="evenodd"
|
|
147
|
-
clip-rule="evenodd"
|
|
148
|
-
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"
|
|
149
|
-
fill="#C9C9C9"
|
|
150
|
-
/>
|
|
151
|
-
<path
|
|
152
|
-
fill-rule="evenodd"
|
|
153
|
-
clip-rule="evenodd"
|
|
154
|
-
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"
|
|
155
|
-
fill="#C9C9C9"
|
|
156
|
-
/>
|
|
157
|
-
<path
|
|
158
|
-
fill-rule="evenodd"
|
|
159
|
-
clip-rule="evenodd"
|
|
160
|
-
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"
|
|
161
|
-
fill="white"
|
|
162
|
-
/>
|
|
163
|
-
</svg>`;
|
|
@@ -135,7 +135,7 @@ export class ContextMenu {
|
|
|
135
135
|
this.addPopperEventListeners();
|
|
136
136
|
};
|
|
137
137
|
this.showEditMenu = (target) => {
|
|
138
|
-
var _a
|
|
138
|
+
var _a;
|
|
139
139
|
const menu = document.createElement('div');
|
|
140
140
|
menu.className = 'menu';
|
|
141
141
|
const $pos = this.resolvePos();
|
|
@@ -169,17 +169,9 @@ export class ContextMenu {
|
|
|
169
169
|
if (type === schema.nodes.table_element) {
|
|
170
170
|
const isInTable = hasParentNodeOfType(schema.nodes.table)(this.view.state.selection);
|
|
171
171
|
const tableElementFooter = findChildrenByType(this.node, schema.nodes.table_element_footer);
|
|
172
|
-
let isDeletedOrRejected = false;
|
|
173
172
|
const hasGeneralNote = tableElementFooter.length &&
|
|
174
173
|
((_a = tableElementFooter[0].node.firstChild) === null || _a === void 0 ? void 0 : _a.type) === schema.nodes.paragraph;
|
|
175
|
-
if (hasGeneralNote) {
|
|
176
|
-
const generalFootnote = (_b = tableElementFooter[0]) === null || _b === void 0 ? void 0 : _b.node.firstChild;
|
|
177
|
-
if (generalFootnote) {
|
|
178
|
-
isDeletedOrRejected =
|
|
179
|
-
isDeleted(generalFootnote) || isRejectedInsert(generalFootnote);
|
|
180
|
-
}
|
|
181
|
-
}
|
|
182
|
-
if (!hasGeneralNote || isDeletedOrRejected) {
|
|
174
|
+
if (!hasGeneralNote) {
|
|
183
175
|
menu.appendChild(this.createMenuSection((section) => {
|
|
184
176
|
section.appendChild(this.createMenuItem('Add General Note', () => {
|
|
185
177
|
insertGeneralFootnote(this.node, this.getPos(), this.view, tableElementFooter);
|
|
@@ -18,10 +18,8 @@ import { isEqual } from 'lodash';
|
|
|
18
18
|
import { NodeSelection, Plugin, PluginKey } from 'prosemirror-state';
|
|
19
19
|
import { hasParentNodeOfType } from 'prosemirror-utils';
|
|
20
20
|
import { Decoration, DecorationSet } from 'prosemirror-view';
|
|
21
|
-
import { alertIcon
|
|
22
|
-
import {
|
|
23
|
-
import { findParentNodeWithIdValue, getChildOfType } from '../../lib/utils';
|
|
24
|
-
import ReactSubView from '../../views/ReactSubView';
|
|
21
|
+
import { alertIcon } from '../../assets';
|
|
22
|
+
import { findParentNodeWithIdValue } from '../../lib/utils';
|
|
25
23
|
import { placeholderWidget } from '../placeholder';
|
|
26
24
|
import { findTableInlineFootnoteIds } from './footnotes-utils';
|
|
27
25
|
export const footnotesKey = new PluginKey('footnotes');
|
|
@@ -65,39 +63,7 @@ export const uncitedFootnoteWidget = () => () => {
|
|
|
65
63
|
element.innerHTML = alertIcon;
|
|
66
64
|
return element;
|
|
67
65
|
};
|
|
68
|
-
|
|
69
|
-
const deleteBtn = document.createElement('span');
|
|
70
|
-
deleteBtn.className = 'delete-icon';
|
|
71
|
-
deleteBtn.innerHTML = deleteIcon;
|
|
72
|
-
deleteBtn.addEventListener('click', () => {
|
|
73
|
-
const handleDelete = () => {
|
|
74
|
-
const tr = view.state.tr;
|
|
75
|
-
const pos = getPos();
|
|
76
|
-
if (node.type === schema.nodes.table_element_footer) {
|
|
77
|
-
if (!getChildOfType(node, schema.nodes.footnotes_element, true) &&
|
|
78
|
-
pos) {
|
|
79
|
-
tr.delete(pos - 1, pos + node.nodeSize);
|
|
80
|
-
}
|
|
81
|
-
else {
|
|
82
|
-
node.content.forEach((item) => {
|
|
83
|
-
if (item.type === schema.nodes.paragraph && pos) {
|
|
84
|
-
tr.delete(pos - 1, pos + item.nodeSize + 1);
|
|
85
|
-
}
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
view.dispatch(tr);
|
|
90
|
-
};
|
|
91
|
-
const componentProps = {
|
|
92
|
-
footnoteType: footnoteType,
|
|
93
|
-
footnoteMessage: footnoteMessage,
|
|
94
|
-
handleDelete: handleDelete,
|
|
95
|
-
};
|
|
96
|
-
ReactSubView(Object.assign(Object.assign({}, props), { dispatch: view.dispatch }), DeleteFootnoteDialog, componentProps, node, () => getPos(), view);
|
|
97
|
-
});
|
|
98
|
-
return deleteBtn;
|
|
99
|
-
};
|
|
100
|
-
export default (props) => {
|
|
66
|
+
export default () => {
|
|
101
67
|
return new Plugin({
|
|
102
68
|
key: footnotesKey,
|
|
103
69
|
state: {
|
|
@@ -130,7 +96,6 @@ export default (props) => {
|
|
|
130
96
|
decorations: (state) => {
|
|
131
97
|
const decorations = [];
|
|
132
98
|
const isInTableElementFooter = hasParentNodeOfType(schema.nodes.table_element_footer)(state.selection);
|
|
133
|
-
const isInTableElement = hasParentNodeOfType(schema.nodes.table_element)(state.selection);
|
|
134
99
|
if (isInTableElementFooter) {
|
|
135
100
|
const parent = findParentNodeWithIdValue(state.selection);
|
|
136
101
|
if (parent) {
|
|
@@ -141,7 +106,6 @@ export default (props) => {
|
|
|
141
106
|
}
|
|
142
107
|
const { labels } = footnotesKey.getState(state);
|
|
143
108
|
let tableInlineFootnoteIds = undefined;
|
|
144
|
-
const can = props.getCapabilities();
|
|
145
109
|
state.doc.descendants((node, pos, parent) => {
|
|
146
110
|
var _a;
|
|
147
111
|
if (isFootnoteNode(node)) {
|
|
@@ -162,31 +126,6 @@ export default (props) => {
|
|
|
162
126
|
decorations.push(Decoration.widget(pos + node.nodeSize - 1, uncitedFootnoteWidget()));
|
|
163
127
|
}
|
|
164
128
|
}
|
|
165
|
-
if (can.editArticle) {
|
|
166
|
-
if (isInTableElement) {
|
|
167
|
-
const isGeneralFootnote = node.type === schema.nodes.paragraph;
|
|
168
|
-
const footnote = (() => {
|
|
169
|
-
switch (node.type) {
|
|
170
|
-
case schema.nodes.footnote:
|
|
171
|
-
return {
|
|
172
|
-
type: 'table footnote',
|
|
173
|
-
message: 'This action will entirely remove the table footnote from the list because it will no longer be used.',
|
|
174
|
-
};
|
|
175
|
-
default:
|
|
176
|
-
return {
|
|
177
|
-
type: 'table general note',
|
|
178
|
-
message: 'This action will entirely remove the table general note.',
|
|
179
|
-
};
|
|
180
|
-
}
|
|
181
|
-
})();
|
|
182
|
-
if (isGeneralFootnote &&
|
|
183
|
-
(parent === null || parent === void 0 ? void 0 : parent.type) === schema.nodes.table_element_footer) {
|
|
184
|
-
decorations.push(Decoration.widget(pos + 1, deleteFootnoteWidget(parent, props, footnote.type, footnote.message), {
|
|
185
|
-
key: parent.attrs.id,
|
|
186
|
-
}));
|
|
187
|
-
}
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
129
|
if (node.type === schema.nodes.footnotes_element) {
|
|
191
130
|
if ((parent === null || parent === void 0 ? void 0 : parent.type) === schema.nodes.table_element_footer) {
|
|
192
131
|
decorations.push(Decoration.node(pos, pos + node.nodeSize, {
|
package/dist/types/assets.d.ts
CHANGED
|
@@ -17,4 +17,3 @@ export declare const editIcon = "\n <svg\n width=\"14\"\n height=\"14\"\n
|
|
|
17
17
|
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";
|
|
18
18
|
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";
|
|
19
19
|
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";
|
|
20
|
-
export declare const deleteIcon = "\n <svg \n width=\"13\" \n height=\"15\" \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>";
|
|
@@ -22,7 +22,7 @@ import { Plugin } from 'prosemirror-state';
|
|
|
22
22
|
import { CollabProvider } from '../classes/collabProvider';
|
|
23
23
|
import { PopperManager } from '../lib/popper';
|
|
24
24
|
import { CSLProps } from './ManuscriptsEditor';
|
|
25
|
-
|
|
25
|
+
interface PluginProps {
|
|
26
26
|
getManuscript: () => Manuscript;
|
|
27
27
|
setComment: (comment?: CommentAnnotation) => void;
|
|
28
28
|
setSelectedComment: (id?: string) => void;
|
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
*/
|
|
16
16
|
import { InlineFootnoteNode, ManuscriptNode } from '@manuscripts/transform';
|
|
17
17
|
import { Plugin, PluginKey } from 'prosemirror-state';
|
|
18
|
-
import { PluginProps } from '../../configs/editor-plugins';
|
|
19
18
|
interface PluginState {
|
|
20
19
|
nodes: [InlineFootnoteNode, number][];
|
|
21
20
|
labels: Map<string, string>;
|
|
@@ -23,5 +22,5 @@ interface PluginState {
|
|
|
23
22
|
export declare const footnotesKey: PluginKey<PluginState>;
|
|
24
23
|
export declare const buildPluginState: (doc: ManuscriptNode) => PluginState;
|
|
25
24
|
export declare const uncitedFootnoteWidget: () => () => HTMLSpanElement;
|
|
26
|
-
declare const _default: (
|
|
25
|
+
declare const _default: () => Plugin<PluginState>;
|
|
27
26
|
export default _default;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@manuscripts/body-editor",
|
|
3
3
|
"description": "Prosemirror components for editing and viewing manuscripts",
|
|
4
|
-
"version": "1.7.31
|
|
4
|
+
"version": "1.7.31",
|
|
5
5
|
"repository": "github:Atypon-OpenSource/manuscripts-body-editor",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"main": "dist/cjs",
|
|
@@ -31,9 +31,9 @@
|
|
|
31
31
|
"@manuscripts/assets": "^0.6.4",
|
|
32
32
|
"@manuscripts/json-schema": "^2.2.7",
|
|
33
33
|
"@manuscripts/library": "^1.3.6",
|
|
34
|
-
"@manuscripts/style-guide": "1.8.4
|
|
35
|
-
"@manuscripts/track-changes-plugin": "1.7.
|
|
36
|
-
"@manuscripts/transform": "2.1.10
|
|
34
|
+
"@manuscripts/style-guide": "1.8.4",
|
|
35
|
+
"@manuscripts/track-changes-plugin": "1.7.9",
|
|
36
|
+
"@manuscripts/transform": "^2.1.10",
|
|
37
37
|
"astrocite-eutils": "^0.16.4",
|
|
38
38
|
"axios": "^1.6.7",
|
|
39
39
|
"mathjax-full": "^3.2.2",
|
|
@@ -112,4 +112,4 @@
|
|
|
112
112
|
"@types/react": "^17.0.2",
|
|
113
113
|
"prosemirror-tables": "^1.3.5"
|
|
114
114
|
}
|
|
115
|
-
}
|
|
115
|
+
}
|
|
@@ -723,14 +723,12 @@ Next levels are shifted 'up' by 1
|
|
|
723
723
|
background: var(--accepted-bg-color);
|
|
724
724
|
text-decoration: none;
|
|
725
725
|
}
|
|
726
|
-
|
|
726
|
+
|
|
727
727
|
.ProseMirror .deleted.pending {
|
|
728
728
|
background: var(--pending-bg-color);
|
|
729
729
|
color: var(--deleted-color);
|
|
730
730
|
text-decoration: line-through;
|
|
731
731
|
}
|
|
732
|
-
|
|
733
|
-
.ProseMirror .deleted.accepted::before,
|
|
734
732
|
.ProseMirror .deleted.accepted {
|
|
735
733
|
background: var(--accepted-bg-color);
|
|
736
734
|
color: var(--deleted-color);
|
package/styles/Editor.css
CHANGED
|
@@ -942,12 +942,13 @@
|
|
|
942
942
|
vertical-align: super;
|
|
943
943
|
font-size: 75%;
|
|
944
944
|
}
|
|
945
|
+
|
|
945
946
|
.ProseMirror .table-footer {
|
|
946
947
|
font-size: 14px;
|
|
947
948
|
padding-top: 8px;
|
|
948
949
|
}
|
|
949
950
|
|
|
950
|
-
.ProseMirror .table-footnotes-element:
|
|
951
|
+
.ProseMirror .table-footnotes-element:not(:first-child)::before {
|
|
951
952
|
content: '';
|
|
952
953
|
border-bottom: 1px dashed #C9C9C9;
|
|
953
954
|
display: block;
|
|
@@ -957,20 +958,6 @@
|
|
|
957
958
|
.ProseMirror .table-footnotes-element {
|
|
958
959
|
counter-reset: table_footnote;
|
|
959
960
|
}
|
|
960
|
-
.table-footer .delete-icon {
|
|
961
|
-
display: none;
|
|
962
|
-
position: absolute;
|
|
963
|
-
right: -20px;
|
|
964
|
-
top: -13px;
|
|
965
|
-
cursor: pointer;
|
|
966
|
-
z-index: 1;
|
|
967
|
-
}
|
|
968
|
-
.table-footer .delete-icon:hover svg path {
|
|
969
|
-
fill: #353535;
|
|
970
|
-
}
|
|
971
|
-
.ProseMirror .table-footnotes-element > div {
|
|
972
|
-
position: relative;
|
|
973
|
-
}
|
|
974
961
|
|
|
975
962
|
.ProseMirror .table-footnotes-element > div:not(:has(.unctied-table-footnote)) p::before {
|
|
976
963
|
counter-increment: table_footnote;
|
|
@@ -992,14 +979,9 @@
|
|
|
992
979
|
background-color: #f2fbfc;
|
|
993
980
|
padding: 4px;
|
|
994
981
|
}
|
|
995
|
-
|
|
996
|
-
.ProseMirror .table-footer .footnote-selected .delete-icon ,.ProseMirror .table-footer .footnote-selected .deleted.rejected .delete-icon {
|
|
997
|
-
display: block;
|
|
998
|
-
}
|
|
999
982
|
.table-footer > div > p {
|
|
1000
983
|
padding-bottom: 10px;
|
|
1001
984
|
}
|
|
1002
|
-
|
|
1003
985
|
.ProseMirror .table-footnotes-element .footnote-selected {
|
|
1004
986
|
border: 1px solid #bce7f6;
|
|
1005
987
|
}
|
|
@@ -1007,16 +989,8 @@
|
|
|
1007
989
|
border-left: 1px solid #bce7f6;
|
|
1008
990
|
border-right: 1px solid #bce7f6;
|
|
1009
991
|
}
|
|
1010
|
-
.table-footer > div:has(> p.footnote-selected) > p:first-child .delete-icon {
|
|
1011
|
-
z-index: 2;
|
|
1012
|
-
display: block;
|
|
1013
|
-
}
|
|
1014
992
|
.table-footer > div:has(> p.footnote-selected) > p:first-child {
|
|
1015
993
|
border-top: 1px solid #bce7f6;
|
|
1016
|
-
position: relative;
|
|
1017
|
-
}
|
|
1018
|
-
.table-footer > div:has(> p.footnote-selected) > p:last-of-type {
|
|
1019
|
-
border-bottom: 1px solid #bce7f6;
|
|
1020
994
|
}
|
|
1021
995
|
.table-footer > div:has(> p.footnote-selected) > p:last-child {
|
|
1022
996
|
border-bottom: 1px solid #bce7f6;
|
|
@@ -1058,4 +1032,4 @@
|
|
|
1058
1032
|
}
|
|
1059
1033
|
.highlight {
|
|
1060
1034
|
background-color: #ffeebf !important;
|
|
1061
|
-
}
|
|
1035
|
+
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.DeleteFootnoteDialog = void 0;
|
|
27
|
-
const style_guide_1 = require("@manuscripts/style-guide");
|
|
28
|
-
const react_1 = __importStar(require("react"));
|
|
29
|
-
const DeleteFootnoteDialog = ({ footnoteType, footnoteMessage, handleDelete, }) => {
|
|
30
|
-
const [isOpen, setOpen] = (0, react_1.useState)(true);
|
|
31
|
-
return (react_1.default.createElement(style_guide_1.Dialog, { className: "delete-footnote-dialog", isOpen: isOpen, actions: {
|
|
32
|
-
primary: {
|
|
33
|
-
action: () => {
|
|
34
|
-
setOpen(false);
|
|
35
|
-
handleDelete();
|
|
36
|
-
},
|
|
37
|
-
title: 'Delete',
|
|
38
|
-
},
|
|
39
|
-
secondary: {
|
|
40
|
-
action: () => setOpen(false),
|
|
41
|
-
title: 'Cancel',
|
|
42
|
-
},
|
|
43
|
-
}, category: style_guide_1.Category.confirmation, header: `Delete ${footnoteType}`, message: `${footnoteMessage}` }));
|
|
44
|
-
};
|
|
45
|
-
exports.DeleteFootnoteDialog = DeleteFootnoteDialog;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { Category, Dialog } from '@manuscripts/style-guide';
|
|
2
|
-
import React, { useState } from 'react';
|
|
3
|
-
export const DeleteFootnoteDialog = ({ footnoteType, footnoteMessage, handleDelete, }) => {
|
|
4
|
-
const [isOpen, setOpen] = useState(true);
|
|
5
|
-
return (React.createElement(Dialog, { className: "delete-footnote-dialog", isOpen: isOpen, actions: {
|
|
6
|
-
primary: {
|
|
7
|
-
action: () => {
|
|
8
|
-
setOpen(false);
|
|
9
|
-
handleDelete();
|
|
10
|
-
},
|
|
11
|
-
title: 'Delete',
|
|
12
|
-
},
|
|
13
|
-
secondary: {
|
|
14
|
-
action: () => setOpen(false),
|
|
15
|
-
title: 'Cancel',
|
|
16
|
-
},
|
|
17
|
-
}, category: Category.confirmation, header: `Delete ${footnoteType}`, message: `${footnoteMessage}` }));
|
|
18
|
-
};
|