@manuscripts/style-guide 1.1.15-LEAN-2684-4 → 1.1.15-LEAN-2669

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/cjs/components/EditorHeader/EditorHeader.js +0 -1
  2. package/dist/cjs/components/FileManager/FileSectionItem/FileInfo.js +22 -3
  3. package/dist/cjs/components/FileManager/FileSectionItem/FileSectionItem.js +1 -1
  4. package/dist/cjs/components/SubmissionInspector/BaseInformation.js +1 -1
  5. package/dist/cjs/lib/capabilities.js +3 -4
  6. package/dist/es/components/EditorHeader/EditorHeader.js +0 -1
  7. package/dist/es/components/FileManager/FileSectionItem/FileInfo.js +21 -2
  8. package/dist/es/components/FileManager/FileSectionItem/FileSectionItem.js +1 -1
  9. package/dist/es/components/SubmissionInspector/BaseInformation.js +1 -1
  10. package/dist/es/lib/capabilities.js +3 -4
  11. package/dist/types/components/AlertMessage.d.ts +1 -1
  12. package/dist/types/components/AuthorForm/RemoveAuthorButton.d.ts +1 -1
  13. package/dist/types/components/AutoSaveInput.d.ts +1 -1
  14. package/dist/types/components/Dialog.d.ts +1 -1
  15. package/dist/types/components/FileManager/FileSectionItem/FileInfo.d.ts +3 -0
  16. package/dist/types/components/FileManager/FileSectionItem/FileSectionItem.d.ts +1 -0
  17. package/dist/types/components/Form.d.ts +1 -1
  18. package/dist/types/components/Resizer/Resizer.d.ts +1 -1
  19. package/dist/types/components/Resizer/ResizerButton.d.ts +1 -1
  20. package/dist/types/components/icons/add-author.d.ts +1 -2
  21. package/dist/types/components/icons/add-comment-icon.d.ts +1 -2
  22. package/dist/types/components/icons/add-icon-active.d.ts +1 -2
  23. package/dist/types/components/icons/add-icon-inverted.d.ts +1 -2
  24. package/dist/types/components/icons/back-arrow.d.ts +1 -2
  25. package/dist/types/components/icons/bookmark.d.ts +1 -2
  26. package/dist/types/components/icons/google.d.ts +1 -2
  27. package/dist/types/components/icons/orcid.d.ts +1 -2
  28. package/dist/types/components/icons/plus-icon.d.ts +1 -2
  29. package/dist/types/components/icons/project-notification.d.ts +1 -2
  30. package/dist/types/components/icons/project.d.ts +1 -2
  31. package/dist/types/components/icons/projects-list.d.ts +1 -2
  32. package/dist/types/components/icons/search.d.ts +1 -2
  33. package/dist/types/components/icons/tick-mark.d.ts +1 -2
  34. package/dist/types/components/icons/user.d.ts +1 -2
  35. package/package.json +3 -3
@@ -47,7 +47,6 @@ const MapUserRole = {
47
47
  Writer: Editing,
48
48
  Annotator: { label: 'Suggesting...', icon: __1.AnnotatorIcon },
49
49
  Viewer: { label: 'Reading...', icon: __1.ReadingIcon },
50
- Proofer: { label: 'Proofing', icon: __1.AnnotatorIcon },
51
50
  };
52
51
  const EditorHeader = ({ handleSnapshot, submission, hasPendingSuggestions, userRole, canCompleteTask, submitProceed, goBack, status, isAnnotator, message, exceptionDialog: ExceptionDialog, disabelProceedNote, }) => {
53
52
  var _a, _b, _c, _d;
@@ -26,11 +26,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.FileDescription = exports.FileName = exports.FileNameContainer = exports.FileTitle = exports.FileNameTitleContainer = exports.FileInfoContainer = exports.FileInfo = void 0;
29
+ exports.FileDescription = exports.FileDate = exports.FileName = exports.FileNameContainer = exports.FileTitle = exports.FileNameTitleContainer = exports.FileInfoContainer = exports.FileDateContainer = exports.FileInfo = void 0;
30
30
  const react_1 = __importStar(require("react"));
31
31
  const styled_components_1 = __importDefault(require("styled-components"));
32
32
  const FileManager_1 = require("../FileManager");
33
- const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileExtension, attachmentId, dispatch, }) => {
33
+ const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileExtension, attachmentId, dispatch, fileCreatedDate, }) => {
34
34
  const fileName = fileAttachmentName.substring(0, fileAttachmentName.lastIndexOf('.'));
35
35
  const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
36
36
  return (react_1.default.createElement(exports.FileInfoContainer, null,
@@ -42,9 +42,18 @@ const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileExtension
42
42
  react_1.default.createElement(exports.FileName, null, fileName),
43
43
  react_1.default.createElement("div", null,
44
44
  ".",
45
- fileExtension))))));
45
+ fileExtension))),
46
+ fileCreatedDate && (react_1.default.createElement(exports.FileDateContainer, null,
47
+ react_1.default.createElement(exports.FileDate, null, fileCreatedDate)))),
48
+ ' '));
46
49
  };
47
50
  exports.FileInfo = FileInfo;
51
+ exports.FileDateContainer = styled_components_1.default.div `
52
+ line-height: 20px;
53
+ overflow: hidden;
54
+ width: 100%;
55
+ display: none;
56
+ `;
48
57
  exports.FileInfoContainer = styled_components_1.default.div `
49
58
  margin-left: 8px;
50
59
  overflow: hidden;
@@ -53,10 +62,15 @@ exports.FileInfoContainer = styled_components_1.default.div `
53
62
  justify-content: center;
54
63
  align-items: start;
55
64
  width: 100%;
65
+
66
+ &:hover ${exports.FileDateContainer} {
67
+ display: flex;
68
+ }
56
69
  `;
57
70
  exports.FileNameTitleContainer = styled_components_1.default.div `
58
71
  display: flex;
59
72
  width: 100%;
73
+ align-items: baseline;
60
74
  `;
61
75
  exports.FileTitle = styled_components_1.default.div `
62
76
  color: ${(props) => props.theme.colors.text.primary};
@@ -79,6 +93,11 @@ exports.FileName = styled_components_1.default.div `
79
93
  text-overflow: ellipsis;
80
94
  white-space: nowrap;
81
95
  overflow: hidden;
96
+ width: 50px;
97
+ `;
98
+ exports.FileDate = styled_components_1.default.div `
99
+ color: '#6E6E6E';
100
+ font-size: 12px;
82
101
  `;
83
102
  exports.FileDescription = styled_components_1.default.div `
84
103
  color: ${(props) => props.theme.colors.text.secondary};
@@ -27,7 +27,7 @@ const FileSectionItem = ({ fileSection, externalFile, title, showAttachmentName
27
27
  }
28
28
  } },
29
29
  react_1.default.createElement(FileTypeIcon_1.FileTypeIcon, { withDot: isMainManuscript, fileExtension: fileExtension, alt: externalFile.name }),
30
- react_1.default.createElement(FileInfo_1.FileInfo, { fileExtension: fileExtension, showAttachmentName: showAttachmentName, fileAttachmentName: externalFile.name, title: title, attachmentId: externalFile.id, dispatch: dispatch })),
30
+ react_1.default.createElement(FileInfo_1.FileInfo, { fileExtension: fileExtension, fileCreatedDate: externalFile.createdDate, showAttachmentName: showAttachmentName, fileAttachmentName: externalFile.name, title: title, attachmentId: externalFile.id, dispatch: dispatch })),
31
31
  onClose && (react_1.default.createElement(IconCloseButton, { onClick: (e) => {
32
32
  e.preventDefault();
33
33
  onClose();
@@ -260,7 +260,7 @@ const UpdatedDueDate = styled_components_1.default.div `
260
260
  box-sizing: border-box;
261
261
  border-radius: ${(props) => props.theme.grid.unit}px;
262
262
  padding: ${(props) => props.theme.grid.unit}px
263
- ${(props) => props.theme.grid.unit * 2}px;
263
+ ${(props) => props.theme.grid.unit * 2}px; ;
264
264
  `;
265
265
  const DueDateMessage = (0, styled_components_1.default)(Dialog_1.MessageContainer) `
266
266
  min-height: min-content;
@@ -17,7 +17,6 @@ const getCapabilities = (project, profile, role, actions) => {
17
17
  const isOwner = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.owners) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
18
18
  const isWriter = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.writers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
19
19
  const isAnnotator = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.annotators) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
20
- const isProofer = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.proofers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
21
20
  const isViewer = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.viewers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
22
21
  const isProdEditor = () => role == 'pe';
23
22
  const allowed = (action) => !!(actions === null || actions === void 0 ? void 0 : actions.includes(action));
@@ -31,7 +30,7 @@ const getCapabilities = (project, profile, role, actions) => {
31
30
  handleOwnComments: !isViewer(),
32
31
  handleOthersComments: isOwner(),
33
32
  resolveOwnComment: !isViewer(),
34
- resolveOthersComment: !(isViewer() || isAnnotator() || isProofer()),
33
+ resolveOthersComment: !(isViewer() || isAnnotator()),
35
34
  createComment: !isViewer(),
36
35
  viewNotes: true,
37
36
  createNotes: !isViewer() && allowed(Actions.addNote),
@@ -56,8 +55,8 @@ const getCapabilities = (project, profile, role, actions) => {
56
55
  accessEditor: true,
57
56
  formatArticle: !isViewer(),
58
57
  editArticle: !isViewer(),
59
- editMetadata: !(isViewer() || isAnnotator() || isProofer()),
60
- editCitationsAndRefs: !(isViewer() || isAnnotator() || isProofer()),
58
+ editMetadata: !(isViewer() || isAnnotator()),
59
+ editCitationsAndRefs: !(isViewer() || isAnnotator()),
61
60
  shareProject: isOwner(),
62
61
  };
63
62
  };
@@ -18,7 +18,6 @@ const MapUserRole = {
18
18
  Writer: Editing,
19
19
  Annotator: { label: 'Suggesting...', icon: AnnotatorIcon },
20
20
  Viewer: { label: 'Reading...', icon: ReadingIcon },
21
- Proofer: { label: 'Proofing', icon: AnnotatorIcon },
22
21
  };
23
22
  export const EditorHeader = ({ handleSnapshot, submission, hasPendingSuggestions, userRole, canCompleteTask, submitProceed, goBack, status, isAnnotator, message, exceptionDialog: ExceptionDialog, disabelProceedNote, }) => {
24
23
  var _a, _b, _c, _d;
@@ -1,7 +1,7 @@
1
1
  import React, { useContext } from 'react';
2
2
  import styled from 'styled-components';
3
3
  import { PermissionsContext } from '../FileManager';
4
- export const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileExtension, attachmentId, dispatch, }) => {
4
+ export const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileExtension, attachmentId, dispatch, fileCreatedDate, }) => {
5
5
  const fileName = fileAttachmentName.substring(0, fileAttachmentName.lastIndexOf('.'));
6
6
  const can = useContext(PermissionsContext);
7
7
  return (React.createElement(FileInfoContainer, null,
@@ -13,8 +13,17 @@ export const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileEx
13
13
  React.createElement(FileName, null, fileName),
14
14
  React.createElement("div", null,
15
15
  ".",
16
- fileExtension))))));
16
+ fileExtension))),
17
+ fileCreatedDate && (React.createElement(FileDateContainer, null,
18
+ React.createElement(FileDate, null, fileCreatedDate)))),
19
+ ' '));
17
20
  };
21
+ export const FileDateContainer = styled.div `
22
+ line-height: 20px;
23
+ overflow: hidden;
24
+ width: 100%;
25
+ display: none;
26
+ `;
18
27
  export const FileInfoContainer = styled.div `
19
28
  margin-left: 8px;
20
29
  overflow: hidden;
@@ -23,10 +32,15 @@ export const FileInfoContainer = styled.div `
23
32
  justify-content: center;
24
33
  align-items: start;
25
34
  width: 100%;
35
+
36
+ &:hover ${FileDateContainer} {
37
+ display: flex;
38
+ }
26
39
  `;
27
40
  export const FileNameTitleContainer = styled.div `
28
41
  display: flex;
29
42
  width: 100%;
43
+ align-items: baseline;
30
44
  `;
31
45
  export const FileTitle = styled.div `
32
46
  color: ${(props) => props.theme.colors.text.primary};
@@ -49,6 +63,11 @@ export const FileName = styled.div `
49
63
  text-overflow: ellipsis;
50
64
  white-space: nowrap;
51
65
  overflow: hidden;
66
+ width: 50px;
67
+ `;
68
+ export const FileDate = styled.div `
69
+ color: '#6E6E6E';
70
+ font-size: 12px;
52
71
  `;
53
72
  export const FileDescription = styled.div `
54
73
  color: ${(props) => props.theme.colors.text.secondary};
@@ -21,7 +21,7 @@ export const FileSectionItem = ({ fileSection, externalFile, title, showAttachme
21
21
  }
22
22
  } },
23
23
  React.createElement(FileTypeIcon, { withDot: isMainManuscript, fileExtension: fileExtension, alt: externalFile.name }),
24
- React.createElement(FileInfo, { fileExtension: fileExtension, showAttachmentName: showAttachmentName, fileAttachmentName: externalFile.name, title: title, attachmentId: externalFile.id, dispatch: dispatch })),
24
+ React.createElement(FileInfo, { fileExtension: fileExtension, fileCreatedDate: externalFile.createdDate, showAttachmentName: showAttachmentName, fileAttachmentName: externalFile.name, title: title, attachmentId: externalFile.id, dispatch: dispatch })),
25
25
  onClose && (React.createElement(IconCloseButton, { onClick: (e) => {
26
26
  e.preventDefault();
27
27
  onClose();
@@ -230,7 +230,7 @@ const UpdatedDueDate = styled.div `
230
230
  box-sizing: border-box;
231
231
  border-radius: ${(props) => props.theme.grid.unit}px;
232
232
  padding: ${(props) => props.theme.grid.unit}px
233
- ${(props) => props.theme.grid.unit * 2}px;
233
+ ${(props) => props.theme.grid.unit * 2}px; ;
234
234
  `;
235
235
  const DueDateMessage = styled(MessageContainer) `
236
236
  min-height: min-content;
@@ -11,7 +11,6 @@ export const getCapabilities = (project, profile, role, actions) => {
11
11
  const isOwner = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.owners) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
12
12
  const isWriter = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.writers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
13
13
  const isAnnotator = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.annotators) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
14
- const isProofer = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.proofers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
15
14
  const isViewer = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.viewers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
16
15
  const isProdEditor = () => role == 'pe';
17
16
  const allowed = (action) => !!(actions === null || actions === void 0 ? void 0 : actions.includes(action));
@@ -25,7 +24,7 @@ export const getCapabilities = (project, profile, role, actions) => {
25
24
  handleOwnComments: !isViewer(),
26
25
  handleOthersComments: isOwner(),
27
26
  resolveOwnComment: !isViewer(),
28
- resolveOthersComment: !(isViewer() || isAnnotator() || isProofer()),
27
+ resolveOthersComment: !(isViewer() || isAnnotator()),
29
28
  createComment: !isViewer(),
30
29
  viewNotes: true,
31
30
  createNotes: !isViewer() && allowed(Actions.addNote),
@@ -50,8 +49,8 @@ export const getCapabilities = (project, profile, role, actions) => {
50
49
  accessEditor: true,
51
50
  formatArticle: !isViewer(),
52
51
  editArticle: !isViewer(),
53
- editMetadata: !(isViewer() || isAnnotator() || isProofer()),
54
- editCitationsAndRefs: !(isViewer() || isAnnotator() || isProofer()),
52
+ editMetadata: !(isViewer() || isAnnotator()),
53
+ editCitationsAndRefs: !(isViewer() || isAnnotator()),
55
54
  shareProject: isOwner(),
56
55
  };
57
56
  };
@@ -41,7 +41,7 @@ interface Props {
41
41
  }
42
42
  export declare class AlertMessage extends React.Component<Props, State> {
43
43
  state: State;
44
- render(): false | React.JSX.Element;
44
+ render(): false | JSX.Element;
45
45
  private handleClose;
46
46
  }
47
47
  export {};
@@ -22,6 +22,6 @@ interface Props {
22
22
  handleOpen: () => void;
23
23
  }
24
24
  declare class RemoveAuthorButton extends React.Component<Props> {
25
- render(): React.JSX.Element;
25
+ render(): JSX.Element;
26
26
  }
27
27
  export default RemoveAuthorButton;
@@ -33,7 +33,7 @@ export declare class AutoSaveInput extends React.Component<FieldProps & AutoSave
33
33
  focused: boolean;
34
34
  };
35
35
  componentWillUnmount(): void;
36
- render(): React.JSX.Element;
36
+ render(): JSX.Element;
37
37
  private handleSubmit;
38
38
  private handleFocus;
39
39
  private handleBlur;
@@ -47,7 +47,7 @@ export declare enum Category {
47
47
  export declare class Dialog extends React.Component<DialogProps, DialogState> {
48
48
  state: DialogState;
49
49
  componentDidMount(): void;
50
- render(): React.JSX.Element;
50
+ render(): JSX.Element;
51
51
  private renderButtons;
52
52
  private checkInputValue;
53
53
  private setDisabledBtnState;
@@ -6,11 +6,14 @@ export declare const FileInfo: React.FC<{
6
6
  fileAttachmentName: string;
7
7
  fileExtension: string;
8
8
  attachmentId: string;
9
+ fileCreatedDate: Date;
9
10
  dispatch?: Dispatch<Action>;
10
11
  }>;
12
+ export declare const FileDateContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
11
13
  export declare const FileInfoContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
12
14
  export declare const FileNameTitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
13
15
  export declare const FileTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
14
16
  export declare const FileNameContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
15
17
  export declare const FileName: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
18
+ export declare const FileDate: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
16
19
  export declare const FileDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -9,6 +9,7 @@ export type FileAttachment = {
9
9
  name: string;
10
10
  type: FileAttachmentType;
11
11
  link: string;
12
+ createdDate: Date;
12
13
  };
13
14
  export type FileAttachmentType = {
14
15
  id: string;
@@ -14,7 +14,7 @@
14
14
  * limitations under the License.
15
15
  */
16
16
  /// <reference types="react" />
17
- export declare const CenteredForm: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import("react").RefAttributes<HTMLFormElement>>, import("styled-components").DefaultTheme, {}, never>;
17
+ export declare const CenteredForm: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "name" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoComplete" | "method" | "target" | "acceptCharset" | "action" | "encType" | "noValidate"> & import("react").RefAttributes<HTMLFormElement>>, import("styled-components").DefaultTheme, {}, never>;
18
18
  export declare const FormHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
19
19
  export declare const FormActions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
20
20
  export declare const FormError: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -22,7 +22,7 @@ export declare class Resizer extends React.Component<Props, State> {
22
22
  isResizing: boolean;
23
23
  startPosition: number;
24
24
  };
25
- render(): React.JSX.Element;
25
+ render(): JSX.Element;
26
26
  private scheduleResize;
27
27
  private mouseDownHandler;
28
28
  private mouseUpHandler;
@@ -13,6 +13,6 @@ export declare class ResizerButton extends React.PureComponent<Props> {
13
13
  isCollapsed: boolean;
14
14
  isVisible: boolean;
15
15
  };
16
- render(): React.JSX.Element;
16
+ render(): JSX.Element;
17
17
  }
18
18
  export {};
@@ -13,7 +13,6 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- import React from 'react';
17
16
  import { IconProps } from './types';
18
- declare const AddAuthor: (props: IconProps) => React.JSX.Element;
17
+ declare const AddAuthor: (props: IconProps) => JSX.Element;
19
18
  export default AddAuthor;
@@ -13,6 +13,5 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- import React from 'react';
17
- declare const AddComment: () => React.JSX.Element;
16
+ declare const AddComment: () => JSX.Element;
18
17
  export default AddComment;
@@ -13,7 +13,6 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- import React from 'react';
17
16
  import { IconProps } from './types';
18
- declare const AddIconActive: (props: IconProps) => React.JSX.Element;
17
+ declare const AddIconActive: (props: IconProps) => JSX.Element;
19
18
  export default AddIconActive;
@@ -13,7 +13,6 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- import React from 'react';
17
16
  import { IconProps } from './types';
18
- declare const AddIconInverted: (props: IconProps) => React.JSX.Element;
17
+ declare const AddIconInverted: (props: IconProps) => JSX.Element;
19
18
  export default AddIconInverted;
@@ -13,7 +13,6 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- import React from 'react';
17
16
  import { IconProps } from './types';
18
- export declare const BackArrow: (props: IconProps) => React.JSX.Element;
17
+ export declare const BackArrow: (props: IconProps) => JSX.Element;
19
18
  export default BackArrow;
@@ -13,7 +13,6 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- import React from 'react';
17
16
  import { IconProps } from './types';
18
- declare const Bookmark: (props: IconProps) => React.JSX.Element;
17
+ declare const Bookmark: (props: IconProps) => JSX.Element;
19
18
  export default Bookmark;
@@ -13,7 +13,6 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- import React from 'react';
17
16
  import { IconProps } from './types';
18
- declare const Google: (props: IconProps) => React.JSX.Element;
17
+ declare const Google: (props: IconProps) => JSX.Element;
19
18
  export default Google;
@@ -13,7 +13,6 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- import React from 'react';
17
16
  import { IconProps } from './types';
18
- declare const Orcid: (props: IconProps) => React.JSX.Element;
17
+ declare const Orcid: (props: IconProps) => JSX.Element;
19
18
  export default Orcid;
@@ -13,6 +13,5 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- import React from 'react';
17
- export declare const PlusIcon: () => React.JSX.Element;
16
+ export declare const PlusIcon: () => JSX.Element;
18
17
  export default PlusIcon;
@@ -13,7 +13,6 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- import React from 'react';
17
16
  import { IconProps } from './types';
18
- declare const ProjectNotification: (props: IconProps) => React.JSX.Element;
17
+ declare const ProjectNotification: (props: IconProps) => JSX.Element;
19
18
  export default ProjectNotification;
@@ -13,7 +13,6 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- import React from 'react';
17
16
  import { IconProps } from './types';
18
- declare const ProjectIcon: (props: IconProps) => React.JSX.Element;
17
+ declare const ProjectIcon: (props: IconProps) => JSX.Element;
19
18
  export default ProjectIcon;
@@ -13,7 +13,6 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- import React from 'react';
17
16
  import { IconProps } from './types';
18
- declare const ProjectsList: (props: IconProps) => React.JSX.Element;
17
+ declare const ProjectsList: (props: IconProps) => JSX.Element;
19
18
  export default ProjectsList;
@@ -13,7 +13,6 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- import React from 'react';
17
16
  import { IconProps } from './types';
18
- declare const SearchIcon: (props: IconProps) => React.JSX.Element;
17
+ declare const SearchIcon: (props: IconProps) => JSX.Element;
19
18
  export default SearchIcon;
@@ -13,7 +13,6 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- import React from 'react';
17
16
  import { IconProps } from './types';
18
- declare const TickMark: (props: IconProps) => React.JSX.Element;
17
+ declare const TickMark: (props: IconProps) => JSX.Element;
19
18
  export default TickMark;
@@ -13,7 +13,6 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- import React from 'react';
17
16
  import { IconProps } from './types';
18
- declare const User: (props: IconProps) => React.JSX.Element;
17
+ declare const User: (props: IconProps) => JSX.Element;
19
18
  export default User;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@manuscripts/style-guide",
3
3
  "description": "Shared components for Manuscripts applications",
4
- "version": "1.1.15-LEAN-2684-4",
4
+ "version": "1.1.15-LEAN-2669",
5
5
  "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
6
6
  "license": "Apache-2.0",
7
7
  "main": "dist/cjs",
@@ -37,7 +37,7 @@
37
37
  "@formatjs/intl-utils": "^2.2.0",
38
38
  "@manuscripts/assets": "^0.6.2",
39
39
  "@manuscripts/transform": "^1.3.4",
40
- "@manuscripts/json-schema": "2.0.2-LEAN-2553",
40
+ "@manuscripts/json-schema": "^2.1.0",
41
41
  "@manuscripts/title-editor": "^1.1.0",
42
42
  "@manuscripts/comment-editor": "^1.0.3",
43
43
  "@reach/tabs": "^0.11.2",
@@ -143,4 +143,4 @@
143
143
  "resolutions": {
144
144
  "@types/react": "^17.0.2"
145
145
  }
146
- }
146
+ }