@manuscripts/article-editor 3.4.7 → 3.4.9

package/dist/es/lib/comments.js

@@ -1,3 +1,15 @@
+/*!
+ * 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.
+ */
+import { isReply } from '@manuscripts/body-editor';
 export const getAuthorID = (comment) => {
     const contributions = comment.node.attrs.contributions;
     if (!contributions?.length) {
@@ -5,11 +17,14 @@ export const getAuthorID = (comment) => {
     }
     return contributions[0].profileID;
 };
-export const buildCommentTrees = (comments, newCommentID) => {
-    return comments.map((c) => ({
+export const buildThreads = (comments, newCommentID) => {
+    return comments
+        .filter((c) => !isReply(c)) // Filter out replies
+        .map((c) => ({
         comment: c,
         isNew: newCommentID === c.node.attrs.id,
-        children: [],
+        replies: comments.filter((reply) => reply.node.attrs.target === c.node.attrs.id // Find replies for each comment
+        ),
     }));
 };
 export const buildAuthorName = (user) => {
@@ -20,4 +35,9 @@ export const buildAuthorName = (user) => {
         .filter(Boolean)
         .join(' ');
 };
+export const commentsByTime = (a, b) => {
+    const aTimestamp = a.node.attrs.contributions?.[0].timestamp || 0;
+    const bTimestamp = b.node.attrs.contributions?.[0].timestamp || 0;
+    return aTimestamp - bTimestamp;
+};
 //# sourceMappingURL=comments.js.map

package/dist/es/lib/comments.js.map

@@ -1 +1 @@
-{"version":3,"file":"comments.js","sourceRoot":"","sources":["../../../src/lib/comments.ts"],"names":[],"mappings":"AAoBA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC9C,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAA;IACtD,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE;QAC1B,OAAO,SAAS,CAAA;KACjB;IACD,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AACnC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,QAAmB,EACnB,YAAqB,EACN,EAAE;IACjB,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC1B,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,YAAY,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;QACvC,QAAQ,EAAE,EAAE;KACb,CAAC,CAAC,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAA6B,EAAE,EAAE;IAC/D,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,EAAE,CAAA;KACV;IACD,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC;SACjE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAA;AACd,CAAC,CAAA"}
+{"version":3,"file":"comments.js","sourceRoot":"","sources":["../../../src/lib/comments.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAW,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAS3D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC9C,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAA;IACtD,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE;QAC1B,OAAO,SAAS,CAAA;KACjB;IACD,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AACnC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,QAAmB,EACnB,YAAqB,EACX,EAAE;IACZ,OAAO,QAAQ;SACZ,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB;SAChD,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACX,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,YAAY,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;QACvC,OAAO,EAAE,QAAQ,CAAC,MAAM,CACtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,gCAAgC;SACxF;KACF,CAAC,CAAC,CAAA;AACP,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAA6B,EAAE,EAAE;IAC/D,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,EAAE,CAAA;KACV;IACD,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC;SACjE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAA;AACd,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAU,EAAE,CAAU,EAAE,EAAE;IACvD,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,CAAA;IACjE,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,CAAA;IACjE,OAAO,UAAU,GAAG,UAAU,CAAA;AAChC,CAAC,CAAA"}

package/dist/types/components/comments/CommentBody.d.ts

@@ -16,6 +16,5 @@ export interface CommentBodyProps {
     isEditing: boolean;
     onSave: (content: string) => void;
     onCancel: () => void;
-    onSelect: () => void;
 }
 export declare const CommentBody: React.FC<CommentBodyProps>;

package/dist/{es/components/projects/ManuscriptInspector.js → types/components/comments/CommentCard.d.ts}

@@ -7,11 +7,20 @@
  *
  * 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.
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
  */
+import { Comment, CommentAttrs } from '@manuscripts/body-editor';
 import React from 'react';
-import { InspectorSection } from '../InspectorSection';
-export const ManuscriptInspector = () => {
-    return React.createElement(InspectorSection, { title: 'Manuscript' });
-};
-//# sourceMappingURL=ManuscriptInspector.js.map
+interface CommentCardProps {
+    comment: Comment;
+    isReply: boolean;
+    numOfReplies: number;
+    isNew: boolean;
+    isEndOfThread: boolean;
+    editingCommentId: string | null;
+    setEditingCommentId: (id: string | null) => void;
+    onSave: (comment: CommentAttrs) => void;
+    onDelete: (id: string) => void;
+}
+export declare const CommentCard: React.FC<CommentCardProps>;
+export {};

package/dist/types/components/comments/CommentThread.d.ts

@@ -11,12 +11,13 @@
  */
 import { CommentAttrs } from '@manuscripts/body-editor';
 import React from 'react';
-import { CommentTree } from '../../lib/comments';
+import { Thread } from '../../lib/comments';
 export interface CommentThreadProps {
-    tree: CommentTree;
+    thread: Thread;
     isSelected: boolean;
     onSelect: () => void;
     onSave: (comment: CommentAttrs) => void;
     onDelete: (id: string) => void;
+    insertCommentReply: (target: string, contents: string) => void;
 }
 export declare const CommentThread: React.ForwardRefExoticComponent<CommentThreadProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/{projects/ManuscriptInspector.d.ts → comments/DeleteCommentConfirmation.d.ts}

@@ -7,12 +7,13 @@
  *
  * 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.
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
  */
-import { EditorState, Transaction } from 'prosemirror-state';
 import React from 'react';
-export declare const ManuscriptInspector: React.FC<{
-    state: EditorState;
-    dispatch: (tr: Transaction) => EditorState | void;
-    canWrite?: boolean;
-}>;
+interface DeleteCommentConfirmationProps {
+    isReply: boolean;
+    onCancel: () => void;
+    onConfirm: () => void;
+}
+export declare const DeleteCommentConfirmation: React.FC<DeleteCommentConfirmationProps>;
+export {};

package/dist/types/components/{projects/ContentTab.d.ts → comments/ReplyBox.d.ts}

@@ -7,7 +7,12 @@
  *
  * 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.
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
  */
 import React from 'react';
-export declare const ContentTab: React.FC;
+interface ReplyBoxProps {
+    insertCommentReply: (target: string, contents: string) => void;
+    commentID: string;
+}
+export declare const ReplyBox: React.FC<ReplyBoxProps>;
+export {};

package/dist/types/lib/comments.d.ts

@@ -11,11 +11,12 @@
  */
 import { Comment } from '@manuscripts/body-editor';
 import { UserProfile } from '@manuscripts/json-schema';
-export type CommentTree = {
+export type Thread = {
     comment: Comment;
     isNew: boolean;
-    children: CommentTree[];
+    replies: Comment[];
 };
 export declare const getAuthorID: (comment: Comment) => string | undefined;
-export declare const buildCommentTrees: (comments: Comment[], newCommentID?: string) => CommentTree[];
+export declare const buildThreads: (comments: Comment[], newCommentID?: string) => Thread[];
 export declare const buildAuthorName: (user: UserProfile | undefined) => string;
+export declare const commentsByTime: (a: Comment, b: Comment) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manuscripts/article-editor",
-  "version": "3.4.7",
+  "version": "3.4.9",
   "license": "CPAL-1.0",
   "description": "React components for editing and viewing manuscripts",
   "repository": "github:Atypon-OpenSource/manuscripts-article-editor",

package/dist/cjs/components/projects/ContentTab.js

@@ -1,33 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentTab = 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 react_1 = __importDefault(require("react"));
-const store_1 = require("../../store");
-const ManuscriptInspector_1 = require("./ManuscriptInspector");
-const ContentTab = () => {
-    const [{ manuscriptID, editor }] = (0, store_1.useStore)((store) => {
-        return {
-            manuscriptID: store.manuscriptID,
-            editor: store.editor,
-        };
-    });
-    const { state, dispatch } = editor;
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(ManuscriptInspector_1.ManuscriptInspector, { key: manuscriptID, state: state, dispatch: dispatch })));
-};
-exports.ContentTab = ContentTab;
-//# sourceMappingURL=ContentTab.js.map

package/dist/cjs/components/projects/ContentTab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentTab.js","sourceRoot":"","sources":["../../../../src/components/projects/ContentTab.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;GAUG;AACH,kDAAyB;AAEzB,uCAAsC;AACtC,+DAA2D;AAEpD,MAAM,UAAU,GAAa,GAAG,EAAE;IACvC,MAAM,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,KAAK,EAAE,EAAE;QACpD,OAAO;YACL,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,MAAM,EAAE,KAAK,CAAC,MAAM;SACrB,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;IAElC,OAAO,CACL;QACE,8BAAC,yCAAmB,IAClB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,UAAU,cAmBtB"}

package/dist/cjs/components/projects/ManuscriptInspector.js

@@ -1,24 +0,0 @@
-"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) 2019 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.ManuscriptInspector = void 0;
-const react_1 = __importDefault(require("react"));
-const InspectorSection_1 = require("../InspectorSection");
-const ManuscriptInspector = () => {
-    return react_1.default.createElement(InspectorSection_1.InspectorSection, { title: 'Manuscript' });
-};
-exports.ManuscriptInspector = ManuscriptInspector;
-//# sourceMappingURL=ManuscriptInspector.js.map

package/dist/cjs/components/projects/ManuscriptInspector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ManuscriptInspector.js","sourceRoot":"","sources":["../../../../src/components/projects/ManuscriptInspector.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;;;;AAGH,kDAAyB;AAEzB,0DAAsD;AAE/C,MAAM,mBAAmB,GAI3B,GAAG,EAAE;IACR,OAAO,8BAAC,mCAAgB,IAAC,KAAK,EAAE,YAAY,GAAqB,CAAA;AACnE,CAAC,CAAA;AANY,QAAA,mBAAmB,uBAM/B"}

package/dist/es/components/projects/ContentTab.js

@@ -1,26 +0,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.
- */
-import React from 'react';
-import { useStore } from '../../store';
-import { ManuscriptInspector } from './ManuscriptInspector';
-export const ContentTab = () => {
-    const [{ manuscriptID, editor }] = useStore((store) => {
-        return {
-            manuscriptID: store.manuscriptID,
-            editor: store.editor,
-        };
-    });
-    const { state, dispatch } = editor;
-    return (React.createElement("div", null,
-        React.createElement(ManuscriptInspector, { key: manuscriptID, state: state, dispatch: dispatch })));
-};
-//# sourceMappingURL=ContentTab.js.map

package/dist/es/components/projects/ContentTab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentTab.js","sourceRoot":"","sources":["../../../../src/components/projects/ContentTab.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,CAAC,MAAM,UAAU,GAAa,GAAG,EAAE;IACvC,MAAM,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;QACpD,OAAO;YACL,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,MAAM,EAAE,KAAK,CAAC,MAAM;SACrB,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;IAElC,OAAO,CACL;QACE,oBAAC,mBAAmB,IAClB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/es/components/projects/ManuscriptInspector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ManuscriptInspector.js","sourceRoot":"","sources":["../../../../src/components/projects/ManuscriptInspector.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEtD,MAAM,CAAC,MAAM,mBAAmB,GAI3B,GAAG,EAAE;IACR,OAAO,oBAAC,gBAAgB,IAAC,KAAK,EAAE,YAAY,GAAqB,CAAA;AACnE,CAAC,CAAA"}