@manuscripts/body-editor 3.12.30 → 3.12.32

package/dist/cjs/components/authors/AuthorDetailsForm.js

@@ -137,7 +137,7 @@ const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmailRequir
                         (0, formik_1.getIn)(formik.errors, 'ORCID');
                     return (react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement(style_guide_1.Label, { htmlFor: "orcid" }, "ORCID"),
-                        react_1.default.createElement(TextFieldWithError, { id: 'orcid', type: "url", placeholder: 'https://orcid.org/...', ...props.field, pattern: ORCID_INPUT_PATTERN, title: "Please enter a valid ORCID URL: https://orcid.org/xxxx-xxxx-xxxx-xxxx", error: hasError }),
+                        react_1.default.createElement(TextFieldWithError, { id: 'orcid', disabled: values.isAuthenticated, type: "url", placeholder: 'https://orcid.org/...', ...props.field, pattern: ORCID_INPUT_PATTERN, title: "Please enter a valid ORCID URL: https://orcid.org/xxxx-xxxx-xxxx-xxxx", error: hasError }),
                         hasError && (react_1.default.createElement(style_guide_1.InputErrorText, null, (0, formik_1.getIn)(formik.errors, 'ORCID')))));
                 })),
             react_1.default.createElement(style_guide_1.FormRow, null,

package/dist/cjs/components/authors/DraggableAuthor.js

@@ -58,6 +58,7 @@ const react_dnd_1 = require("react-dnd");
 const styled_components_1 = __importDefault(require("styled-components"));
 const authors_1 = require("../../lib/authors");
 const dnd_1 = require("../../lib/dnd");
+const styled_components_2 = require("../references/ReferenceForm/styled-components");
 const AuthorContainer = (0, style_guide_1.withNavigableListItem)(styled_components_1.default.div `
   padding: ${(props) => props.theme.grid.unit * 2}px 0
     ${(props) => props.theme.grid.unit * 2}px;
@@ -125,11 +126,9 @@ const DragHandle = (0, styled_components_1.default)(style_guide_1.DraggableIcon)
   margin-left: -4px;
   margin-right: -12px;
 `;
-const RemoveButton = (0, styled_components_1.default)(style_guide_1.SecondaryIconButton) `
-  svg {
-    path[fill='white'] {
-      fill: white;
-    }
+const RemoveButton = (0, styled_components_1.default)(styled_components_2.DeleteButton) `
+  .icon_element {
+    fill: ${(props) => (props.disabled && '#c9c9c9') || '#6E6E6E'} !important;
   }
 `;
 const StyledCrclTickAnimation = (0, styled_components_1.default)(style_guide_1.CrclTickAnimation) `

package/dist/cjs/components/modal-drawer/GenericDrawerGroup.js

@@ -34,7 +34,7 @@ function DrawerGroup({ removeItem, selectedItems, onSelect, items, showDrawer, s
             })), onRemove: removeItem, placeholder: `No ${title} assigned` }),
         showDrawer && (react_1.default.createElement(Drawer, { items: items, selectedItems: selectedItems, title: title, onSelect: onSelect, onBack: () => setShowDrawer(false), width: "100%" }))));
 }
-exports.AssignButton = styled_components_1.default.button `
+exports.AssignButton = (0, styled_components_1.default)(style_guide_1.IconButton) `
   color: ${(props) => props.theme.colors.brand.default};
   background: none;
   border: none;
@@ -43,10 +43,16 @@ exports.AssignButton = styled_components_1.default.button `
   font: ${(props) => props.theme.font.weight.normal}
     ${(props) => props.theme.font.size.normal}
     ${(props) => props.theme.font.family.sans};
-  display: flex;
-  align-items: center;
   gap: 4px;
-  margin-bottom: ${(props) => props.theme.grid.unit * 2}px;
+  width: auto;
+  height: 24px;
+
+  &:disabled {
+    color: #c9c9c9 !important;
+    background-color: unset !important;
+    border: unset;
+  }
+
   &:hover {
     opacity: 0.8;
   }

package/dist/cjs/lib/normalize.js

@@ -28,6 +28,7 @@ const normalizeAuthor = (author) => {
         email: trim(author.email),
         isCorresponding: author.isCorresponding || false,
         ORCID: trim(author.ORCID),
+        isAuthenticated: author.isAuthenticated || false,
         priority: author.priority,
         isJointContributor: author.isJointContributor || false,
         degrees: author.degrees || [],

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.30';
+exports.VERSION = '3.12.32';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/es/components/authors/AuthorDetailsForm.js

@@ -98,7 +98,7 @@ export const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmai
                         getIn(formik.errors, 'ORCID');
                     return (React.createElement(React.Fragment, null,
                         React.createElement(Label, { htmlFor: "orcid" }, "ORCID"),
-                        React.createElement(TextFieldWithError, { id: 'orcid', type: "url", placeholder: 'https://orcid.org/...', ...props.field, pattern: ORCID_INPUT_PATTERN, title: "Please enter a valid ORCID URL: https://orcid.org/xxxx-xxxx-xxxx-xxxx", error: hasError }),
+                        React.createElement(TextFieldWithError, { id: 'orcid', disabled: values.isAuthenticated, type: "url", placeholder: 'https://orcid.org/...', ...props.field, pattern: ORCID_INPUT_PATTERN, title: "Please enter a valid ORCID URL: https://orcid.org/xxxx-xxxx-xxxx-xxxx", error: hasError }),
                         hasError && (React.createElement(InputErrorText, null, getIn(formik.errors, 'ORCID')))));
                 })),
             React.createElement(FormRow, null,

package/dist/es/components/authors/DraggableAuthor.js

@@ -13,12 +13,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Avatar, CorrespondingAuthorIcon, CrclTickAnimation, DeleteIcon, DraggableIcon, SecondaryIconButton, withNavigableListItem, } from '@manuscripts/style-guide';
+import { Avatar, CorrespondingAuthorIcon, CrclTickAnimation, DeleteIcon, DraggableIcon, withNavigableListItem, } from '@manuscripts/style-guide';
 import React, { useRef, useState } from 'react';
 import { useDrag, useDrop } from 'react-dnd';
 import styled from 'styled-components';
 import { authorLabel } from '../../lib/authors';
 import { getDropSide } from '../../lib/dnd';
+import { DeleteButton } from '../references/ReferenceForm/styled-components';
 const AuthorContainer = withNavigableListItem(styled.div `
   padding: ${(props) => props.theme.grid.unit * 2}px 0
     ${(props) => props.theme.grid.unit * 2}px;
@@ -86,11 +87,9 @@ const DragHandle = styled(DraggableIcon) `
   margin-left: -4px;
   margin-right: -12px;
 `;
-const RemoveButton = styled(SecondaryIconButton) `
-  svg {
-    path[fill='white'] {
-      fill: white;
-    }
+const RemoveButton = styled(DeleteButton) `
+  .icon_element {
+    fill: ${(props) => (props.disabled && '#c9c9c9') || '#6E6E6E'} !important;
   }
 `;
 const StyledCrclTickAnimation = styled(CrclTickAnimation) `

package/dist/es/components/modal-drawer/GenericDrawerGroup.js

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { outlineStyle, SelectedItemsBox, } from '@manuscripts/style-guide';
+import { outlineStyle, SelectedItemsBox, IconButton, } from '@manuscripts/style-guide';
 import React from 'react';
 import styled from 'styled-components';
 export function DrawerGroup({ removeItem, selectedItems, onSelect, items, showDrawer, setShowDrawer, title, labelField, Drawer, cy, Icon, buttonText, }) {
@@ -27,7 +27,7 @@ export function DrawerGroup({ removeItem, selectedItems, onSelect, items, showDr
             })), onRemove: removeItem, placeholder: `No ${title} assigned` }),
         showDrawer && (React.createElement(Drawer, { items: items, selectedItems: selectedItems, title: title, onSelect: onSelect, onBack: () => setShowDrawer(false), width: "100%" }))));
 }
-export const AssignButton = styled.button `
+export const AssignButton = styled(IconButton) `
   color: ${(props) => props.theme.colors.brand.default};
   background: none;
   border: none;
@@ -36,10 +36,16 @@ export const AssignButton = styled.button `
   font: ${(props) => props.theme.font.weight.normal}
     ${(props) => props.theme.font.size.normal}
     ${(props) => props.theme.font.family.sans};
-  display: flex;
-  align-items: center;
   gap: 4px;
-  margin-bottom: ${(props) => props.theme.grid.unit * 2}px;
+  width: auto;
+  height: 24px;
+
+  &:disabled {
+    color: #c9c9c9 !important;
+    background-color: unset !important;
+    border: unset;
+  }
+
   &:hover {
     opacity: 0.8;
   }

package/dist/es/lib/normalize.js

@@ -25,6 +25,7 @@ export const normalizeAuthor = (author) => {
         email: trim(author.email),
         isCorresponding: author.isCorresponding || false,
         ORCID: trim(author.ORCID),
+        isAuthenticated: author.isAuthenticated || false,
         priority: author.priority,
         isJointContributor: author.isJointContributor || false,
         degrees: author.degrees || [],

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.12.30';
+export const VERSION = '3.12.32';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/components/modal-drawer/GenericDrawerGroup.d.ts

@@ -39,5 +39,15 @@ interface EmbeddedDrawerProps<T extends Base> {
     onSelect: (id: string) => void;
 }
 export declare function DrawerGroup<T extends Base>({ removeItem, selectedItems, onSelect, items, showDrawer, setShowDrawer, title, labelField, Drawer, cy, Icon, buttonText, }: DrawerGroupProps<T>): React.JSX.Element;
-export declare const AssignButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const AssignButton: import("styled-components").StyledComponent<"button", any, {
+    type: "button" | "submit" | "reset";
+} & {
+    danger?: boolean;
+    disabled?: boolean;
+    mini?: boolean;
+} & {
+    defaultColor?: boolean;
+    size?: number;
+    iconColor?: string;
+}, "type">;
 export {};

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.12.30";
+export declare const VERSION = "3.12.32";
 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.30",
+  "version": "3.12.32",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -37,9 +37,9 @@
     "@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.10",
+    "@manuscripts/style-guide": "3.5.11",
     "@manuscripts/track-changes-plugin": "2.3.10",
-    "@manuscripts/transform": "4.3.36",
+    "@manuscripts/transform": "4.3.38",
     "@popperjs/core": "2.11.8",
     "citeproc": "2.4.63",
     "codemirror": "5.65.19",