@manuscripts/article-editor 1.15.3-LEAN-3604.1 → 1.15.3

package/dist/cjs/EditorApp.js

@@ -54,7 +54,7 @@ const PlaceholderWrapper = styled_components_1.default.div `
   justify-content: center;
   align-items: center;
 `;
-const EditorApp = ({ parentObserver, manuscriptID, projectID, permittedActions, fileManagement, files, authToken, }) => {
+const EditorApp = ({ manuscriptID, projectID, permittedActions, fileManagement, files, authToken, observer, }) => {
     const userID = (0, user_1.getCurrentUserId)();
     const [store, setStore] = (0, react_1.useState)();
     const loadDoc = (0, useLoadDoc_1.useLoadDoc)(authToken);
@@ -63,7 +63,7 @@ const EditorApp = ({ parentObserver, manuscriptID, projectID, permittedActions,
         // implement remount for the store if component is retriggered
         const basicSource = new store_1.BasicSource(fileManagement, projectID, manuscriptID, files, permittedActions, userID || '', authToken || '');
         const mainSource = new PsSource_1.default(files);
-        (0, store_1.createStore)([basicSource, mainSource, quarterBackSource], undefined, undefined, parentObserver)
+        (0, store_1.createStore)([basicSource, mainSource, quarterBackSource], observer)
             .then((store) => {
             setStore(store);
         })
@@ -71,11 +71,19 @@ const EditorApp = ({ parentObserver, manuscriptID, projectID, permittedActions,
             console.error(e);
         });
         return () => {
-            parentObserver?.detach();
             store?.unmount();
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [manuscriptID, projectID]);
+    (0, react_1.useEffect)(() => {
+        if (!observer) {
+            return;
+        }
+        observer.state.current = {
+            get: () => store?.getState(),
+            update: (state) => store?.setState(state),
+        };
+    }, [observer, store]);
     return store ? (react_1.default.createElement(store_1.GenericStoreProvider, { store: store },
         react_1.default.createElement(react_router_dom_1.BrowserRouter, null,
             react_1.default.createElement(Page_1.Page, null,

package/dist/cjs/EditorApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorApp.js","sourceRoot":"","sources":["../../src/EditorApp.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,+CAAkD;AAClD,uDAA0D;AAC1D,0EAAsC;AAEtC,4CAAwC;AACxC,4GAAmF;AACnF,uFAAmF;AACnF,qCAA6C;AAC7C,wEAA+C;AAC/C,gGAAuE;AACvE,yDAAqD;AACrD,mCAKgB;AAahB,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;CAQzB,CAAA;AAED,MAAM,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAOpC,CAAA;AAED,MAAM,SAAS,GAAoB,CAAC,EAClC,cAAc,EACd,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,KAAK,EACL,SAAS,GACV,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,uBAAgB,GAAE,CAAA;IAEjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAgB,CAAA;IAElD,MAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,SAAS,CAAC,CAAA;IACrC,MAAM,iBAAiB,GAAG,IAAI,+BAAqB,CAAC,OAAO,CAAC,CAAA;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,8DAA8D;QAC9D,MAAM,WAAW,GAAG,IAAI,mBAAW,CACjC,cAAc,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,gBAAgB,EAChB,MAAM,IAAI,EAAE,EACZ,SAAS,IAAI,EAAE,CAChB,CAAA;QACD,MAAM,UAAU,GAAG,IAAI,kBAAQ,CAAC,KAAK,CAAC,CAAA;QACtC,IAAA,mBAAW,EACT,CAAC,WAAW,EAAE,UAAU,EAAE,iBAAiB,CAAC,EAC5C,SAAS,EACT,SAAS,EACT,cAAc,CACf;aACE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;YACd,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QAClB,CAAC,CAAC,CAAA;QACJ,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,MAAM,EAAE,CAAA;YACxB,KAAK,EAAE,OAAO,EAAE,CAAA;QAClB,CAAC,CAAA;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAA;IAE7B,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,8BAAC,4BAAoB,IAAC,KAAK,EAAE,KAAK;QAChC,8BAAC,gCAAM;YACL,8BAAC,WAAI;gBACH,8BAAC,OAAO;oBACN,8BAAC,iCAAuB,OAAG,CACnB,CACL,CACA,CACY,CACxB,CAAC,CAAC,CAAC,CACF,8BAAC,kBAAkB;QACjB,8BAAC,6CAAqB,OAAG,CACN,CACtB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,SAAS,CAAA"}
+{"version":3,"file":"EditorApp.js","sourceRoot":"","sources":["../../src/EditorApp.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,+CAAoE;AACpE,uDAA0D;AAC1D,0EAAsC;AAEtC,4CAAwC;AACxC,4GAAmF;AACnF,uFAAmF;AACnF,qCAA6C;AAC7C,wEAA+C;AAC/C,gGAAuE;AACvE,yDAAqD;AACrD,mCAMgB;AAuBhB,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;CAQzB,CAAA;AAED,MAAM,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAOpC,CAAA;AAED,MAAM,SAAS,GAA6B,CAAC,EAC3C,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,uBAAgB,GAAE,CAAA;IAEjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAgB,CAAA;IAElD,MAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,SAAS,CAAC,CAAA;IACrC,MAAM,iBAAiB,GAAG,IAAI,+BAAqB,CAAC,OAAO,CAAC,CAAA;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,8DAA8D;QAC9D,MAAM,WAAW,GAAG,IAAI,mBAAW,CACjC,cAAc,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,gBAAgB,EAChB,MAAM,IAAI,EAAE,EACZ,SAAS,IAAI,EAAE,CAChB,CAAA;QACD,MAAM,UAAU,GAAG,IAAI,kBAAQ,CAAC,KAAK,CAAC,CAAA;QACtC,IAAA,mBAAW,EAAC,CAAC,WAAW,EAAE,UAAU,EAAE,iBAAiB,CAAC,EAAE,QAAQ,CAAC;aAChE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;YACd,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QAClB,CAAC,CAAC,CAAA;QACJ,OAAO,GAAG,EAAE;YACV,KAAK,EAAE,OAAO,EAAE,CAAA;QAClB,CAAC,CAAA;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAA;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,EAAE;YACb,OAAM;SACP;QACD,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG;YACvB,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE;YAC5B,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAc,CAAC;SACnD,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;IAErB,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,8BAAC,4BAAoB,IAAC,KAAK,EAAE,KAAK;QAChC,8BAAC,gCAAM;YACL,8BAAC,WAAI;gBACH,8BAAC,OAAO;oBACN,8BAAC,iCAAuB,OAAG,CACnB,CACL,CACA,CACY,CACxB,CAAC,CAAC,CAAC,CACF,8BAAC,kBAAkB;QACjB,8BAAC,6CAAqB,OAAG,CACN,CACtB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,SAAS,CAAA"}

package/dist/cjs/Main.js

@@ -19,10 +19,8 @@ const react_dnd_1 = require("react-dnd");
 const react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
 const EditorApp_1 = __importDefault(require("./EditorApp"));
 const theme_1 = require("./theme/theme");
-// projectID="MPProject:E1895468-4DFE-4F17-9B06-5212ECD29555"
-// manuscriptID="MPManuscript:5F6D807F-CECF-45D0-B94C-5CF1361BDF05"
-const Main = ({ fileManagement, files, parentObserver, manuscriptID, projectID, authToken, permittedActions, }) => (react_1.default.createElement(react_dnd_1.DndProvider, { backend: react_dnd_html5_backend_1.HTML5Backend },
+const Main = ({ fileManagement, files, manuscriptID, projectID, authToken, permittedActions, observer, }) => (react_1.default.createElement(react_dnd_1.DndProvider, { backend: react_dnd_html5_backend_1.HTML5Backend },
     react_1.default.createElement(theme_1.GlobalStyle, null),
-    react_1.default.createElement(EditorApp_1.default, { fileManagement: fileManagement, files: files, parentObserver: parentObserver, manuscriptID: manuscriptID, projectID: projectID, permittedActions: permittedActions, authToken: authToken })));
+    react_1.default.createElement(EditorApp_1.default, { fileManagement: fileManagement, files: files, manuscriptID: manuscriptID, projectID: projectID, permittedActions: permittedActions, authToken: authToken, observer: observer })));
 exports.default = Main;
 //# sourceMappingURL=Main.js.map

package/dist/cjs/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","sourceRoot":"","sources":["../../src/Main.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;;;AAGH,kDAAyB;AACzB,yCAAuC;AACvC,qEAAsD;AAEtD,4DAAmC;AAEnC,yCAA2C;AAY3C,6DAA6D;AAC7D,mEAAmE;AAEnE,MAAM,IAAI,GAAoB,CAAC,EAC7B,cAAc,EACd,KAAK,EACL,cAAc,EACd,YAAY,EACZ,SAAS,EACT,SAAS,EACT,gBAAgB,GACjB,EAAE,EAAE,CAAC,CACJ,8BAAC,uBAAW,IAAC,OAAO,EAAE,sCAAY;IAChC,8BAAC,mBAAW,OAAG;IACf,8BAAC,mBAAS,IACR,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,GACpB,CACU,CACf,CAAA;AAED,kBAAe,IAAI,CAAA"}
+{"version":3,"file":"Main.js","sourceRoot":"","sources":["../../src/Main.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;;;AAEH,kDAAyB;AACzB,yCAAuC;AACvC,qEAAsD;AAEtD,4DAAuD;AACvD,yCAA2C;AAE3C,MAAM,IAAI,GAA6B,CAAC,EACtC,cAAc,EACd,KAAK,EACL,YAAY,EACZ,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,8BAAC,uBAAW,IAAC,OAAO,EAAE,sCAAY;IAChC,8BAAC,mBAAW,OAAG;IACf,8BAAC,mBAAS,IACR,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB,CACU,CACf,CAAA;AAED,kBAAe,IAAI,CAAA"}

package/dist/cjs/components/comments/CommentActions.js

@@ -0,0 +1,59 @@
+"use strict";
+/*!
+ * The contents of this file are subject to the Common Public Attribution License Version 1.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://mpapp-public.gitlab.io/manuscripts-frontend/LICENSE. The License is based on the Mozilla Public License Version 1.1 but Sections 14 and 15 have been added to cover use of software over a computer network and provide for limited attribution for the Original Developer. In addition, Exhibit A has been modified to be consistent with Exhibit B.
+ *
+ * Software distributed under the License is distributed on an “AS IS” basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for the specific language governing rights and limitations under the License.
+ *
+ * The Original Code is manuscripts-frontend.
+ *
+ * The Original Developer is the Initial Developer. The Initial Developer of the Original Code is Atypon Systems LLC.
+ *
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommentActions = exports.CommentAction = exports.ActionsIcon = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const CommentResolveButton_1 = require("./CommentResolveButton");
+exports.ActionsIcon = styled_components_1.default.button `
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  padding: 0 8px;
+  margin-top: -8px;
+  &:focus {
+    outline: none;
+  }
+  &:hover svg circle {
+    fill: #1a9bc7;
+  }
+`;
+exports.CommentAction = styled_components_1.default.div `
+  font-family: ${(props) => props.theme.font.family.Lato};
+  cursor: pointer;
+  font-size: 16px;
+  line-height: 24px;
+  color: ${(props) => props.theme.colors.text.primary};
+  padding: 16px;
+  &:hover,
+  &:focus {
+    background: #f2fbfc;
+  }
+`;
+const CommentActions = ({ comment, isResolveEnabled, isActionsEnabled, onEdit, onDelete, toggleResolve, }) => {
+    const { isOpen, toggleOpen, wrapperRef } = (0, style_guide_1.useDropdown)();
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        isResolveEnabled && (react_1.default.createElement(CommentResolveButton_1.CommentResolveButton, { comment: comment, onClick: toggleResolve })),
+        isActionsEnabled && (react_1.default.createElement(style_guide_1.DropdownContainer, { ref: wrapperRef },
+            react_1.default.createElement(exports.ActionsIcon, { onClick: toggleOpen },
+                react_1.default.createElement(style_guide_1.DotsIcon, null)),
+            isOpen && (react_1.default.createElement(style_guide_1.DropdownList, { direction: 'right', width: 125, onClick: toggleOpen },
+                react_1.default.createElement(exports.CommentAction, { onClick: onEdit }, "Edit"),
+                react_1.default.createElement(exports.CommentAction, { onClick: onDelete }, "Delete")))))));
+};
+exports.CommentActions = CommentActions;
+//# sourceMappingURL=CommentActions.js.map

package/dist/cjs/components/comments/CommentActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentActions.js","sourceRoot":"","sources":["../../../../src/components/comments/CommentActions.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;;;;AAGH,0DAKiC;AACjC,kDAAyB;AACzB,0EAAsC;AAEtC,iEAA6D;AAEhD,QAAA,WAAW,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;CAYvC,CAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;iBACtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;;WAI7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;;;;;;CAMpD,CAAA;AAWM,MAAM,cAAc,GAAkC,CAAC,EAC5D,OAAO,EACP,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,aAAa,GACd,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,yBAAW,GAAE,CAAA;IAExD,OAAO,CACL;QACG,gBAAgB,IAAI,CACnB,8BAAC,2CAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,GAAI,CACnE;QACA,gBAAgB,IAAI,CACnB,8BAAC,+BAAiB,IAAC,GAAG,EAAE,UAAU;YAChC,8BAAC,mBAAW,IAAC,OAAO,EAAE,UAAU;gBAC9B,8BAAC,sBAAQ,OAAG,CACA;YACb,MAAM,IAAI,CACT,8BAAC,0BAAY,IAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU;gBAC/D,8BAAC,qBAAa,IAAC,OAAO,EAAE,MAAM,WAAsB;gBACpD,8BAAC,qBAAa,IAAC,OAAO,EAAE,QAAQ,aAAwB,CAC3C,CAChB,CACiB,CACrB,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AA9BY,QAAA,cAAc,kBA8B1B"}

package/dist/cjs/components/comments/CommentBody.js

@@ -0,0 +1,97 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommentBody = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const CommentContent = styled_components_1.default.div `
+  cursor: pointer;
+`;
+const CommentEditor = styled_components_1.default.textarea `
+  cursor: text;
+  font-family: ${(props) => props.theme.font.family.sans};
+  color: ${(props) => props.theme.colors.text.primary};
+  margin: ${(props) => props.theme.grid.unit * 2}px 0;
+  resize: none;
+
+  width: 100%;
+  outline: 0;
+  border: 1px solid #e2e2e2;
+  border-radius: 6px;
+
+  &:focus {
+    background: #f2fbfc;
+    border: 1px solid #bce7f6;
+    border-radius: 6px;
+  }
+
+  box-sizing: border-box;
+  padding: 3px 16px 3px 16px;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 24px;
+`;
+const CommentViewer = styled_components_1.default.div `
+  flex: 1;
+
+  font-family: ${(props) => props.theme.font.family.sans};
+  line-height: 1.06;
+  letter-spacing: -0.2px;
+  color: ${(props) => props.theme.colors.text.primary};
+  margin: ${(props) => props.theme.grid.unit * 2}px 0;
+`;
+const EditorActions = (0, styled_components_1.default)(style_guide_1.ButtonGroup) `
+  & button:not(:last-of-type) {
+    margin-right: 4px;
+  }
+`;
+const CommentBody = ({ comment, isEditing, onSave, onCancel, onSelect, }) => {
+    const editor = (0, react_1.useRef)(null);
+    const handleSave = () => {
+        if (editor.current) {
+            onSave(editor.current.value);
+        }
+    };
+    const ref = (0, react_1.useCallback)((e) => {
+        if (e && editor.current !== e) {
+            e.focus();
+        }
+        editor.current = e;
+    }, []);
+    return (react_1.default.createElement(react_1.default.Fragment, null, isEditing ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(CommentEditor, { ref: ref, defaultValue: comment.node.attrs.contents }),
+        react_1.default.createElement(EditorActions, null,
+            react_1.default.createElement(style_guide_1.SecondaryButton, { onClick: onCancel }, "Cancel"),
+            react_1.default.createElement(style_guide_1.PrimaryButton, { onClick: handleSave }, "Save")))) : (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(CommentContent, { onClick: onSelect },
+            react_1.default.createElement(CommentViewer, null, comment.node.attrs.contents))))));
+};
+exports.CommentBody = CommentBody;
+//# sourceMappingURL=CommentBody.js.map

package/dist/cjs/components/comments/CommentBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentBody.js","sourceRoot":"","sources":["../../../../src/components/comments/CommentBody.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,0DAIiC;AACjC,+CAAkD;AAClD,0EAAsC;AAEtC,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEhC,CAAA;AAED,MAAM,aAAa,GAAG,2BAAM,CAAC,QAAQ,CAAA;;iBAEpB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;WAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;YACzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;CAoB/C,CAAA;AAED,MAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;iBAGf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;WAG7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;YACzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;CAC/C,CAAA;AAED,MAAM,aAAa,GAAG,IAAA,2BAAM,EAAC,yBAAW,CAAC,CAAA;;;;CAIxC,CAAA;AAUM,MAAM,WAAW,GAA+B,CAAC,EACtD,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,cAAM,EAA6B,IAAI,CAAC,CAAA;IAEvD,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,MAAM,CAAC,OAAO,EAAE;YAClB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;SAC7B;IACH,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAC,EAAE,EAAE;QAC5B,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,KAAK,CAAC,EAAE;YAC7B,CAAC,CAAC,KAAK,EAAE,CAAA;SACV;QACD,MAAM,CAAC,OAAO,GAAG,CAAC,CAAA;IACpB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,8DACG,SAAS,CAAC,CAAC,CAAC,CACX;QACE,8BAAC,aAAa,IACZ,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAC1B;QACjB,8BAAC,aAAa;YACZ,8BAAC,6BAAe,IAAC,OAAO,EAAE,QAAQ,aAA0B;YAC5D,8BAAC,2BAAa,IAAC,OAAO,EAAE,UAAU,WAAsB,CAC1C,CACf,CACJ,CAAC,CAAC,CAAC,CACF;QACE,8BAAC,cAAc,IAAC,OAAO,EAAE,QAAQ;YAC/B,8BAAC,aAAa,QAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAiB,CAC7C,CAChB,CACJ,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,WAAW,eA4CvB"}

package/dist/cjs/components/comments/CommentResolveButton.js

@@ -0,0 +1,56 @@
+"use strict";
+/*!
+ * The contents of this file are subject to the Common Public Attribution License Version 1.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://mpapp-public.gitlab.io/manuscripts-frontend/LICENSE. The License is based on the Mozilla Public License Version 1.1 but Sections 14 and 15 have been added to cover use of software over a computer network and provide for limited attribution for the Original Developer. In addition, Exhibit A has been modified to be consistent with Exhibit B.
+ *
+ * Software distributed under the License is distributed on an “AS IS” basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for the specific language governing rights and limitations under the License.
+ *
+ * The Original Code is manuscripts-frontend.
+ *
+ * The Original Developer is the Initial Developer. The Initial Developer of the Original Code is Atypon Systems LLC.
+ *
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommentResolveButton = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Button = styled_components_1.default.button `
+  display: flex;
+  align-items: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 12px;
+  border: none;
+  background: #ffffff;
+  padding: 0;
+  cursor: pointer;
+
+  &.resolved {
+    background: #f2fbfc;
+    border: 1px solid #bce7f6;
+    path {
+      fill: #1a9bc7;
+    }
+  }
+
+  &:not([disabled]):hover,
+  &:not([disabled]):active {
+    path {
+      fill: #1a9bc7;
+    }
+    background: #f2fbfc;
+    border: 1px solid #c9c9c9;
+  }
+`;
+const CommentResolveButton = ({ comment, onClick, }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Button, { className: comment.node.attrs.resolved ? 'resolved' : '', "data-tooltip-id": comment.node.attrs.id, onClick: onClick },
+            react_1.default.createElement(style_guide_1.CommentResolveIcon, null)),
+        react_1.default.createElement(style_guide_1.Tooltip, { id: comment.node.attrs.id, place: "bottom" }, (comment.node.attrs.resolved && 'Unresolve') || 'Resolve')));
+};
+exports.CommentResolveButton = CommentResolveButton;
+//# sourceMappingURL=CommentResolveButton.js.map

package/dist/cjs/components/comments/CommentResolveButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentResolveButton.js","sourceRoot":"","sources":["../../../../src/components/comments/CommentResolveButton.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;;;;AAGH,0DAAsE;AACtE,kDAAyB;AACzB,0EAAsC;AAEtC,MAAM,MAAM,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B3B,CAAA;AAOM,MAAM,oBAAoB,GAAwC,CAAC,EACxE,OAAO,EACP,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL;QACE,8BAAC,MAAM,IACL,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,qBACvC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EACtC,OAAO,EAAE,OAAO;YAEhB,8BAAC,gCAAkB,OAAG,CACf;QACT,8BAAC,qBAAO,IAAC,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,EAAC,QAAQ,IAC/C,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,WAAW,CAAC,IAAI,SAAS,CAClD,CACT,CACJ,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,oBAAoB,wBAkBhC"}

package/dist/cjs/components/comments/CommentThread.js

@@ -0,0 +1,122 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommentThread = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const comments_1 = require("../../lib/comments");
+const store_1 = require("../../store");
+const CommentActions_1 = require("./CommentActions");
+const CommentBody_1 = require("./CommentBody");
+const Container = styled_components_1.default.div `
+  padding: 16px;
+  background-color: ${(props) => (props.isSelected ? '#f2fbfc' : '#ffffff')};
+  border: 1px solid ${(props) => (props.isSelected ? '#bce7f6' : '#e2e2e2')};
+  border-left-width: 4px;
+  margin-bottom: 16px;
+`;
+const CommentHeader = styled_components_1.default.div `
+  display: flex;
+  margin-bottom: 16px;
+`;
+const CommentMetadata = styled_components_1.default.div `
+  flex: 1;
+  padding-left: 8px;
+  padding-right: 8px;
+`;
+const CommentAuthor = styled_components_1.default.div `
+  color: #353535;
+  font-weight: 400;
+  max-width: 200px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+const CommentTarget = styled_components_1.default.div `
+  font-size: 14px;
+  color: #353535;
+  background-color: #ffeebf;
+  padding: 4px 8px;
+  margin-top: 16px;
+  margin-bottom: 16px;
+`;
+const Timestamp = (0, styled_components_1.default)(style_guide_1.RelativeDate) `
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 400;
+  color: #6e6e6e;
+`;
+exports.CommentThread = (0, react_1.forwardRef)((props, ref) => {
+    const { tree, isSelected, onSelect, onSave, onDelete } = props;
+    const can = (0, style_guide_1.usePermissions)();
+    const [{ user, collaboratorsById }] = (0, store_1.useStore)((state) => ({
+        user: state.user,
+        collaboratorsById: state.collaboratorsById,
+    }));
+    const authorID = (0, comments_1.getAuthorID)(tree.comment);
+    const authorName = authorID
+        ? (0, comments_1.buildAuthorName)(collaboratorsById.get(authorID))
+        : '';
+    const timestamp = tree.comment.node.attrs.contributions?.[0].timestamp;
+    const isOwn = authorID === user._id;
+    const isResolveEnabled = isOwn
+        ? can.resolveOwnComment
+        : can.resolveOthersComment;
+    const isActionsEnabled = isOwn
+        ? can.handleOwnComments
+        : can.handleOthersComments;
+    const [isEditing, setEditing] = (0, react_1.useState)(false);
+    const handleEdit = () => setEditing(true);
+    const handleSave = (contents) => {
+        onSave({
+            ...tree.comment.node.attrs,
+            contents,
+        });
+        setEditing(false);
+    };
+    const handleCancel = () => {
+        setEditing(false);
+    };
+    const handleToggleResolve = () => {
+        onSave({
+            ...tree.comment.node.attrs,
+            resolved: !tree.comment.node.attrs.resolved,
+        });
+    };
+    return (react_1.default.createElement(Container, { "data-cy": "comment", isSelected: isSelected, ref: ref },
+        react_1.default.createElement(CommentHeader, { "data-cy": "comment-header" },
+            authorName && react_1.default.createElement(style_guide_1.AvatarIcon, { width: 20, height: 20 }),
+            react_1.default.createElement(CommentMetadata, null,
+                react_1.default.createElement(CommentAuthor, null, authorName),
+                timestamp && react_1.default.createElement(Timestamp, { date: timestamp * 1000 })),
+            react_1.default.createElement(CommentActions_1.CommentActions, { comment: tree.comment, isResolveEnabled: isResolveEnabled, isActionsEnabled: isActionsEnabled, onDelete: () => onDelete(tree.comment.node.attrs.id), onEdit: handleEdit, toggleResolve: handleToggleResolve })),
+        tree.comment.node.attrs.originalText && (react_1.default.createElement(CommentTarget, null, tree.comment.node.attrs.originalText)),
+        react_1.default.createElement(CommentBody_1.CommentBody, { comment: tree.comment, isEditing: tree.isNew || isEditing, onSave: handleSave, onCancel: handleCancel, onSelect: onSelect })));
+});
+//# sourceMappingURL=CommentThread.js.map

package/dist/cjs/components/comments/CommentThread.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentThread.js","sourceRoot":"","sources":["../../../../src/components/comments/CommentThread.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/comments/CommentsPanel.js

@@ -0,0 +1,134 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommentsPanel = void 0;
+/*!
+ * The contents of this file are subject to the Common Public Attribution License Version 1.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://mpapp-public.gitlab.io/manuscripts-frontend/LICENSE. The License is based on the Mozilla Public License Version 1.1 but Sections 14 and 15 have been added to cover use of software over a computer network and provide for limited attribution for the Original Developer. In addition, Exhibit A has been modified to be consistent with Exhibit B.
+ *
+ * Software distributed under the License is distributed on an “AS IS” basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for the specific language governing rights and limitations under the License.
+ *
+ * The Original Code is manuscripts-frontend.
+ *
+ * The Original Developer is the Initial Developer. The Initial Developer of the Original Code is Atypon Systems LLC.
+ *
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2019 Atypon Systems LLC. All Rights Reserved.
+ */
+const body_editor_1 = require("@manuscripts/body-editor");
+const style_guide_1 = require("@manuscripts/style-guide");
+const prosemirror_state_1 = require("prosemirror-state");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const comments_1 = require("../../lib/comments");
+const store_1 = require("../../store");
+const CommentThread_1 = require("./CommentThread");
+const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
+const CommentsPlaceholder_1 = require("./CommentsPlaceholder");
+const Header = styled_components_1.default.div `
+  display: flex;
+  justify-content: flex-end;
+  padding: 12px;
+`;
+const CheckboxLabelText = styled_components_1.default.div `
+  color: ${(props) => props.theme.colors.text.primary} !important;
+`;
+const scrollIntoView = (element) => {
+    const rect = element.getBoundingClientRect();
+    if (rect.bottom > window.innerHeight || rect.top < 150) {
+        element.scrollIntoView();
+    }
+};
+const CommentsPanel = () => {
+    const [{ view, newCommentID, selectedCommentKey }] = (0, store_1.useStore)((state) => ({
+        view: state.view,
+        newCommentID: state.newCommentID,
+        selectedCommentKey: state.selectedCommentKey,
+    }));
+    const [showResolved, setShowResolved] = (0, react_1.useState)(true);
+    const comments = (0, react_1.useMemo)(() => view?.state ? body_editor_1.commentsKey.getState(view.state)?.comments : undefined, [view?.state]);
+    const trees = (0, react_1.useMemo)(() => comments ? (0, comments_1.buildCommentTrees)([...comments.values()], newCommentID) : [], [comments, newCommentID]);
+    const selectedRef = (0, react_1.useCallback)((e) => {
+        if (e) {
+            scrollIntoView(e);
+        }
+    }, []);
+    const setSelectedComment = (comment) => {
+        if (!view) {
+            return;
+        }
+        const tr = view.state.tr;
+        (0, body_editor_1.setCommentSelection)(tr, comment.key, comment.node.attrs.id, false);
+        if ((0, body_editor_1.isNodeComment)(comment)) {
+            tr.setSelection(prosemirror_state_1.NodeSelection.create(view.state.doc, comment.target.pos));
+        }
+        else {
+            const range = comment.range;
+            const from = range.pos;
+            const to = from + range.size;
+            tr.setSelection(prosemirror_state_1.TextSelection.create(view.state.doc, from, to));
+        }
+        tr.scrollIntoView();
+        view.focus();
+        view.dispatch(tr);
+    };
+    const handleSave = (attrs) => {
+        const comment = comments?.get(attrs.id);
+        if (!comment) {
+            return;
+        }
+        const tr = view.state.tr;
+        tr.setNodeMarkup(comment.pos, undefined, attrs);
+        (0, body_editor_1.clearCommentSelection)(tr);
+        view.dispatch((0, track_changes_plugin_1.skipTracking)(tr));
+    };
+    const handleDelete = (id) => {
+        const comment = comments?.get(id);
+        if (!comment) {
+            return;
+        }
+        const tr = view.state.tr;
+        tr.delete(comment.pos, comment.pos + comment.node.nodeSize);
+        (0, body_editor_1.clearCommentSelection)(tr);
+        view.dispatch((0, track_changes_plugin_1.skipTracking)(tr));
+    };
+    if (!view) {
+        return null;
+    }
+    if (!trees.length) {
+        return react_1.default.createElement(CommentsPlaceholder_1.CommentsPlaceholder, null);
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Header, null,
+            react_1.default.createElement(style_guide_1.CheckboxLabel, null,
+                react_1.default.createElement(style_guide_1.CheckboxField, { name: 'show-resolved', checked: showResolved, onChange: (e) => setShowResolved(e.target.checked) }),
+                react_1.default.createElement(CheckboxLabelText, null, "See resolved"))),
+        trees
+            .filter((c) => showResolved || !c.comment.node.attrs.resolved)
+            .map((c) => (react_1.default.createElement(CommentThread_1.CommentThread, { key: c.comment.node.attrs.id, ref: selectedCommentKey === c.comment.key ? selectedRef : null, tree: c, isSelected: selectedCommentKey === c.comment.key, onSelect: () => setSelectedComment(c.comment), onSave: handleSave, onDelete: handleDelete })))));
+};
+exports.CommentsPanel = CommentsPanel;
+//# sourceMappingURL=CommentsPanel.js.map

package/dist/cjs/components/comments/CommentsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsPanel.js","sourceRoot":"","sources":["../../../../src/components/comments/CommentsPanel.tsx"],"names":[],"mappings":"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"}