@manuscripts/body-editor 3.12.66 → 3.13.0

package/dist/cjs/components/toolbar/type-selector/styles.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.customStyles = exports.StyledSelect = void 0;
 const react_select_1 = __importDefault(require("react-select"));
 const styled_components_1 = __importDefault(require("styled-components"));
-exports.StyledSelect = (0, styled_components_1.default)((react_select_1.default)) `
+const TypeSelect = react_select_1.default;
+exports.StyledSelect = (0, styled_components_1.default)(TypeSelect) `
   .type-selector__control:hover {
     border-color: ${(props) => props.theme.colors.border.secondary};
   }

package/dist/cjs/versions.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MATHJAX_VERSION = exports.VERSION = void 0;
-exports.VERSION = '3.12.66';
+exports.VERSION = '3.13.0';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/es/components/toolbar/type-selector/styles.js

@@ -1,6 +1,7 @@
 import Select from 'react-select';
 import styled from 'styled-components';
-export const StyledSelect = styled((Select)) `
+const TypeSelect = Select;
+export const StyledSelect = styled(TypeSelect) `
   .type-selector__control:hover {
     border-color: ${(props) => props.theme.colors.border.secondary};
   }

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.12.66';
+export const VERSION = '3.13.0';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/components/toolbar/type-selector/styles.d.ts

@@ -1,6 +1,6 @@
-import { CSSObjectWithLabel } from 'react-select';
+import { CSSObjectWithLabel, GroupBase, Props } from 'react-select';
 import { Option } from './TypeSelector';
-export declare const StyledSelect: import("styled-components").StyledComponent<(props: Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<Option, false, import("react-select").GroupBase<Option>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<Option, false, import("react-select").GroupBase<Option>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<Option> & import("react").RefAttributes<import("react-select/dist/declarations/src/Select").default<Option, false, import("react-select").GroupBase<Option>>>) => import("react").ReactElement, any, {}, never>;
+export declare const StyledSelect: import("styled-components").StyledComponent<import("react").FunctionComponent<Props<Option, false, GroupBase<Option>>>, any, {}, never>;
 export declare const customStyles: {
     control: (styles: CSSObjectWithLabel) => CSSObjectWithLabel;
     indicatorSeparator: () => CSSObjectWithLabel;

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

@@ -14,11 +14,13 @@
  * limitations under the License.
  */
 import { FootnoteNode, ManuscriptEditorState, ManuscriptNode } from '@manuscripts/transform';
-export declare const findFootnotesContainerNode: (doc: ManuscriptNode, pos: number) => import("prosemirror-utils").ContentNodeWithPos | {
+import { Selection } from 'prosemirror-state';
+import { ContentNodeWithPos } from 'prosemirror-utils';
+export declare const findFootnotesContainerNode: (doc: ManuscriptNode, pos: number) => ContentNodeWithPos | {
     node: import("prosemirror-model").Node;
     pos: number;
 };
-export declare const findParentFootnote: (selection: import("prosemirror-state").Selection) => import("prosemirror-utils/dist/types").FindResult;
+export declare const findParentFootnote: (selection: Selection) => ContentNodeWithPos | undefined;
 export declare const getFootnotesElementState: (state: ManuscriptEditorState, id: string) => import("../plugins/footnotes").FootnotesElementState | undefined;
 export declare const getFootnoteLabel: (state: ManuscriptEditorState, footnote: FootnoteNode) => string;
 export declare const createFootnote: () => FootnoteNode;

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

@@ -16,14 +16,15 @@
 import { BibliographyItemAttrs, BibliographyItemType, ManuscriptEditorState, ManuscriptNode, ManuscriptNodeType } from '@manuscripts/transform';
 import { Fragment, Node as ProseMirrorNode, NodeType, ResolvedPos } from 'prosemirror-model';
 import { EditorState, Selection } from 'prosemirror-state';
+import { ContentNodeWithPos } from 'prosemirror-utils';
 export declare function iterateChildren(node: ManuscriptNode, recurse?: boolean): Iterable<ManuscriptNode>;
 export declare const getMatchingChild: (parent: ManuscriptNode, matcher: (node: ManuscriptNode) => boolean, deep?: boolean) => ManuscriptNode | undefined;
 export declare const getMatchingDescendant: (parent: ManuscriptNode, matcher: (node: ManuscriptNode) => boolean) => ManuscriptNode | undefined;
 export declare const getChildOfType: (parent: ManuscriptNode, nodeType: ManuscriptNodeType, deep?: boolean) => boolean;
-export declare const findParentNodeWithId: ({ $from, $to }: Selection, validateSameParent?: boolean) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentNodeWithIdValue: ({ $from, $to }: Selection, validateSameParent?: boolean) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentSection: ({ $from, $to }: Selection, validateSameParent?: boolean) => import("prosemirror-utils/dist/types").FindResult;
-export declare const findParentElement: (selection: Selection, validIds?: string[]) => import("prosemirror-utils/dist/types").FindResult;
+export declare const findParentNodeWithId: (selection: Selection) => ContentNodeWithPos | undefined;
+export declare const findParentNodeWithIdValue: (selection: Selection) => ContentNodeWithPos | undefined;
+export declare const findParentSection: (selection: Selection) => ContentNodeWithPos | undefined;
+export declare const findParentElement: (selection: Selection, validIds?: string[]) => ContentNodeWithPos | undefined;
 export declare const isChildOfNodeTypes: (doc: ManuscriptNode, pos: number, parentNodeTypes: NodeType[]) => boolean;
 export declare const isSelectionInNode: (state: EditorState, targetNode: ProseMirrorNode) => boolean;
 export declare const isSelectionInBody: (state: EditorState) => boolean;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.12.66";
+export declare const VERSION = "3.13.0";
 export declare const MATHJAX_VERSION = "3.2.2";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "3.12.66",
+  "version": "3.13.0",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -11,14 +11,15 @@
     "**/*.css"
   ],
   "files": [
+    "src",
     "dist",
     "styles"
   ],
   "scripts": {
-    "build": "npm-run-all --parallel build:*",
+    "build": "npm-run-all2 --parallel build:*",
     "build:cjs": "tsc --outDir dist/cjs --module commonjs",
     "build:es": "tsc --outDir dist/es --declarationDir dist/types --declaration",
-    "dev": "pnpm dependencies-versions && npm-run-all --parallel 'build:* --watch'",
+    "dev": "pnpm dependencies-versions && npm-run-all2 --parallel 'build:* --watch'",
     "lint": "eslint src --ext .ts,.tsx --max-warnings=0",
     "lint:fix": "eslint src --fix --ext .ts,.tsx --max-warnings=0",
     "prebuild": "rimraf dist && pnpm dependencies-versions",
@@ -32,26 +33,25 @@
     "unlink-all": "rm pnpm-workspace.yaml && pnpm install"
   },
   "dependencies": {
-    "@citation-js/core": "0.7.18",
-    "@citation-js/plugin-bibtex": "0.7.18",
-    "@citation-js/plugin-csl": "0.7.18",
-    "@citation-js/plugin-doi": "0.7.18",
+    "@citation-js/core": "0.7.21",
+    "@citation-js/plugin-bibtex": "0.7.21",
+    "@citation-js/plugin-csl": "0.7.22",
+    "@citation-js/plugin-doi": "0.7.21",
     "@citation-js/plugin-enw": "0.3.0",
     "@citation-js/plugin-pubmed": "0.3.0",
     "@citation-js/plugin-ris": "0.7.18",
     "@iarna/word-count": "1.1.2",
-    "@manuscripts/style-guide": "3.5.32",
-    "@manuscripts/track-changes-plugin": "2.3.16",
-    "@manuscripts/transform": "4.3.52",
+    "@manuscripts/style-guide": "3.6.0",
+    "@manuscripts/track-changes-plugin": "2.4.0",
+    "@manuscripts/transform": "4.4.0",
     "@popperjs/core": "2.11.8",
     "citeproc": "2.4.63",
     "codemirror": "5.65.19",
-    "dompurify": "3.2.5",
-    "formik": "2.4.6",
+    "dompurify": "3.4.3",
+    "formik": "2.4.9",
     "fuzzysort": "3.1.0",
-    "grapheme-splitter": "1.0.4",
     "history": "5.3.0",
-    "lodash": "4.17.21",
+    "lodash": "4.18.1",
     "mathjax": "3.2.2",
     "prosemirror-collab": "1.3.1",
     "prosemirror-commands": "1.7.1",
@@ -67,53 +67,54 @@
     "prosemirror-transform": "1.10.4",
     "prosemirror-utils": "1.2.2",
     "prosemirror-view": "1.41.0",
-    "react": "19.2.0",
+    "react": "19.2.6",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
-    "react-dom": "19.2.0",
-    "react-is": "19.2.0",
-    "react-router-dom": "6.30.0",
-    "react-select": "5.10.1",
+    "react-dom": "19.2.6",
+    "react-is": "19.2.6",
+    "react-router-dom": "7.15.0",
+    "react-select": "5.10.2",
     "styled-components": "5.3.11"
   },
   "devDependencies": {
     "@vitest/coverage-v8": "4.1.6",
-    "@eslint/eslintrc": "3.3.1",
+    "@eslint/eslintrc": "3.3.5",
     "@eslint/js": "9.39.1",
     "@manuscripts/eslint-config": "0.5.1",
-    "@types/codemirror": "5.60.15",
+    "@types/codemirror": "5.60.17",
     "@types/csl": "npm:csl-json@0.1.0",
-    "jsdom": "26.0.0",
+    "jsdom": "29.1.1",
     "@types/lodash": "4.17.16",
     "@types/node": "20.17.46",
-    "@types/react": "19.2.3",
+    "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
-    "@types/react-router-dom": "5.3.3",
     "@types/styled-components": "5.1.34",
-    "@types/uuid": "9.0.8",
     "@typescript-eslint/eslint-plugin": "8.46.4",
     "@typescript-eslint/parser": "8.46.4",
     "eslint": "9.39.1",
     "eslint-config-prettier": "10.1.8",
-    "eslint-plugin-diff": "2.0.3",
+    "eslint-plugin-diff": "2.1.7",
     "eslint-plugin-header": "3.1.1",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
-    "eslint-plugin-mdx": "3.6.2",
+    "eslint-plugin-mdx": "3.7.0",
     "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-prettier": "5.5.4",
-    "eslint-plugin-promise": "7.2.1",
+    "eslint-plugin-prettier": "5.5.5",
+    "eslint-plugin-promise": "7.3.0",
     "eslint-plugin-react": "7.37.5",
-    "eslint-plugin-react-hooks": "7.0.1",
+    "eslint-plugin-react-hooks": "7.1.1",
     "eslint-plugin-simple-import-sort": "12.1.1",
-    "husky": "8.0.3",
+    "husky": "9.1.7",
+    "vitest": "4.1.7",
+    "jest": "30.4.2",
+    "jest-environment-jsdom": "30.4.1",
     "jest-prosemirror": "3.0.1",
-    "vitest": "4.1.6",
-    "npm-run-all": "4.1.5",
-    "prettier": "3.6.2",
-    "rimraf": "6.0.1",
+    "npm-run-all2": "^8.0.4",
+    "prettier": "3.8.3",
+    "regenerator-runtime": "0.14.1",
+    "rimraf": "6.1.3",
     "typescript": "5.9.2",
-    "uuid": "9.0.1"
+    "uuid": "14.0.0"
   },
   "engines": {
     "node": ">=22"

package/{dist/es/lib/statistics.js → src/__mocks__/styleMock.ts}

@@ -13,17 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import wordCount from '@iarna/word-count';
-import GraphemeSplitter from 'grapheme-splitter';
-const splitter = new GraphemeSplitter();
-export const buildText = (node) => {
-    const parts = [];
-    node.descendants((childNode) => {
-        if (childNode.isTextblock) {
-            parts.push(childNode.textContent);
-        }
-    });
-    return parts.join(' ');
-};
-export const countWords = (text) => wordCount(text);
-export const countCharacters = (text) => splitter.countGraphemes(text) - 1;
+
+export default {}

package/src/assets.ts

@@ -0,0 +1,20 @@
+/*!
+ * © 2024 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.
+ */
+
+//TODO: Move this icon to styleguide
+export const sectionCategoryIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="19" viewBox="0 0 16 19" fill="none">
+<path d="M0.5 4C0.5 2.067 2.067 0.5 4 0.5H12C13.933 0.5 15.5 2.067 15.5 4V16.0505C15.5 17.1991 14.2619 17.9215 13.2619 17.3563L8.73809 14.7994C8.28008 14.5405 7.71992 14.5405 7.26191 14.7994L2.73809 17.3563C1.73815 17.9215 0.5 17.1991 0.5 16.0505V4Z" fill="white" stroke="#6E6E6E"/>
+</svg>`

package/src/classes/collabProvider.ts

@@ -0,0 +1,38 @@
+/*!
+ * © 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 { Step } from 'prosemirror-transform'
+
+export abstract class CollabProvider {
+  currentVersion: number
+  protected newStepsListener: () => void
+  abstract sendSteps(
+    version: number,
+    steps: readonly Step[],
+    clientID: string | number,
+    flush?: boolean
+  ): Promise<void>
+  abstract unsubscribe(): void
+  abstract onNewSteps(listener: CollabProvider['newStepsListener']): void
+  abstract stepsSince(version: number): Promise<
+    | {
+        steps: Step[]
+        clientIDs: number[]
+        version: number
+      }
+    | undefined
+  >
+}

package/src/clipboard.ts

@@ -0,0 +1,54 @@
+/*!
+ * © 2024 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 { schema } from '@manuscripts/transform'
+import { DOMParser } from 'prosemirror-model'
+
+import { parseCssListStyleType } from './lib/lists'
+
+// we can override other node rules for clipboard here
+// to avoid having a conflict with manuscripts-transform
+const nodes = [
+  {
+    tag: 'p, div',
+    node: 'paragraph',
+  },
+  {
+    tag: 'ul, ol',
+    node: 'list',
+    getAttrs: (list: HTMLElement) => {
+      let type = list.style.listStyleType
+      if (!type) {
+        const item = list.firstElementChild as HTMLElement
+        if (item) {
+          type = item.style.listStyleType
+        }
+      }
+      return {
+        listStyleType: parseCssListStyleType(type),
+      }
+    },
+  },
+  // this is to avoid adding a new line, as it won't appear in google doc
+  {
+    tag: 'br.Apple-interchange-newline',
+    ignore: true,
+  },
+]
+
+export const clipboardParser = new DOMParser(schema, [
+  ...nodes,
+  ...DOMParser.fromSchema(schema).rules,
+])