@manuscripts/body-editor 1.7.3 → 1.7.5

package/dist/cjs/plugins/tracking-mark.js

@@ -1,123 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMarkDecoration = exports.getAttrsTrackingButton = void 0;
-const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
-const transform_1 = require("@manuscripts/transform");
-const prosemirror_state_1 = require("prosemirror-state");
-const prosemirror_view_1 = require("prosemirror-view");
-exports.default = () => new prosemirror_state_1.Plugin({
-    state: {
-        init: (tr, state) => {
-            return prosemirror_view_1.DecorationSet.create(state.doc, buildDecorations(state));
-        },
-        apply: (tr, decorationSet, oldState, newState) => {
-            const meta = tr.getMeta('track-changes-set-change-statuses');
-            if (meta) {
-                return prosemirror_view_1.DecorationSet.create(newState.doc, buildDecorations(newState));
-            }
-            return decorationSet;
-        },
-    },
-    props: {
-        decorations: (state) => {
-            return prosemirror_view_1.DecorationSet.create(state.doc, buildDecorations(state));
-        },
-    },
-});
-const buildDecorations = (state) => {
-    var _a;
-    const changeSet = (_a = track_changes_plugin_1.trackChangesPluginKey.getState(state)) === null || _a === void 0 ? void 0 : _a.changeSet;
-    if (!changeSet) {
-        return [];
-    }
-    const metaNodeChanges = [
-        ...changeSet.nodeChanges,
-        ...changeSet.nodeAttrChanges,
-    ].filter(({ nodeType }) => nodeType === transform_1.schema.nodes.bibliography_item.name);
-    const decorations = [];
-    metaNodeChanges.map((change) => {
-        const markDecoration = (0, exports.getMarkDecoration)(change.dataTracked);
-        decorations.push(prosemirror_view_1.Decoration.node(change.from, change.to, markDecoration, { id: change.id }));
-        if (change.type === 'node-attr-change' &&
-            change.dataTracked.status === track_changes_plugin_1.CHANGE_STATUS.pending &&
-            change.dataTracked.operation === track_changes_plugin_1.CHANGE_OPERATION.set_node_attributes) {
-            decorations.push(prosemirror_view_1.Decoration.widget(change.from + 1, (0, exports.getAttrsTrackingButton)(change.id), {
-                key: change.id,
-            }));
-        }
-    });
-    return decorations;
-};
-const getAttrsTrackingButton = (changeID) => {
-    const el = document.createElement('button');
-    el.className = 'attrs-popper-button';
-    el.value = changeID;
-    el.innerHTML = editIcon;
-    return el;
-};
-exports.getAttrsTrackingButton = getAttrsTrackingButton;
-const editIcon = `
- <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>
-`;
-const getMarkDecoration = (dataTracked, htmlNode) => {
-    const style = (htmlNode === null || htmlNode === void 0 ? void 0 : htmlNode.style) || {};
-    let className = undefined;
-    const { status, operation } = dataTracked;
-    if ((operation === track_changes_plugin_1.CHANGE_OPERATION.delete ||
-        operation === track_changes_plugin_1.CHANGE_OPERATION.insert ||
-        operation === track_changes_plugin_1.CHANGE_OPERATION.set_node_attributes) &&
-        status === track_changes_plugin_1.CHANGE_STATUS.pending) {
-        style.background = '#ddf3fa';
-    }
-    if ((operation === track_changes_plugin_1.CHANGE_OPERATION.insert ||
-        operation === track_changes_plugin_1.CHANGE_OPERATION.set_node_attributes) &&
-        status === track_changes_plugin_1.CHANGE_STATUS.accepted) {
-        style.background = '#bffca7';
-    }
-    if (operation === track_changes_plugin_1.CHANGE_OPERATION.delete &&
-        status === track_changes_plugin_1.CHANGE_STATUS.pending) {
-        style.textDecoration = 'line-through';
-    }
-    if ((operation === track_changes_plugin_1.CHANGE_OPERATION.insert &&
-        status === track_changes_plugin_1.CHANGE_STATUS.rejected) ||
-        (operation === track_changes_plugin_1.CHANGE_OPERATION.delete && status === track_changes_plugin_1.CHANGE_STATUS.accepted)) {
-        style.display = 'none';
-    }
-    const showAttrsPopper = status === track_changes_plugin_1.CHANGE_STATUS.pending &&
-        operation === track_changes_plugin_1.CHANGE_OPERATION.set_node_attributes;
-    if (showAttrsPopper) {
-        className = 'attrs-track-mark';
-        if (htmlNode) {
-            htmlNode.className = 'attrs-track-mark';
-        }
-    }
-    return {
-        class: className,
-        style: `background: ${style.background};
-   text-decoration: ${style.textDecoration};
-   display: ${style.display};
-   position: relative;`,
-    };
-};
-exports.getMarkDecoration = getMarkDecoration;

package/dist/es/plugins/track-changes-ui.js

@@ -1,102 +0,0 @@
-/*!
- * © 2019 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.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { trackChangesPluginKey, } from '@manuscripts/track-changes-plugin';
-import { Plugin } from 'prosemirror-state';
-import { Decoration, DecorationSet } from 'prosemirror-view';
-const ACCEPT_BUTTON_XLINK = '#track-changes-action-accept';
-const REJECT_BUTTON_XLINK = '#track-changes-action-reject';
-const BASE_CLASS = 'track-changes';
-var CLASSES;
-(function (CLASSES) {
-    CLASSES["focused"] = "focused";
-    CLASSES["control"] = "control";
-})(CLASSES || (CLASSES = {}));
-const createControl = (change, action, xLink) => {
-    return `
-        <button type="button" data-action="${action}" data-changeid="${change.id}">
-          <svg><use href="${xLink}"></use></svg>
-        </button>
-      `;
-};
-const getClassnames = (...types) => {
-    return [BASE_CLASS].concat(types.filter(Boolean).map((type) => `${BASE_CLASS}--${type}`));
-};
-const addClassnamesToEl = (el, ...types) => {
-    getClassnames(...types).forEach((classname) => el.classList.add(classname));
-};
-const geControlsPosition = (change) => {
-    const NODE_OFFSET = {
-        'text-change': 0,
-        'wrap-change': 0,
-        'mark-change': 0,
-        'node-attr-change': 0,
-        'node-change-keyword': 1,
-    };
-    const offset = (change.type === 'node-change'
-        ? NODE_OFFSET[`${change.type}-${change.nodeType}`]
-        : NODE_OFFSET[change.type]) || 0;
-    return change.to - offset;
-};
-const createControls = (change) => {
-    return Decoration.widget(geControlsPosition(change), () => {
-        const el = document.createElement('div');
-        addClassnamesToEl(el, CLASSES.control);
-        el.dataset.changeid = change.id;
-        el.innerHTML =
-            createControl(change, 'reject', REJECT_BUTTON_XLINK) +
-                createControl(change, 'accept', ACCEPT_BUTTON_XLINK);
-        return el;
-    }, { side: -1 });
-};
-const decorateChanges = (state) => {
-    const pluginState = trackChangesPluginKey.getState(state);
-    if (!pluginState) {
-        return [];
-    }
-    const { pending } = pluginState.changeSet;
-    return pending.reduce((decorations, change) => {
-        if (change.id === null) {
-            return decorations;
-        }
-        return [...decorations, createControls(change)];
-    }, []);
-};
-const getTrackChangesData = (node) => {
-    var _a;
-    const trackChangesMark = node.marks.find((mark) => (mark.type.name === 'tracked_insert' ||
-        mark.type.name === 'tracked_delete') &&
-        mark.attrs.dataTracked);
-    return (_a = trackChangesMark === null || trackChangesMark === void 0 ? void 0 : trackChangesMark.attrs) === null || _a === void 0 ? void 0 : _a.dataTracked;
-};
-export default (props) => new Plugin({
-    props: {
-        handleClick(view, pos) {
-            if (props.setEditorSelectedSuggestion) {
-                const nodeClicked = view.state.doc.nodeAt(pos);
-                const trackChangesData = nodeClicked && getTrackChangesData(nodeClicked);
-                if (trackChangesData) {
-                    props.setEditorSelectedSuggestion(trackChangesData.id);
-                }
-                else {
-                    props.setEditorSelectedSuggestion(undefined);
-                }
-            }
-        },
-        decorations: (state) => {
-            return DecorationSet.create(state.doc, decorateChanges(state));
-        },
-    },
-});

package/dist/es/plugins/tracking-mark.js

@@ -1,118 +0,0 @@
-import { CHANGE_OPERATION, CHANGE_STATUS, trackChangesPluginKey, } from '@manuscripts/track-changes-plugin';
-import { schema } from '@manuscripts/transform';
-import { Plugin } from 'prosemirror-state';
-import { Decoration, DecorationSet } from 'prosemirror-view';
-export default () => new Plugin({
-    state: {
-        init: (tr, state) => {
-            return DecorationSet.create(state.doc, buildDecorations(state));
-        },
-        apply: (tr, decorationSet, oldState, newState) => {
-            const meta = tr.getMeta('track-changes-set-change-statuses');
-            if (meta) {
-                return DecorationSet.create(newState.doc, buildDecorations(newState));
-            }
-            return decorationSet;
-        },
-    },
-    props: {
-        decorations: (state) => {
-            return DecorationSet.create(state.doc, buildDecorations(state));
-        },
-    },
-});
-const buildDecorations = (state) => {
-    var _a;
-    const changeSet = (_a = trackChangesPluginKey.getState(state)) === null || _a === void 0 ? void 0 : _a.changeSet;
-    if (!changeSet) {
-        return [];
-    }
-    const metaNodeChanges = [
-        ...changeSet.nodeChanges,
-        ...changeSet.nodeAttrChanges,
-    ].filter(({ nodeType }) => nodeType === schema.nodes.bibliography_item.name);
-    const decorations = [];
-    metaNodeChanges.map((change) => {
-        const markDecoration = getMarkDecoration(change.dataTracked);
-        decorations.push(Decoration.node(change.from, change.to, markDecoration, { id: change.id }));
-        if (change.type === 'node-attr-change' &&
-            change.dataTracked.status === CHANGE_STATUS.pending &&
-            change.dataTracked.operation === CHANGE_OPERATION.set_node_attributes) {
-            decorations.push(Decoration.widget(change.from + 1, getAttrsTrackingButton(change.id), {
-                key: change.id,
-            }));
-        }
-    });
-    return decorations;
-};
-export const getAttrsTrackingButton = (changeID) => {
-    const el = document.createElement('button');
-    el.className = 'attrs-popper-button';
-    el.value = changeID;
-    el.innerHTML = editIcon;
-    return el;
-};
-const editIcon = `
- <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 getMarkDecoration = (dataTracked, htmlNode) => {
-    const style = (htmlNode === null || htmlNode === void 0 ? void 0 : htmlNode.style) || {};
-    let className = undefined;
-    const { status, operation } = dataTracked;
-    if ((operation === CHANGE_OPERATION.delete ||
-        operation === CHANGE_OPERATION.insert ||
-        operation === CHANGE_OPERATION.set_node_attributes) &&
-        status === CHANGE_STATUS.pending) {
-        style.background = '#ddf3fa';
-    }
-    if ((operation === CHANGE_OPERATION.insert ||
-        operation === CHANGE_OPERATION.set_node_attributes) &&
-        status === CHANGE_STATUS.accepted) {
-        style.background = '#bffca7';
-    }
-    if (operation === CHANGE_OPERATION.delete &&
-        status === CHANGE_STATUS.pending) {
-        style.textDecoration = 'line-through';
-    }
-    if ((operation === CHANGE_OPERATION.insert &&
-        status === CHANGE_STATUS.rejected) ||
-        (operation === CHANGE_OPERATION.delete && status === CHANGE_STATUS.accepted)) {
-        style.display = 'none';
-    }
-    const showAttrsPopper = status === CHANGE_STATUS.pending &&
-        operation === CHANGE_OPERATION.set_node_attributes;
-    if (showAttrsPopper) {
-        className = 'attrs-track-mark';
-        if (htmlNode) {
-            htmlNode.className = 'attrs-track-mark';
-        }
-    }
-    return {
-        class: className,
-        style: `background: ${style.background};
-   text-decoration: ${style.textDecoration};
-   display: ${style.display};
-   position: relative;`,
-    };
-};

package/dist/types/plugins/tracking-mark.d.ts

@@ -1,7 +0,0 @@
-import { TrackedAttrs } from '@manuscripts/track-changes-plugin';
-import { Plugin } from 'prosemirror-state';
-import { DecorationAttrs, DecorationSet } from 'prosemirror-view';
-declare const _default: () => Plugin<DecorationSet>;
-export default _default;
-export declare const getAttrsTrackingButton: (changeID: string) => HTMLButtonElement;
-export declare const getMarkDecoration: (dataTracked: TrackedAttrs, htmlNode?: HTMLElement) => DecorationAttrs;