@manuscripts/style-guide 1.3.2-LEAN-2880-2 → 1.3.2-LEAN-2859-5

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 (102) hide show
  1. package/dist/cjs/components/FileManager/{FileSectionItem/DragLayer.js → DragLayer.js} +12 -10
  2. package/dist/cjs/components/FileManager/FileActions.js +134 -0
  3. package/dist/cjs/components/FileManager/FileContainer.js +39 -0
  4. package/dist/cjs/components/FileManager/FileCreatedDate.js +25 -0
  5. package/dist/cjs/components/FileManager/FileManager.js +14 -125
  6. package/dist/cjs/components/FileManager/FileManagerProvider.js +2 -7
  7. package/dist/cjs/components/FileManager/FileName.js +27 -0
  8. package/dist/cjs/components/FileManager/FileSectionAlert.js +170 -0
  9. package/dist/cjs/components/FileManager/FileTypeIcon.js +22 -0
  10. package/dist/cjs/components/FileManager/{UploadFileArea.js → FileUploader.js} +19 -12
  11. package/dist/cjs/components/FileManager/InlineFilesSection.js +71 -126
  12. package/dist/cjs/components/FileManager/OtherFilesSection.js +101 -0
  13. package/dist/cjs/components/FileManager/SupplementsSection.js +118 -0
  14. package/dist/cjs/components/FileManager/{TooltipDiv.js → Tooltip.js} +8 -3
  15. package/dist/cjs/components/FileManager/util.js +52 -67
  16. package/dist/cjs/components/icons/corrupted-file-icon.js +27 -0
  17. package/dist/cjs/components/icons/document-icon-with-dot.js +1 -1
  18. package/dist/cjs/hooks/use-deep-compare.js +2 -2
  19. package/dist/cjs/hooks/use-files.js +29 -43
  20. package/dist/cjs/index.js +3 -4
  21. package/dist/cjs/lib/files.js +85 -0
  22. package/dist/es/components/FileManager/{FileSectionItem/DragLayer.js → DragLayer.js} +12 -10
  23. package/dist/es/components/FileManager/FileActions.js +104 -0
  24. package/dist/es/components/FileManager/FileContainer.js +33 -0
  25. package/dist/es/components/FileManager/FileCreatedDate.js +18 -0
  26. package/dist/es/components/FileManager/FileManager.js +16 -124
  27. package/dist/es/components/FileManager/FileManagerProvider.js +3 -8
  28. package/dist/es/components/FileManager/FileName.js +20 -0
  29. package/dist/es/components/FileManager/FileSectionAlert.js +163 -0
  30. package/dist/es/components/FileManager/FileTypeIcon.js +15 -0
  31. package/dist/es/components/FileManager/{UploadFileArea.js → FileUploader.js} +17 -10
  32. package/dist/es/components/FileManager/InlineFilesSection.js +72 -127
  33. package/dist/es/components/FileManager/OtherFilesSection.js +74 -0
  34. package/dist/es/components/FileManager/SupplementsSection.js +91 -0
  35. package/dist/es/components/FileManager/{TooltipDiv.js → Tooltip.js} +7 -2
  36. package/dist/es/components/FileManager/util.js +47 -65
  37. package/dist/es/components/icons/corrupted-file-icon.js +22 -0
  38. package/dist/es/components/icons/document-icon-with-dot.js +1 -1
  39. package/dist/es/hooks/use-deep-compare.js +2 -2
  40. package/dist/es/hooks/use-files.js +29 -40
  41. package/dist/es/index.js +2 -2
  42. package/dist/es/lib/files.js +79 -0
  43. package/dist/types/components/FileManager/FileActions.d.ts +19 -0
  44. package/dist/types/components/FileManager/FileContainer.d.ts +1 -0
  45. package/dist/types/components/FileManager/FileCreatedDate.d.ts +8 -0
  46. package/dist/types/components/FileManager/FileManager.d.ts +17 -8
  47. package/dist/types/components/FileManager/FileManagerProvider.d.ts +8 -18
  48. package/dist/types/components/FileManager/FileName.d.ts +6 -0
  49. package/dist/types/components/FileManager/FileSectionAlert.d.ts +13 -0
  50. package/dist/types/components/FileManager/{FileSectionItem/FileTypeIcon.d.ts → FileTypeIcon.d.ts} +2 -3
  51. package/dist/types/components/FileManager/FileUploader.d.ts +4 -0
  52. package/dist/types/components/FileManager/InlineFilesSection.d.ts +3 -19
  53. package/dist/types/components/FileManager/OtherFilesSection.d.ts +5 -0
  54. package/dist/types/components/FileManager/SupplementsSection.d.ts +5 -0
  55. package/dist/types/components/FileManager/Tooltip.d.ts +2 -0
  56. package/dist/types/components/FileManager/util.d.ts +8 -12
  57. package/dist/types/components/icons/corrupted-file-icon.d.ts +19 -0
  58. package/dist/types/hooks/use-files.d.ts +4 -6
  59. package/dist/types/index.d.ts +2 -2
  60. package/dist/types/lib/files.d.ts +24 -0
  61. package/package.json +2 -2
  62. package/dist/cjs/components/FileManager/ConfirmationPopUp.js +0 -90
  63. package/dist/cjs/components/FileManager/DragItemArea.js +0 -28
  64. package/dist/cjs/components/FileManager/FileSectionItem/DraggableFileSectionItem.js +0 -76
  65. package/dist/cjs/components/FileManager/FileSectionItem/FileInfo.js +0 -115
  66. package/dist/cjs/components/FileManager/FileSectionItem/FileSectionItem.js +0 -95
  67. package/dist/cjs/components/FileManager/FileSectionItem/FileSectionUploadItem.js +0 -37
  68. package/dist/cjs/components/FileManager/FileSectionItem/FileTypeIcon.js +0 -53
  69. package/dist/cjs/components/FileManager/FileSectionItem/ItemActions.js +0 -92
  70. package/dist/cjs/components/FileManager/FileSectionItem/ProgressBarUploadItem.js +0 -120
  71. package/dist/cjs/components/FileManager/FileSectionState.js +0 -83
  72. package/dist/cjs/components/FileManager/FilesSection.js +0 -61
  73. package/dist/cjs/components/FileManager/ItemsAction.js +0 -48
  74. package/dist/cjs/lib/inlineFiles.js +0 -92
  75. package/dist/es/components/FileManager/ConfirmationPopUp.js +0 -62
  76. package/dist/es/components/FileManager/DragItemArea.js +0 -21
  77. package/dist/es/components/FileManager/FileSectionItem/DraggableFileSectionItem.js +0 -46
  78. package/dist/es/components/FileManager/FileSectionItem/FileInfo.js +0 -85
  79. package/dist/es/components/FileManager/FileSectionItem/FileSectionItem.js +0 -88
  80. package/dist/es/components/FileManager/FileSectionItem/FileSectionUploadItem.js +0 -30
  81. package/dist/es/components/FileManager/FileSectionItem/FileTypeIcon.js +0 -46
  82. package/dist/es/components/FileManager/FileSectionItem/ItemActions.js +0 -65
  83. package/dist/es/components/FileManager/FileSectionItem/ProgressBarUploadItem.js +0 -113
  84. package/dist/es/components/FileManager/FileSectionState.js +0 -78
  85. package/dist/es/components/FileManager/FilesSection.js +0 -34
  86. package/dist/es/components/FileManager/ItemsAction.js +0 -42
  87. package/dist/es/lib/inlineFiles.js +0 -90
  88. package/dist/types/components/FileManager/ConfirmationPopUp.d.ts +0 -12
  89. package/dist/types/components/FileManager/DragItemArea.d.ts +0 -4
  90. package/dist/types/components/FileManager/FileSectionItem/DraggableFileSectionItem.d.ts +0 -3
  91. package/dist/types/components/FileManager/FileSectionItem/FileInfo.d.ts +0 -19
  92. package/dist/types/components/FileManager/FileSectionItem/FileSectionItem.d.ts +0 -38
  93. package/dist/types/components/FileManager/FileSectionItem/FileSectionUploadItem.d.ts +0 -12
  94. package/dist/types/components/FileManager/FileSectionItem/ItemActions.d.ts +0 -21
  95. package/dist/types/components/FileManager/FileSectionItem/ProgressBarUploadItem.d.ts +0 -4
  96. package/dist/types/components/FileManager/FileSectionState.d.ts +0 -38
  97. package/dist/types/components/FileManager/FilesSection.d.ts +0 -12
  98. package/dist/types/components/FileManager/ItemsAction.d.ts +0 -4
  99. package/dist/types/components/FileManager/TooltipDiv.d.ts +0 -1
  100. package/dist/types/components/FileManager/UploadFileArea.d.ts +0 -9
  101. package/dist/types/lib/inlineFiles.d.ts +0 -11
  102. /package/dist/types/components/FileManager/{FileSectionItem/DragLayer.d.ts → DragLayer.d.ts} +0 -0
@@ -1,113 +0,0 @@
1
- import React from 'react';
2
- import styled from 'styled-components';
3
- export const ProgressBarUploadItem = () => {
4
- return (React.createElement(LinearProgress, null,
5
- React.createElement(Bar, { className: "bar1" }),
6
- React.createElement(Bar, { className: "bar2" })));
7
- };
8
- export const LinearProgress = styled.div `
9
- background: ${(props) => props.theme.colors.background.tertiary};
10
- opacity: 0.7;
11
- height: 4px;
12
- position: relative;
13
- width: 100%;
14
- margin: 0 auto;
15
- margin-top: 8px;
16
- overflow: hidden;
17
- border-radius: 8px;
18
- animation: start 0.3s ease-in;
19
- `;
20
- export const Bar = styled.div `
21
- position: absolute;
22
- opacity: 0.7;
23
- background: #1a9bc7;
24
- transition: transform 0.2s linear;
25
- position: absolute;
26
- left: 0;
27
- top: 0;
28
- bottom: 0;
29
- width: 100%;
30
-
31
- &.bar1 {
32
- animation: growBar1 2.5s infinite, moveBar1 2.5s infinite;
33
- }
34
-
35
- &.bar2 {
36
- animation: growBar2 2.5s infinite, moveBar2 2.5s infinite;
37
- }
38
-
39
- @keyframes growBar1 {
40
- 0% {
41
- animation-timing-function: linear;
42
- transform: scaleX(0.1);
43
- }
44
- 35% {
45
- animation-timing-function: cubic-bezier(0.3, 0.1, 0.7, 1);
46
- transform: scaleX(0.1);
47
- }
48
- 70% {
49
- animation-timing-function: cubic-bezier(0.2, 0, 0.2, 1.4);
50
- transform: scaleX(0.8);
51
- }
52
- 100% {
53
- transform: scaleX(0.1);
54
- }
55
- }
56
-
57
- @keyframes moveBar1 {
58
- 0% {
59
- left: -105%;
60
- animation-timing-function: linear;
61
- }
62
- 20% {
63
- left: -105%;
64
- animation-timing-function: cubic-bezier(0.5, 0, 0.7, 0.4);
65
- }
66
- 60% {
67
- left: 21%;
68
- animation-timing-function: cubic-bezier(0.3, 0.4, 0.55, 0.9);
69
- }
70
- 80% {
71
- left: 40%;
72
- animation-timing-function: cubic-bezier(0.1, 0.2, 0.3, 0.95);
73
- }
74
- 100% {
75
- left: 90%;
76
- }
77
- }
78
-
79
- @keyframes growBar2 {
80
- 0% {
81
- animation-timing-function: cubic-bezier(0.2, 0, 0.5, 0.4);
82
- transform: scaleX(0.1);
83
- }
84
- 20% {
85
- animation-timing-function: cubic-bezier(0.1, 0.2, 0.6, 1);
86
- transform: scaleX(0.3);
87
- }
88
- 60% {
89
- animation-timing-function: cubic-bezier(0.2, 0, 0.2, 1.4);
90
- transform: scaleX(0.6);
91
- }
92
- 100% {
93
- transform: scaleX(0.1);
94
- }
95
- }
96
- @keyframes moveBar2 {
97
- 0% {
98
- left: -100%;
99
- animation-timing-function: cubic-bezier(0.15, 0, 0.5, 0.4);
100
- }
101
- 25% {
102
- left: -50%;
103
- animation-timing-function: cubic-bezier(0.3, 0.3, 0.8, 0.7);
104
- }
105
- 50% {
106
- left: 45%;
107
- animation-timing-function: cubic-bezier(0.1, 0.6, 0.6, 0.9);
108
- }
109
- 100% {
110
- left: 95%;
111
- }
112
- }
113
- `;
@@ -1,78 +0,0 @@
1
- export const getInitialState = () => ({
2
- uploadedFile: undefined,
3
- isUploadFile: false,
4
- moveToOtherState: undefined,
5
- fileUploadedSuccessfullySection: undefined,
6
- successMessage: '',
7
- isShowSuccessMessage: false,
8
- currentSection: undefined,
9
- });
10
- var ActionTypes;
11
- (function (ActionTypes) {
12
- ActionTypes["UPLOAD_FILE"] = "UploadFile";
13
- ActionTypes["MOVE_FILE"] = "moveFile";
14
- ActionTypes["HANDLE_CANCEL_UPLOAD"] = "handleCancel";
15
- ActionTypes["HANDLE_UPLOAD_ACTION"] = "handleUpload";
16
- ActionTypes["HANDLE_FINISH_UPLOAD"] = "handleFinishUpload";
17
- ActionTypes["HANDLE_SUCCESS_MESSAGE"] = "handleSuccessMessage";
18
- ActionTypes["HANDLE_SUCCESS_MESSAGE_DISMISS"] = "handleSuccessMessageDismiss";
19
- })(ActionTypes || (ActionTypes = {}));
20
- export const reducer = (state, action) => {
21
- switch (action.type) {
22
- case ActionTypes.UPLOAD_FILE: {
23
- return Object.assign(Object.assign({}, state), { uploadedFile: action.uploadFile, currentSection: action.sectionType });
24
- }
25
- case ActionTypes.MOVE_FILE: {
26
- return Object.assign(Object.assign({}, state), { moveToOtherState: {
27
- typeId: action.typeId,
28
- name: action.name,
29
- }, successMessage: action.successMoveMessage, isShowSuccessMessage: false });
30
- }
31
- case ActionTypes.HANDLE_UPLOAD_ACTION: {
32
- return Object.assign(Object.assign({}, state), { isUploadFile: true, isShowSuccessMessage: false, fileUploadedSuccessfullySection: undefined, successMessage: '' });
33
- }
34
- case ActionTypes.HANDLE_CANCEL_UPLOAD: {
35
- return Object.assign({}, state);
36
- }
37
- case ActionTypes.HANDLE_FINISH_UPLOAD: {
38
- return Object.assign(Object.assign({}, state), { isUploadFile: false, uploadedFile: undefined });
39
- }
40
- case ActionTypes.HANDLE_SUCCESS_MESSAGE: {
41
- return Object.assign(Object.assign({}, state), { isShowSuccessMessage: true, successMessage: action.successMessage, fileUploadedSuccessfullySection: action.sectionType });
42
- }
43
- case ActionTypes.HANDLE_SUCCESS_MESSAGE_DISMISS: {
44
- return Object.assign(Object.assign({}, state), { isShowSuccessMessage: false, successMessage: '', fileUploadedSuccessfullySection: undefined });
45
- }
46
- }
47
- return state;
48
- };
49
- export const actions = {
50
- UPLOAD_FILE: (uploadFile, sectionType) => ({
51
- type: ActionTypes.UPLOAD_FILE,
52
- uploadFile,
53
- sectionType,
54
- }),
55
- HANDLE_UPLOAD_ACTION: () => ({
56
- type: ActionTypes.HANDLE_UPLOAD_ACTION,
57
- }),
58
- HANDLE_CANCEL_UPLOAD: () => ({
59
- type: ActionTypes.HANDLE_CANCEL_UPLOAD,
60
- }),
61
- MOVE_FILE: (attachmentId, typeId, name, successMoveMessage) => ({
62
- type: ActionTypes.MOVE_FILE,
63
- typeId,
64
- name,
65
- successMoveMessage,
66
- }),
67
- HANDLE_FINISH_UPLOAD: () => ({
68
- type: ActionTypes.HANDLE_FINISH_UPLOAD,
69
- }),
70
- HANDLE_SUCCESS_MESSAGE: (successMessage, sectionType) => ({
71
- type: ActionTypes.HANDLE_SUCCESS_MESSAGE,
72
- successMessage,
73
- sectionType,
74
- }),
75
- HANDLE_SUCCESS_MESSAGE_DISMISS: () => ({
76
- type: ActionTypes.HANDLE_SUCCESS_MESSAGE_DISMISS,
77
- }),
78
- };
@@ -1,34 +0,0 @@
1
- import React, { useContext, useEffect } from 'react';
2
- import { AlertMessage, AlertMessageType } from '../AlertMessage';
3
- import { PermissionsContext } from './FileManager';
4
- import { FileSectionUploadItem } from './FileSectionItem/FileSectionUploadItem';
5
- import { actions } from './FileSectionState';
6
- import { UploadFileArea } from './UploadFileArea';
7
- import { FileSectionType } from './util';
8
- export const FilesSection = ({ enableDragAndDrop, handleUpload, fileSection, filesItem, dispatch, state, }) => {
9
- let uploadedFileExtension = '';
10
- if (state.uploadedFile) {
11
- uploadedFileExtension = state.uploadedFile.name.substring(state.uploadedFile.name.lastIndexOf('.') + 1);
12
- }
13
- const isSupplementFilesTab = fileSection === FileSectionType.Supplements;
14
- const isOtherFileTab = fileSection === FileSectionType.OtherFile;
15
- const can = useContext(PermissionsContext);
16
- useEffect(() => {
17
- state.uploadedFile &&
18
- fileSection === state.currentSection &&
19
- handleUpload(state.uploadedFile);
20
- }, [state.uploadedFile]);
21
- const handleSuccessMessage = () => {
22
- return (React.createElement(AlertMessage, { type: AlertMessageType.success, hideCloseButton: true, dismissButton: {
23
- text: 'OK',
24
- action: () => dispatch(actions.HANDLE_SUCCESS_MESSAGE_DISMISS()),
25
- } }, state.successMessage));
26
- };
27
- return (React.createElement("div", null,
28
- (can === null || can === void 0 ? void 0 : can.uploadFile) && (React.createElement(React.Fragment, null,
29
- (isOtherFileTab || isSupplementFilesTab) && (React.createElement(UploadFileArea, { handleUploadFile: handleUpload, fileSection: fileSection, dispatch: dispatch })),
30
- state.isUploadFile && state.uploadedFile && (React.createElement(FileSectionUploadItem, { fileName: state.uploadedFile.name, isLoading: state.isUploadFile })))),
31
- state.fileUploadedSuccessfullySection === fileSection &&
32
- handleSuccessMessage(),
33
- filesItem));
34
- };
@@ -1,42 +0,0 @@
1
- import styled from 'styled-components';
2
- export const ActionsBox = styled.ul `
3
- border: 1px solid #e2e2e2;
4
- box-sizing: border-box;
5
- box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.3);
6
- border-radius: 4px;
7
- min-width: 180px;
8
- background: ${(props) => props.theme.colors.background.primary};
9
- margin: 0;
10
- padding: 8px 0;
11
- z-index: 999;
12
- text-align: left;
13
- list-style-type: none;
14
- `;
15
- export const ActionsItem = styled.li `
16
- font-family: ${(props) => props.theme.font.family.Lato};
17
- cursor: pointer;
18
- font-size: 16px;
19
- line-height: 24px;
20
- color: ${(props) => props.theme.colors.text.primary};
21
- list-style: none;
22
- padding: 8px 16px;
23
- &:hover,
24
- &:focus {
25
- background: #f2fbfc;
26
- }
27
- `;
28
- export const ActionsLabel = styled.li `
29
- font-family: ${(props) => props.theme.font.family.Lato};
30
- font-size: 12px;
31
- line-height: 16px;
32
- color: ${(props) => props.theme.colors.text.onLight};
33
- list-style: none;
34
- padding: 8px 16px;
35
- cursor: default;
36
- `;
37
- export const ActionsSeparator = styled.li `
38
- height: 1px;
39
- background: ${(props) => props.theme.colors.background.tertiary};
40
- margin: 8px 0;
41
- cursor: default;
42
- `;
@@ -1,90 +0,0 @@
1
- import { ObjectTypes, } from '@manuscripts/json-schema';
2
- import { hasObjectType } from '@manuscripts/transform';
3
- import { FileType } from '../components/FileManager/util';
4
- const getFigureData = (element, modelMap, attachmentsMap) => {
5
- const attachments = [];
6
- element.containedObjectIDs.map((id) => {
7
- const object = modelMap.get(id);
8
- if (object && object.objectType === ObjectTypes.Figure) {
9
- const figure = object;
10
- if (figure.src) {
11
- const attachment = attachmentsMap.get(figure.src.replace('attachment:', ''));
12
- if (attachment) {
13
- attachment.modelId = id;
14
- attachments.push(attachment);
15
- }
16
- }
17
- }
18
- });
19
- return {
20
- id: element._id,
21
- attachments,
22
- };
23
- };
24
- export default (modelMap, attachments) => {
25
- const files = [];
26
- const attachmentsMap = new Map(attachments.map((attachment) => [attachment.id, attachment]));
27
- const { graphicalAbstractFigureId, figureElement } = getAuxiliaryObjects(modelMap);
28
- if (graphicalAbstractFigureId) {
29
- const element = modelMap.get(graphicalAbstractFigureId);
30
- files.unshift(Object.assign(Object.assign({}, getFigureData(element, modelMap, attachmentsMap)), { label: `Graphical Abstract`, type: FileType.GraphicalAbstract }));
31
- }
32
- figureElement.map((id, index) => {
33
- const element = modelMap.get(id);
34
- files.push(Object.assign(Object.assign({}, getFigureData(element, modelMap, attachmentsMap)), { label: `Figure ${index + 1}`, type: FileType.Figure }));
35
- });
36
- return files;
37
- };
38
- const getAuxiliaryObjects = (modelMap) => {
39
- var _a, _b;
40
- let graphicalAbstractFigureId, figureElementIds = [];
41
- const tableElementIds = [], orderObjects = {};
42
- for (const model of modelMap.values()) {
43
- switch (model.objectType) {
44
- case ObjectTypes.Section: {
45
- const section = model;
46
- if (section.category === 'MPSectionCategory:abstract-graphical') {
47
- graphicalAbstractFigureId = (_a = section.elementIDs) === null || _a === void 0 ? void 0 : _a.find((id) => {
48
- const obj = modelMap.get(id);
49
- return obj && hasObjectType(ObjectTypes.FigureElement)(obj);
50
- });
51
- }
52
- else {
53
- (_b = section.elementIDs) === null || _b === void 0 ? void 0 : _b.map((elementId) => {
54
- const element = modelMap.get(elementId);
55
- if (!element) {
56
- return;
57
- }
58
- switch (element.objectType) {
59
- case ObjectTypes.FigureElement:
60
- figureElementIds.push(element._id);
61
- break;
62
- case ObjectTypes.TableElement:
63
- tableElementIds.push(element._id);
64
- break;
65
- }
66
- });
67
- }
68
- break;
69
- }
70
- case ObjectTypes.ElementsOrder: {
71
- const elementsOrder = model;
72
- orderObjects[elementsOrder.elementType] = elementsOrder;
73
- }
74
- }
75
- }
76
- if (graphicalAbstractFigureId) {
77
- figureElementIds = figureElementIds.filter((id) => id != graphicalAbstractFigureId);
78
- }
79
- return {
80
- graphicalAbstractFigureId,
81
- figureElement: sortAuxiliaryObject(figureElementIds, orderObjects[ObjectTypes.FigureElement]),
82
- tableElement: sortAuxiliaryObject(tableElementIds, orderObjects[ObjectTypes.TableElement]),
83
- };
84
- };
85
- const sortAuxiliaryObject = (auxiliaryObjectIds, orderObject) => {
86
- if (!orderObject) {
87
- return auxiliaryObjectIds;
88
- }
89
- return auxiliaryObjectIds.sort((a, b) => orderObject.elements.indexOf(a) - orderObject.elements.indexOf(b));
90
- };
@@ -1,12 +0,0 @@
1
- import React, { Dispatch } from 'react';
2
- import { Action } from './FileSectionState';
3
- export declare const ConfirmationPopUp: React.FC<{
4
- popupHeader: string;
5
- popUpMessage: string;
6
- isOpen: boolean;
7
- handleClose: () => void;
8
- handleMove: () => void;
9
- }>;
10
- export declare const MoveFilePopup: React.FC<{
11
- dispatch: Dispatch<Action>;
12
- }>;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- export declare const DragItemArea: React.FC<{
3
- text: string;
4
- }>;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { FileSectionItemProps } from './FileSectionItem';
3
- export declare const DraggableFileSectionItem: React.FC<FileSectionItemProps>;
@@ -1,19 +0,0 @@
1
- import React, { Dispatch } from 'react';
2
- import { Action } from '../FileSectionState';
3
- export declare const FileInfo: React.FC<{
4
- showAttachmentName: boolean;
5
- title: string;
6
- fileAttachmentName: string;
7
- fileExtension: string;
8
- attachmentId: string;
9
- fileCreatedDate: Date;
10
- dispatch?: Dispatch<Action>;
11
- }>;
12
- export declare const FileDateContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
13
- export declare const FileInfoContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
14
- export declare const FileNameTitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
15
- export declare const FileTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
16
- export declare const FileNameContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
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>;
19
- export declare const FileDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,38 +0,0 @@
1
- import React, { CSSProperties, Dispatch } from 'react';
2
- import { DragElementWrapper, DragSourceOptions } from 'react-dnd';
3
- import { Maybe } from '../../SubmissionInspector/types';
4
- import { Replace } from '../FileManager';
5
- import { Action } from '../FileSectionState';
6
- import { FileSectionType } from '../util';
7
- export type FileAttachment = {
8
- id: string;
9
- name: string;
10
- type: FileAttachmentType;
11
- link: string;
12
- createdDate: Date;
13
- };
14
- export type FileAttachmentType = {
15
- id: string;
16
- label?: Maybe<string> | undefined;
17
- };
18
- export interface FileSectionItemProps {
19
- externalFile: FileAttachment;
20
- fileSection: FileSectionType;
21
- title: string;
22
- showAttachmentName?: boolean;
23
- showActions?: boolean;
24
- showReplaceAction?: boolean;
25
- handleDownload?: (url: string) => void;
26
- handleReplace?: Replace;
27
- handleSupplementReplace?: (attachment: FileAttachment, oldAttachmentId: string) => void;
28
- dispatch?: Dispatch<Action>;
29
- dragRef?: DragElementWrapper<DragSourceOptions>;
30
- className?: string;
31
- style?: CSSProperties;
32
- onClose?: () => void;
33
- isEditor?: boolean;
34
- }
35
- export declare const FileSectionItem: React.FC<FileSectionItemProps>;
36
- export declare const ActionsIcon: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
37
- export declare const Item: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
38
- export declare const ItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,12 +0,0 @@
1
- import React, { CSSProperties } from 'react';
2
- import { DragElementWrapper, DragSourceOptions } from 'react-dnd';
3
- export interface FileSectionItemProps {
4
- fileName: string;
5
- isLoading: boolean;
6
- dragRef?: DragElementWrapper<DragSourceOptions>;
7
- className?: string;
8
- style?: CSSProperties;
9
- }
10
- export declare const FileSectionUploadItem: React.FC<FileSectionItemProps>;
11
- export declare const UploadItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
12
- export declare const ProgressBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,21 +0,0 @@
1
- import React, { Dispatch } from 'react';
2
- import { Replace } from '../FileManager';
3
- import { Action } from '../FileSectionState';
4
- import { FileSectionType } from '../util';
5
- import { FileAttachment } from './FileSectionItem';
6
- export declare const ItemActions: React.FC<{
7
- fileSection: FileSectionType;
8
- isMainManuscript?: boolean;
9
- downloadAttachmentHandler: (url: string) => void;
10
- replaceAttachmentHandler: Replace;
11
- detachAttachmnetHandler?: () => void;
12
- handleUpdateInline?: (attachment: FileAttachment) => void;
13
- handleSupplementReplace?: (attachment: FileAttachment, oldAttachmentId: string) => void;
14
- attachmentId: string;
15
- fileName: string;
16
- publicUrl: string | undefined;
17
- hideActionList: (e?: React.MouseEvent) => void;
18
- dispatch?: Dispatch<Action>;
19
- dropDownClassName?: string;
20
- showReplaceAction?: boolean;
21
- }>;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- export declare const ProgressBarUploadItem: React.FC;
3
- export declare const LinearProgress: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
- export declare const Bar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,38 +0,0 @@
1
- import { FileSectionType } from './util';
2
- export declare const getInitialState: () => State;
3
- export interface State {
4
- uploadedFile: File | undefined;
5
- isUploadFile: boolean;
6
- moveToOtherState: {
7
- typeId: string;
8
- name: string;
9
- } | undefined;
10
- fileUploadedSuccessfullySection: FileSectionType | undefined;
11
- successMessage: string;
12
- isShowSuccessMessage: boolean;
13
- currentSection: FileSectionType | undefined;
14
- }
15
- declare enum ActionTypes {
16
- UPLOAD_FILE = "UploadFile",
17
- MOVE_FILE = "moveFile",
18
- HANDLE_CANCEL_UPLOAD = "handleCancel",
19
- HANDLE_UPLOAD_ACTION = "handleUpload",
20
- HANDLE_FINISH_UPLOAD = "handleFinishUpload",
21
- HANDLE_SUCCESS_MESSAGE = "handleSuccessMessage",
22
- HANDLE_SUCCESS_MESSAGE_DISMISS = "handleSuccessMessageDismiss"
23
- }
24
- export declare const reducer: (state: State, action: Action) => State;
25
- export interface Action {
26
- type: ActionTypes;
27
- [key: string]: any;
28
- }
29
- export declare const actions: {
30
- UPLOAD_FILE: (uploadFile: File, sectionType: FileSectionType) => Action;
31
- HANDLE_UPLOAD_ACTION: () => Action;
32
- HANDLE_CANCEL_UPLOAD: () => Action;
33
- MOVE_FILE: (attachmentId: string, typeId: string, name: string, successMoveMessage: string) => Action;
34
- HANDLE_FINISH_UPLOAD: () => Action;
35
- HANDLE_SUCCESS_MESSAGE: (successMessage: string, sectionType?: FileSectionType) => Action;
36
- HANDLE_SUCCESS_MESSAGE_DISMISS: () => Action;
37
- };
38
- export {};
@@ -1,12 +0,0 @@
1
- import React, { Dispatch } from 'react';
2
- import { Upload } from './FileManager';
3
- import { Action, State } from './FileSectionState';
4
- import { FileSectionType } from './util';
5
- export declare const FilesSection: React.FC<{
6
- enableDragAndDrop: boolean;
7
- handleUpload: Upload;
8
- fileSection: FileSectionType;
9
- filesItem: JSX.Element[];
10
- dispatch: Dispatch<Action>;
11
- state: State;
12
- }>;
@@ -1,4 +0,0 @@
1
- export declare const ActionsBox: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
2
- export declare const ActionsItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
3
- export declare const ActionsLabel: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
4
- export declare const ActionsSeparator: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
@@ -1 +0,0 @@
1
- export declare const TooltipDiv: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,9 +0,0 @@
1
- import React, { Dispatch } from 'react';
2
- import { Upload } from './FileManager';
3
- import { Action } from './FileSectionState';
4
- import { FileSectionType } from './util';
5
- export declare const UploadFileArea: React.FC<{
6
- handleUploadFile: Upload;
7
- fileSection: FileSectionType;
8
- dispatch: Dispatch<Action>;
9
- }>;
@@ -1,11 +0,0 @@
1
- import { Model } from '@manuscripts/json-schema';
2
- import { FileAttachment } from '../components/FileManager/FileSectionItem/FileSectionItem';
3
- import { FileType } from '../components/FileManager/util';
4
- export type InlineFile = {
5
- id: string;
6
- label: string;
7
- type: FileType;
8
- attachments?: FileAttachment[];
9
- };
10
- declare const _default: (modelMap: Map<string, Model>, attachments: FileAttachment[]) => InlineFile[];
11
- export default _default;