@manuscripts/style-guide 1.3.2-LEAN-2859-2 → 1.3.2-LEAN-2880-1
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.
- package/dist/cjs/components/FileManager/ConfirmationPopUp.js +90 -0
- package/dist/cjs/components/FileManager/DragItemArea.js +28 -0
- package/dist/cjs/components/FileManager/FileManager.js +125 -14
- package/dist/cjs/components/FileManager/FileManagerProvider.js +7 -2
- package/dist/cjs/components/FileManager/{DragLayer.js → FileSectionItem/DragLayer.js} +10 -12
- package/dist/cjs/components/FileManager/FileSectionItem/DraggableFileSectionItem.js +76 -0
- package/dist/cjs/components/FileManager/FileSectionItem/FileInfo.js +115 -0
- package/dist/cjs/components/FileManager/FileSectionItem/FileSectionItem.js +95 -0
- package/dist/cjs/components/FileManager/FileSectionItem/FileSectionUploadItem.js +37 -0
- package/dist/cjs/components/FileManager/FileSectionItem/FileTypeIcon.js +53 -0
- package/dist/cjs/components/FileManager/FileSectionItem/ItemActions.js +92 -0
- package/dist/cjs/components/FileManager/FileSectionItem/ProgressBarUploadItem.js +120 -0
- package/dist/cjs/components/FileManager/FileSectionState.js +83 -0
- package/dist/cjs/components/FileManager/FilesSection.js +61 -0
- package/dist/cjs/components/FileManager/InlineFilesSection.js +123 -64
- package/dist/cjs/components/FileManager/ItemsAction.js +48 -0
- package/dist/cjs/components/FileManager/{Tooltip.js → TooltipDiv.js} +3 -8
- package/dist/cjs/components/FileManager/{FileUploader.js → UploadFileArea.js} +12 -19
- package/dist/cjs/components/FileManager/util.js +67 -52
- package/dist/cjs/components/icons/document-icon-with-dot.js +1 -1
- package/dist/cjs/hooks/use-deep-compare.js +2 -2
- package/dist/cjs/hooks/use-files.js +43 -29
- package/dist/cjs/index.js +4 -3
- package/dist/cjs/lib/inlineFiles.js +92 -0
- package/dist/es/components/FileManager/ConfirmationPopUp.js +62 -0
- package/dist/es/components/FileManager/DragItemArea.js +21 -0
- package/dist/es/components/FileManager/FileManager.js +124 -16
- package/dist/es/components/FileManager/FileManagerProvider.js +8 -3
- package/dist/es/components/FileManager/{DragLayer.js → FileSectionItem/DragLayer.js} +10 -12
- package/dist/es/components/FileManager/FileSectionItem/DraggableFileSectionItem.js +46 -0
- package/dist/es/components/FileManager/FileSectionItem/FileInfo.js +85 -0
- package/dist/es/components/FileManager/FileSectionItem/FileSectionItem.js +88 -0
- package/dist/es/components/FileManager/FileSectionItem/FileSectionUploadItem.js +30 -0
- package/dist/es/components/FileManager/FileSectionItem/FileTypeIcon.js +46 -0
- package/dist/es/components/FileManager/FileSectionItem/ItemActions.js +65 -0
- package/dist/es/components/FileManager/FileSectionItem/ProgressBarUploadItem.js +113 -0
- package/dist/es/components/FileManager/FileSectionState.js +78 -0
- package/dist/es/components/FileManager/FilesSection.js +34 -0
- package/dist/es/components/FileManager/InlineFilesSection.js +124 -65
- package/dist/es/components/FileManager/ItemsAction.js +42 -0
- package/dist/es/components/FileManager/{Tooltip.js → TooltipDiv.js} +2 -7
- package/dist/es/components/FileManager/{FileUploader.js → UploadFileArea.js} +10 -17
- package/dist/es/components/FileManager/util.js +65 -47
- package/dist/es/components/icons/document-icon-with-dot.js +1 -1
- package/dist/es/hooks/use-deep-compare.js +2 -2
- package/dist/es/hooks/use-files.js +40 -29
- package/dist/es/index.js +2 -2
- package/dist/es/lib/inlineFiles.js +90 -0
- package/dist/types/components/FileManager/ConfirmationPopUp.d.ts +12 -0
- package/dist/types/components/FileManager/DragItemArea.d.ts +4 -0
- package/dist/types/components/FileManager/FileManager.d.ts +8 -17
- package/dist/types/components/FileManager/FileManagerProvider.d.ts +18 -8
- package/dist/types/components/FileManager/FileSectionItem/DraggableFileSectionItem.d.ts +3 -0
- package/dist/types/components/FileManager/FileSectionItem/FileInfo.d.ts +19 -0
- package/dist/types/components/FileManager/FileSectionItem/FileSectionItem.d.ts +38 -0
- package/dist/types/components/FileManager/FileSectionItem/FileSectionUploadItem.d.ts +12 -0
- package/dist/types/components/FileManager/{FileTypeIcon.d.ts → FileSectionItem/FileTypeIcon.d.ts} +3 -2
- package/dist/types/components/FileManager/FileSectionItem/ItemActions.d.ts +21 -0
- package/dist/types/components/FileManager/FileSectionItem/ProgressBarUploadItem.d.ts +4 -0
- package/dist/types/components/FileManager/FileSectionState.d.ts +38 -0
- package/dist/types/components/FileManager/FilesSection.d.ts +12 -0
- package/dist/types/components/FileManager/InlineFilesSection.d.ts +19 -3
- package/dist/types/components/FileManager/ItemsAction.d.ts +4 -0
- package/dist/types/components/FileManager/TooltipDiv.d.ts +1 -0
- package/dist/types/components/FileManager/UploadFileArea.d.ts +9 -0
- package/dist/types/components/FileManager/util.d.ts +12 -8
- package/dist/types/hooks/use-files.d.ts +6 -4
- package/dist/types/index.d.ts +2 -2
- package/dist/types/lib/inlineFiles.d.ts +11 -0
- package/package.json +2 -2
- package/dist/cjs/components/FileManager/FileActions.js +0 -135
- package/dist/cjs/components/FileManager/FileContainer.js +0 -38
- package/dist/cjs/components/FileManager/FileCreatedDate.js +0 -25
- package/dist/cjs/components/FileManager/FileName.js +0 -27
- package/dist/cjs/components/FileManager/FileSectionAlert.js +0 -170
- package/dist/cjs/components/FileManager/FileTypeIcon.js +0 -22
- package/dist/cjs/components/FileManager/OtherFilesSection.js +0 -101
- package/dist/cjs/components/FileManager/SupplementsSection.js +0 -118
- package/dist/cjs/components/icons/corrupted-file-icon.js +0 -27
- package/dist/cjs/lib/files.js +0 -85
- package/dist/es/components/FileManager/FileActions.js +0 -105
- package/dist/es/components/FileManager/FileContainer.js +0 -32
- package/dist/es/components/FileManager/FileCreatedDate.js +0 -18
- package/dist/es/components/FileManager/FileName.js +0 -20
- package/dist/es/components/FileManager/FileSectionAlert.js +0 -163
- package/dist/es/components/FileManager/FileTypeIcon.js +0 -15
- package/dist/es/components/FileManager/OtherFilesSection.js +0 -74
- package/dist/es/components/FileManager/SupplementsSection.js +0 -91
- package/dist/es/components/icons/corrupted-file-icon.js +0 -22
- package/dist/es/lib/files.js +0 -79
- package/dist/types/components/FileManager/FileActions.d.ts +0 -19
- package/dist/types/components/FileManager/FileContainer.d.ts +0 -1
- package/dist/types/components/FileManager/FileCreatedDate.d.ts +0 -8
- package/dist/types/components/FileManager/FileName.d.ts +0 -6
- package/dist/types/components/FileManager/FileSectionAlert.d.ts +0 -13
- package/dist/types/components/FileManager/FileUploader.d.ts +0 -4
- package/dist/types/components/FileManager/OtherFilesSection.d.ts +0 -5
- package/dist/types/components/FileManager/SupplementsSection.d.ts +0 -5
- package/dist/types/components/FileManager/Tooltip.d.ts +0 -2
- package/dist/types/components/icons/corrupted-file-icon.d.ts +0 -19
- package/dist/types/lib/files.d.ts +0 -24
- /package/dist/types/components/FileManager/{DragLayer.d.ts → FileSectionItem/DragLayer.d.ts} +0 -0
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.FileContainer = void 0;
|
|
7
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
8
|
-
exports.FileContainer = styled_components_1.default.div `
|
|
9
|
-
display: flex;
|
|
10
|
-
font-family: ${(props) => props.theme.font.family.Lato};
|
|
11
|
-
align-items: center;
|
|
12
|
-
cursor: pointer;
|
|
13
|
-
box-sizing: border-box;
|
|
14
|
-
position: relative;
|
|
15
|
-
padding: 24px 16px;
|
|
16
|
-
height: 72px;
|
|
17
|
-
|
|
18
|
-
&.dragging {
|
|
19
|
-
opacity: 0.2;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.file-icon {
|
|
23
|
-
min-width: 20px;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.show-on-hover {
|
|
27
|
-
visibility: hidden;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
&:hover .show-on-hover {
|
|
31
|
-
visibility: visible;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
&:hover,
|
|
35
|
-
&:focus {
|
|
36
|
-
background: #f2fbfc;
|
|
37
|
-
}
|
|
38
|
-
`;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.FileDate = exports.FileDateContainer = exports.FileCreatedDate = void 0;
|
|
7
|
-
const date_fns_1 = require("date-fns");
|
|
8
|
-
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
10
|
-
const Tooltip_1 = require("./Tooltip");
|
|
11
|
-
const FileCreatedDate = ({ file, className }) => {
|
|
12
|
-
return file.createdDate ? (react_1.default.createElement(exports.FileDateContainer, { "data-tip": "File Uploaded", "data-for": `${file.id}-created-date`, className: className },
|
|
13
|
-
react_1.default.createElement(exports.FileDate, null, (0, date_fns_1.format)(new Date(file.createdDate), 'M/d/yy, HH:mm')),
|
|
14
|
-
react_1.default.createElement(Tooltip_1.Tooltip, { id: `${file.id}-created-date`, place: "bottom", offset: { top: 0 }, effect: "solid", className: "tooltip" }, "File Uploaded"))) : (react_1.default.createElement(react_1.default.Fragment, null));
|
|
15
|
-
};
|
|
16
|
-
exports.FileCreatedDate = FileCreatedDate;
|
|
17
|
-
exports.FileDateContainer = styled_components_1.default.div `
|
|
18
|
-
overflow: hidden;
|
|
19
|
-
min-width: 80px;
|
|
20
|
-
margin-left: 8px;
|
|
21
|
-
`;
|
|
22
|
-
exports.FileDate = styled_components_1.default.div `
|
|
23
|
-
font-size: ${(props) => props.theme.font.size.small};
|
|
24
|
-
line-height: 27px;
|
|
25
|
-
`;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.FileNameText = exports.FileName = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
9
|
-
const FileTypeIcon_1 = require("./FileTypeIcon");
|
|
10
|
-
const FileName = ({ file }) => {
|
|
11
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
12
|
-
react_1.default.createElement(FileTypeIcon_1.FileTypeIcon, { file: file }),
|
|
13
|
-
react_1.default.createElement(exports.FileNameText, null, file.name)));
|
|
14
|
-
};
|
|
15
|
-
exports.FileName = FileName;
|
|
16
|
-
exports.FileNameText = styled_components_1.default.div `
|
|
17
|
-
font-family: ${(props) => props.theme.font.family.Lato};
|
|
18
|
-
font-size: ${(props) => props.theme.font.size.medium};
|
|
19
|
-
line-height: ${(props) => props.theme.font.lineHeight.large};
|
|
20
|
-
font-weight: ${(props) => props.theme.font.weight.normal};
|
|
21
|
-
color: ${(props) => props.theme.colors.text.primary};
|
|
22
|
-
margin-left: ${(props) => props.theme.grid.unit * 2}px;
|
|
23
|
-
flex-grow: 1;
|
|
24
|
-
overflow: hidden;
|
|
25
|
-
white-space: nowrap;
|
|
26
|
-
text-overflow: ellipsis;
|
|
27
|
-
`;
|
|
@@ -1,170 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.FileSectionAlert = exports.FileSectionAlertType = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
9
|
-
const AlertMessage_1 = require("../AlertMessage");
|
|
10
|
-
const unknown_format_file_icon_1 = __importDefault(require("../icons/unknown-format-file-icon"));
|
|
11
|
-
const FileContainer_1 = require("./FileContainer");
|
|
12
|
-
const FileName_1 = require("./FileName");
|
|
13
|
-
var FileSectionAlertType;
|
|
14
|
-
(function (FileSectionAlertType) {
|
|
15
|
-
FileSectionAlertType[FileSectionAlertType["NONE"] = 0] = "NONE";
|
|
16
|
-
FileSectionAlertType[FileSectionAlertType["UPLOAD_IN_PROGRESS"] = 1] = "UPLOAD_IN_PROGRESS";
|
|
17
|
-
FileSectionAlertType[FileSectionAlertType["UPLOAD_SUCCESSFUL"] = 2] = "UPLOAD_SUCCESSFUL";
|
|
18
|
-
FileSectionAlertType[FileSectionAlertType["MOVE_SUCCESSFUL"] = 3] = "MOVE_SUCCESSFUL";
|
|
19
|
-
})(FileSectionAlertType = exports.FileSectionAlertType || (exports.FileSectionAlertType = {}));
|
|
20
|
-
const FileSectionAlert = ({ alert }) => {
|
|
21
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
22
|
-
alert.type === FileSectionAlertType.UPLOAD_IN_PROGRESS && (react_1.default.createElement(FileUploadInProgressAlert, { name: alert.message })),
|
|
23
|
-
alert.type === FileSectionAlertType.UPLOAD_SUCCESSFUL && (react_1.default.createElement(FileUploadSuccessful, null)),
|
|
24
|
-
alert.type === FileSectionAlertType.MOVE_SUCCESSFUL && (react_1.default.createElement(FileMoveSuccessful, { name: alert.message }))));
|
|
25
|
-
};
|
|
26
|
-
exports.FileSectionAlert = FileSectionAlert;
|
|
27
|
-
const FileUploadInProgressAlert = ({ name }) => {
|
|
28
|
-
return (react_1.default.createElement(FileUploadContainer, null,
|
|
29
|
-
react_1.default.createElement(unknown_format_file_icon_1.default, null),
|
|
30
|
-
react_1.default.createElement(FileUploadNameContainer, null,
|
|
31
|
-
react_1.default.createElement(UploadFileNameText, null, name),
|
|
32
|
-
react_1.default.createElement(FileUploadProgressBar, null))));
|
|
33
|
-
};
|
|
34
|
-
const FileUploadSuccessful = () => {
|
|
35
|
-
return (react_1.default.createElement(AlertMessageContainer, null,
|
|
36
|
-
react_1.default.createElement(AlertMessage_1.AlertMessage, { type: AlertMessage_1.AlertMessageType.success, hideCloseButton: true, dismissButton: {
|
|
37
|
-
text: 'OK',
|
|
38
|
-
} }, "File uploaded successfully")));
|
|
39
|
-
};
|
|
40
|
-
const FileMoveSuccessful = ({ name }) => {
|
|
41
|
-
return (react_1.default.createElement(AlertMessageContainer, null,
|
|
42
|
-
react_1.default.createElement(AlertMessage_1.AlertMessage, { type: AlertMessage_1.AlertMessageType.success, hideCloseButton: true, dismissButton: {
|
|
43
|
-
text: 'OK',
|
|
44
|
-
} },
|
|
45
|
-
"File moved to ",
|
|
46
|
-
name)));
|
|
47
|
-
};
|
|
48
|
-
const AlertMessageContainer = styled_components_1.default.div `
|
|
49
|
-
margin-left: 16px;
|
|
50
|
-
margin-right: 16px;
|
|
51
|
-
`;
|
|
52
|
-
const FileUploadContainer = (0, styled_components_1.default)(FileContainer_1.FileContainer) `
|
|
53
|
-
background: #f2fbfc;
|
|
54
|
-
`;
|
|
55
|
-
const FileUploadNameContainer = styled_components_1.default.div `
|
|
56
|
-
flex-grow: 1;
|
|
57
|
-
margin-left: 8px;
|
|
58
|
-
`;
|
|
59
|
-
const UploadFileNameText = (0, styled_components_1.default)(FileName_1.FileNameText) `
|
|
60
|
-
margin: 0;
|
|
61
|
-
`;
|
|
62
|
-
const FileUploadProgressBar = () => {
|
|
63
|
-
return (react_1.default.createElement(LinearProgress, null,
|
|
64
|
-
react_1.default.createElement(Bar, { className: "bar1" }),
|
|
65
|
-
react_1.default.createElement(Bar, { className: "bar2" })));
|
|
66
|
-
};
|
|
67
|
-
const LinearProgress = styled_components_1.default.div `
|
|
68
|
-
background: ${(props) => props.theme.colors.background.tertiary};
|
|
69
|
-
opacity: 0.7;
|
|
70
|
-
height: 4px;
|
|
71
|
-
position: relative;
|
|
72
|
-
width: 100%;
|
|
73
|
-
margin: 8px auto 0;
|
|
74
|
-
overflow: hidden;
|
|
75
|
-
border-radius: 8px;
|
|
76
|
-
animation: start 0.3s ease-in;
|
|
77
|
-
`;
|
|
78
|
-
const Bar = styled_components_1.default.div `
|
|
79
|
-
position: absolute;
|
|
80
|
-
opacity: 0.7;
|
|
81
|
-
background: #1a9bc7;
|
|
82
|
-
transition: transform 0.2s linear;
|
|
83
|
-
left: 0;
|
|
84
|
-
top: 0;
|
|
85
|
-
bottom: 0;
|
|
86
|
-
width: 100%;
|
|
87
|
-
|
|
88
|
-
&.bar1 {
|
|
89
|
-
animation: growBar1 2.5s infinite, moveBar1 2.5s infinite;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
&.bar2 {
|
|
93
|
-
animation: growBar2 2.5s infinite, moveBar2 2.5s infinite;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
@keyframes growBar1 {
|
|
97
|
-
0% {
|
|
98
|
-
animation-timing-function: linear;
|
|
99
|
-
transform: scaleX(0.1);
|
|
100
|
-
}
|
|
101
|
-
35% {
|
|
102
|
-
animation-timing-function: cubic-bezier(0.3, 0.1, 0.7, 1);
|
|
103
|
-
transform: scaleX(0.1);
|
|
104
|
-
}
|
|
105
|
-
70% {
|
|
106
|
-
animation-timing-function: cubic-bezier(0.2, 0, 0.2, 1.4);
|
|
107
|
-
transform: scaleX(0.8);
|
|
108
|
-
}
|
|
109
|
-
100% {
|
|
110
|
-
transform: scaleX(0.1);
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
@keyframes moveBar1 {
|
|
115
|
-
0% {
|
|
116
|
-
left: -105%;
|
|
117
|
-
animation-timing-function: linear;
|
|
118
|
-
}
|
|
119
|
-
20% {
|
|
120
|
-
left: -105%;
|
|
121
|
-
animation-timing-function: cubic-bezier(0.5, 0, 0.7, 0.4);
|
|
122
|
-
}
|
|
123
|
-
60% {
|
|
124
|
-
left: 21%;
|
|
125
|
-
animation-timing-function: cubic-bezier(0.3, 0.4, 0.55, 0.9);
|
|
126
|
-
}
|
|
127
|
-
80% {
|
|
128
|
-
left: 40%;
|
|
129
|
-
animation-timing-function: cubic-bezier(0.1, 0.2, 0.3, 0.95);
|
|
130
|
-
}
|
|
131
|
-
100% {
|
|
132
|
-
left: 90%;
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
@keyframes growBar2 {
|
|
137
|
-
0% {
|
|
138
|
-
animation-timing-function: cubic-bezier(0.2, 0, 0.5, 0.4);
|
|
139
|
-
transform: scaleX(0.1);
|
|
140
|
-
}
|
|
141
|
-
20% {
|
|
142
|
-
animation-timing-function: cubic-bezier(0.1, 0.2, 0.6, 1);
|
|
143
|
-
transform: scaleX(0.3);
|
|
144
|
-
}
|
|
145
|
-
60% {
|
|
146
|
-
animation-timing-function: cubic-bezier(0.2, 0, 0.2, 1.4);
|
|
147
|
-
transform: scaleX(0.6);
|
|
148
|
-
}
|
|
149
|
-
100% {
|
|
150
|
-
transform: scaleX(0.1);
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
@keyframes moveBar2 {
|
|
154
|
-
0% {
|
|
155
|
-
left: -100%;
|
|
156
|
-
animation-timing-function: cubic-bezier(0.15, 0, 0.5, 0.4);
|
|
157
|
-
}
|
|
158
|
-
25% {
|
|
159
|
-
left: -50%;
|
|
160
|
-
animation-timing-function: cubic-bezier(0.3, 0.3, 0.8, 0.7);
|
|
161
|
-
}
|
|
162
|
-
50% {
|
|
163
|
-
left: 45%;
|
|
164
|
-
animation-timing-function: cubic-bezier(0.1, 0.6, 0.6, 0.9);
|
|
165
|
-
}
|
|
166
|
-
100% {
|
|
167
|
-
left: 95%;
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
`;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.FileTypeIcon = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const corrupted_file_icon_1 = __importDefault(require("../icons/corrupted-file-icon"));
|
|
9
|
-
const document_icon_with_dot_1 = __importDefault(require("../icons/document-icon-with-dot"));
|
|
10
|
-
const unknown_format_file_icon_1 = __importDefault(require("../icons/unknown-format-file-icon"));
|
|
11
|
-
const util_1 = require("./util");
|
|
12
|
-
const FileTypeIcon = ({ file }) => {
|
|
13
|
-
if (file.type.id === 'missing') {
|
|
14
|
-
return react_1.default.createElement(corrupted_file_icon_1.default, { className: "file-icon" });
|
|
15
|
-
}
|
|
16
|
-
if (file.type.id === 'main-manuscript') {
|
|
17
|
-
return react_1.default.createElement(document_icon_with_dot_1.default, { className: "file-icon" });
|
|
18
|
-
}
|
|
19
|
-
const icon = (0, util_1.getFileIcon)(file);
|
|
20
|
-
return icon || react_1.default.createElement(unknown_format_file_icon_1.default, { className: "file-icon" });
|
|
21
|
-
};
|
|
22
|
-
exports.FileTypeIcon = FileTypeIcon;
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
26
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
27
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
28
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
29
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
30
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
31
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
35
|
-
exports.OtherFilesSection = void 0;
|
|
36
|
-
const transform_1 = require("@manuscripts/transform");
|
|
37
|
-
const react_1 = __importStar(require("react"));
|
|
38
|
-
const react_dnd_1 = require("react-dnd");
|
|
39
|
-
const react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
|
|
40
|
-
const FileActions_1 = require("./FileActions");
|
|
41
|
-
const FileContainer_1 = require("./FileContainer");
|
|
42
|
-
const FileCreatedDate_1 = require("./FileCreatedDate");
|
|
43
|
-
const FileManager_1 = require("./FileManager");
|
|
44
|
-
const FileManagerProvider_1 = require("./FileManagerProvider");
|
|
45
|
-
const FileName_1 = require("./FileName");
|
|
46
|
-
const FileSectionAlert_1 = require("./FileSectionAlert");
|
|
47
|
-
const FileUploader_1 = require("./FileUploader");
|
|
48
|
-
const util_1 = require("./util");
|
|
49
|
-
const OtherFilesSection = ({ files }) => {
|
|
50
|
-
const { fileManagement, saveModel } = (0, react_1.useContext)(FileManagerProvider_1.FileManagerContext);
|
|
51
|
-
const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
|
|
52
|
-
const [alert, setAlert] = (0, react_1.useState)({
|
|
53
|
-
type: FileSectionAlert_1.FileSectionAlertType.NONE,
|
|
54
|
-
message: '',
|
|
55
|
-
});
|
|
56
|
-
const upload = (file) => __awaiter(void 0, void 0, void 0, function* () {
|
|
57
|
-
setAlert({
|
|
58
|
-
type: FileSectionAlert_1.FileSectionAlertType.UPLOAD_IN_PROGRESS,
|
|
59
|
-
message: file.name,
|
|
60
|
-
});
|
|
61
|
-
yield fileManagement.upload(file);
|
|
62
|
-
setAlert({
|
|
63
|
-
type: FileSectionAlert_1.FileSectionAlertType.UPLOAD_SUCCESSFUL,
|
|
64
|
-
message: '',
|
|
65
|
-
});
|
|
66
|
-
});
|
|
67
|
-
const moveToSupplements = (file) => __awaiter(void 0, void 0, void 0, function* () {
|
|
68
|
-
const supplement = (0, transform_1.buildSupplementaryMaterial)('', file.id);
|
|
69
|
-
yield saveModel(supplement);
|
|
70
|
-
setAlert({
|
|
71
|
-
type: FileSectionAlert_1.FileSectionAlertType.MOVE_SUCCESSFUL,
|
|
72
|
-
message: util_1.FileSectionType.Supplements,
|
|
73
|
-
});
|
|
74
|
-
});
|
|
75
|
-
return (react_1.default.createElement("div", null,
|
|
76
|
-
(can === null || can === void 0 ? void 0 : can.uploadFile) && react_1.default.createElement(FileUploader_1.FileUploader, { handler: upload }),
|
|
77
|
-
react_1.default.createElement(FileSectionAlert_1.FileSectionAlert, { alert: alert }),
|
|
78
|
-
files.map((file) => (react_1.default.createElement(OtherFile, { key: file.id, file: file, handleDownload: () => fileManagement.download(file), handleMoveToSupplements: () => __awaiter(void 0, void 0, void 0, function* () { return yield moveToSupplements(file); }) })))));
|
|
79
|
-
};
|
|
80
|
-
exports.OtherFilesSection = OtherFilesSection;
|
|
81
|
-
const OtherFile = ({ file, handleDownload, handleMoveToSupplements }) => {
|
|
82
|
-
const [{ isDragging }, drag, preview] = (0, react_dnd_1.useDrag)({
|
|
83
|
-
item: {
|
|
84
|
-
file,
|
|
85
|
-
type: 'file',
|
|
86
|
-
},
|
|
87
|
-
collect: (monitor) => ({
|
|
88
|
-
isDragging: monitor.isDragging(),
|
|
89
|
-
}),
|
|
90
|
-
});
|
|
91
|
-
(0, react_1.useEffect)(() => {
|
|
92
|
-
preview((0, react_dnd_html5_backend_1.getEmptyImage)());
|
|
93
|
-
}, [preview]);
|
|
94
|
-
return (react_1.default.createElement(FileContainer_1.FileContainer, { key: file.id, ref: drag, className: isDragging ? 'dragging' : '' },
|
|
95
|
-
react_1.default.createElement(FileName_1.FileName, { file: file }),
|
|
96
|
-
react_1.default.createElement(FileCreatedDate_1.FileCreatedDate, { file: file, className: "show-on-hover" }),
|
|
97
|
-
react_1.default.createElement(FileActions_1.FileActions, { sectionType: util_1.FileSectionType.OtherFile, handleDownload: handleDownload, move: {
|
|
98
|
-
sectionType: util_1.FileSectionType.Supplements,
|
|
99
|
-
handler: handleMoveToSupplements,
|
|
100
|
-
} })));
|
|
101
|
-
};
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
26
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
27
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
28
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
29
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
30
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
31
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
35
|
-
exports.SupplementsSection = void 0;
|
|
36
|
-
const json_schema_1 = require("@manuscripts/json-schema");
|
|
37
|
-
const transform_1 = require("@manuscripts/transform");
|
|
38
|
-
const react_1 = __importStar(require("react"));
|
|
39
|
-
const react_dnd_1 = require("react-dnd");
|
|
40
|
-
const react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
|
|
41
|
-
const FileActions_1 = require("./FileActions");
|
|
42
|
-
const FileContainer_1 = require("./FileContainer");
|
|
43
|
-
const FileCreatedDate_1 = require("./FileCreatedDate");
|
|
44
|
-
const FileManager_1 = require("./FileManager");
|
|
45
|
-
const FileManagerProvider_1 = require("./FileManagerProvider");
|
|
46
|
-
const FileName_1 = require("./FileName");
|
|
47
|
-
const FileSectionAlert_1 = require("./FileSectionAlert");
|
|
48
|
-
const FileUploader_1 = require("./FileUploader");
|
|
49
|
-
const util_1 = require("./util");
|
|
50
|
-
const SupplementsSection = ({ supplements }) => {
|
|
51
|
-
const { modelMap, saveModel, deleteModel, fileManagement } = (0, react_1.useContext)(FileManagerProvider_1.FileManagerContext);
|
|
52
|
-
const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
|
|
53
|
-
const [alert, setAlert] = (0, react_1.useState)({
|
|
54
|
-
type: FileSectionAlert_1.FileSectionAlertType.NONE,
|
|
55
|
-
message: '',
|
|
56
|
-
});
|
|
57
|
-
const upload = (file) => __awaiter(void 0, void 0, void 0, function* () {
|
|
58
|
-
setAlert({
|
|
59
|
-
type: FileSectionAlert_1.FileSectionAlertType.UPLOAD_IN_PROGRESS,
|
|
60
|
-
message: file.name,
|
|
61
|
-
});
|
|
62
|
-
const uploaded = yield fileManagement.upload(file);
|
|
63
|
-
setAlert({
|
|
64
|
-
type: FileSectionAlert_1.FileSectionAlertType.UPLOAD_SUCCESSFUL,
|
|
65
|
-
message: '',
|
|
66
|
-
});
|
|
67
|
-
return uploaded;
|
|
68
|
-
});
|
|
69
|
-
const handleUpload = (file) => __awaiter(void 0, void 0, void 0, function* () {
|
|
70
|
-
const uploaded = yield upload(file);
|
|
71
|
-
const supplement = (0, transform_1.buildSupplementaryMaterial)('', uploaded.id);
|
|
72
|
-
yield saveModel(supplement);
|
|
73
|
-
});
|
|
74
|
-
const handleReplace = (modelId, file) => __awaiter(void 0, void 0, void 0, function* () {
|
|
75
|
-
const uploaded = yield upload(file);
|
|
76
|
-
const supplement = modelMap.get(modelId);
|
|
77
|
-
yield saveModel(Object.assign(Object.assign({}, supplement), { href: uploaded.id }));
|
|
78
|
-
});
|
|
79
|
-
const handleMoveToOtherFiles = (modelId) => __awaiter(void 0, void 0, void 0, function* () {
|
|
80
|
-
yield deleteModel(modelId);
|
|
81
|
-
setAlert({
|
|
82
|
-
type: FileSectionAlert_1.FileSectionAlertType.MOVE_SUCCESSFUL,
|
|
83
|
-
message: util_1.FileSectionType.OtherFile,
|
|
84
|
-
});
|
|
85
|
-
});
|
|
86
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
87
|
-
(can === null || can === void 0 ? void 0 : can.uploadFile) && react_1.default.createElement(FileUploader_1.FileUploader, { handler: handleUpload }),
|
|
88
|
-
react_1.default.createElement(FileSectionAlert_1.FileSectionAlert, { alert: alert }),
|
|
89
|
-
supplements.map((supplement) => (react_1.default.createElement(SupplementFile, { key: supplement.modelId, file: supplement, handleDownload: () => fileManagement.download(supplement), handleReplace: (f) => __awaiter(void 0, void 0, void 0, function* () { return yield handleReplace(supplement.modelId, f); }), handleDetach: () => __awaiter(void 0, void 0, void 0, function* () { return yield handleMoveToOtherFiles(supplement.modelId); }) })))));
|
|
90
|
-
};
|
|
91
|
-
exports.SupplementsSection = SupplementsSection;
|
|
92
|
-
const SupplementFile = ({ file, handleDownload, handleReplace, handleDetach }) => {
|
|
93
|
-
const [{ isDragging }, drag, preview] = (0, react_dnd_1.useDrag)({
|
|
94
|
-
item: {
|
|
95
|
-
file,
|
|
96
|
-
model: {
|
|
97
|
-
_id: file.modelId,
|
|
98
|
-
objectType: json_schema_1.ObjectTypes.Supplement,
|
|
99
|
-
},
|
|
100
|
-
type: 'file',
|
|
101
|
-
},
|
|
102
|
-
collect: (monitor) => ({
|
|
103
|
-
isDragging: monitor.isDragging(),
|
|
104
|
-
}),
|
|
105
|
-
});
|
|
106
|
-
(0, react_1.useEffect)(() => {
|
|
107
|
-
preview((0, react_dnd_html5_backend_1.getEmptyImage)());
|
|
108
|
-
}, [preview]);
|
|
109
|
-
return (react_1.default.createElement(FileContainer_1.FileContainer, { key: file.id, ref: drag, className: isDragging ? 'dragging' : '' },
|
|
110
|
-
react_1.default.createElement(FileName_1.FileName, { file: file }),
|
|
111
|
-
react_1.default.createElement(FileCreatedDate_1.FileCreatedDate, { file: file, className: "show-on-hover" }),
|
|
112
|
-
react_1.default.createElement(FileActions_1.FileActions, { sectionType: util_1.FileSectionType.Supplements, handleDownload: file.id ? handleDownload : undefined, handleReplace: handleReplace, move: file.id
|
|
113
|
-
? {
|
|
114
|
-
sectionType: util_1.FileSectionType.OtherFile,
|
|
115
|
-
handler: handleDetach,
|
|
116
|
-
}
|
|
117
|
-
: undefined })));
|
|
118
|
-
};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/*!
|
|
3
|
-
* © 2019 Atypon Systems LLC
|
|
4
|
-
*
|
|
5
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
6
|
-
* you may not use this file except in compliance with the License.
|
|
7
|
-
* You may obtain a copy of the License at
|
|
8
|
-
*
|
|
9
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
10
|
-
*
|
|
11
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
12
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
13
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
14
|
-
* See the License for the specific language governing permissions and
|
|
15
|
-
* limitations under the License.
|
|
16
|
-
*/
|
|
17
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
-
};
|
|
20
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
const react_1 = __importDefault(require("react"));
|
|
22
|
-
const CorruptedFileIcon = (props) => (react_1.default.createElement("svg", { width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: props.className },
|
|
23
|
-
react_1.default.createElement("path", { d: "M14.186 5.65149L13.6777 6.20297L14.186 5.65149L9.91329 1.71322C9.59104 1.4162 9.16952 1.25 8.7288 1.25H8.72312H8.7174H8.71165H8.70585H8.70003H8.69416H8.68826H8.68232H8.67635H8.67034H8.66429H8.65821H8.65209H8.64593H8.63974H8.63352H8.62725H8.62096H8.61462H8.60825H8.60185H8.59541H8.58894H8.58243H8.57588H8.5693H8.56269H8.55604H8.54936H8.54264H8.53589H8.5291H8.52228H8.51543H8.50854H8.50162H8.49466H8.48767H8.48064H8.47359H8.4665H8.45937H8.45221H8.44502H8.4378H8.43054H8.42325H8.41593H8.40857H8.40118H8.39376H8.38631H8.37882H8.37131H8.36376H8.35617H8.34856H8.34091H8.33323H8.32552H8.31778H8.31001H8.3022H8.29437H8.2865H8.2786H8.27067H8.26271H8.25472H8.2467H8.23864H8.23056H8.22244H8.2143H8.20612H8.19792H8.18968H8.18142H8.17312H8.16479H8.15644H8.14805H8.13964H8.13119H8.12272H8.11421H8.10568H8.09712H8.08852H8.0799H8.07126H8.06258H8.05387H8.04513H8.03637H8.02758H8.01876H8.00991H8.00103H7.99212H7.98319H7.97423H7.96524H7.95622H7.94718H7.9381H7.929H7.91987H7.91072H7.90154H7.89233H7.88309H7.87383H7.86454H7.85522H7.84588H7.83651H7.82711H7.81769H7.80824H7.79877H7.78926H7.77974H7.77018H7.7606H7.751H7.74137H7.73171H7.72203H7.71232H7.70259H7.69283H7.68305H7.67324H7.66341H7.65355H7.64367H7.63376H7.62383H7.61388H7.6039H7.59389H7.58386H7.57381H7.56373H7.55363H7.54351H7.53336H7.52319H7.51299H7.50277H7.49253H7.48226H7.47198H7.46166H7.45133H7.44097H7.43059H7.42019H7.40976H7.39931H7.38884H7.37834H7.36783H7.35729H7.34673H7.33615H7.32554H7.31492H7.30427H7.2936H7.28291H7.2722H7.26146H7.25071H7.23993H7.22913H7.21831H7.20747H7.19661H7.18573H7.17483H7.16391H7.15297H7.142H7.13102H7.12002H7.10899H7.09795H7.08688H7.0758H7.0647H7.05357H7.04243H7.03127H7.02009H7.00889H6.99767H6.98643H6.97517H6.96389H6.9526H6.94128H6.92995H6.9186H6.90723H6.89584H6.88443H6.87301H6.86156H6.8501H6.83862H6.82713H6.81561H6.80408H6.79253H6.78096H6.76938H6.75778H6.74616H6.73452H6.72287H6.7112H6.69951H6.68781H6.67609H6.66435H6.6526H6.64083H6.62904H6.61724H6.60542H6.59359H6.58173H6.56987H6.55799H6.54609H6.53418H6.52225H6.5103H6.49834H6.48637H6.47438H6.46238H6.45036H6.43832H6.42627H6.41421H6.40213H6.39004H6.37793H6.36581H6.35367H6.34152H6.32936H6.31718H6.30499H6.29279H6.28057H6.26834H6.25609H6.24383H6.23156H6.21927H6.20697H6.19466H6.18234H6.17H6.15765H6.14529H6.13291H6.12052H6.10812H6.09571H6.08329H6.07085H6.0584H6.04594H6.03347H6.02098H6.00849H5.99598H5.98346H5.97093H5.95839H5.94584H5.93327H5.9207H5.90811H5.89551H5.88291H5.87029H5.85766H5.84502H5.83237H5.81971H5.80704H5.79436H5.78167H5.76897H5.75626H5.74354H5.73081H5.71808H5.70533H5.69257H5.6798H5.66703H5.65424H5.64145H5.62865H5.61583H5.60301H5.59018H5.57735H5.5645H5.55165H5.53878H5.52591H5.51303H5.50015H5.48725H5.47435H5.46144H5.44852H5.4356H5.42266H5.40972H5.39677H5.38382H5.37086H5.35789H5.34491H5.33193H5.31894H5.30594H5.29294H5.27993H5.26692H5.2539H5.24087H5.22783H5.21479H5.20175H5.1887H5.17564H5.16258H5.14951H5.13643H5.12335H5.11027H5.09718H5.08408H5.07098H5.05788H5.04477H5.03165H5.01854H5.00541H4.99228H4.97915H4.96601H4.95287H4.93973H4.92658H4.91343H4.90027H4.88711H4.87395H4.86078H4.84761H4.83443H4.82126H4.80808H4.79489H4.7817H4.76851H4.75532H4.74213H4.72893H4.71573H4.70253H4.68932H4.67611H4.6629H4.64969H4.63648H4.62326H4.61004H4.59683H4.5836H4.57038H4.55716H4.54393H4.53071H4.51748H4.50425H4.49102H4.47779H4.46456H4.45133H4.43809H4.42486H4.41163H4.39839H4.38516H4.37192H4.35869H4.34545H4.33222H4.31899H4.30575H4.29252H4.27928H4.26605H4.25282H4.23959H4.22636H4.21313H4.1999H4.18667H4.17345H4.16022H4.147H4.13378H4.12056H4.10734H4.09412H4.0809H4.06769H4.05448H4.04127H4.02806H4.01486H4.00166H3.98846H3.97526H3.96206H3.94887H3.93568H3.9225H3.90931H3.89613H3.88296H3.86978H3.85661H3.84345H3.83028H3.81712H3.80397H3.79082H3.77767H3.76452H3.75138H3.73825H3.72512H3.71199H3.69887H3.68575H3.67264H3.65953H3.64642H3.63332H3.62023H3.60714H3.59406H3.58098H3.56791H3.55484H3.54178H3.52872H3.51567H3.50263H3.48959H3.47655H3.46353H3.45051H3.43749H3.42449H3.41148H3.39849H3.3855H3.37252H3.35955H3.34658H3.33362H3.32067H3.30772H3.29478H3.28185H3.26892H3.25601H3.2431H3.2302H3.21731H3.20442H3.19154H3.17867H3.16581H3.15296H3.14012H3.12728H3.11445H3.10163H3.08882H3.07602H3.06323H3.05045H3.03767H3.02491H3.01215H2.99941C2.03233 1.25 1.25 2.03408 1.25 3V15C1.25 15.9665 2.0335 16.75 3 16.75H13C13.9665 16.75 14.75 15.9665 14.75 15V6.93827C14.75 6.4494 14.5455 5.98282 14.186 5.65149Z", stroke: "#6E6E6E", strokeWidth: "1.5" }),
|
|
24
|
-
react_1.default.createElement("path", { d: "M5 13C6.06061 11.4908 8.94545 9.37781 12 13", stroke: "#6E6E6E", strokeWidth: "1.5", strokeLinecap: "round" }),
|
|
25
|
-
react_1.default.createElement("path", { d: "M5 5C5 5 5 5.52369 5 6.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeLinecap: "round" }),
|
|
26
|
-
react_1.default.createElement("path", { d: "M9 2V7H14", stroke: "#6E6E6E", strokeWidth: "1.5" })));
|
|
27
|
-
exports.default = CorruptedFileIcon;
|
package/dist/cjs/lib/files.js
DELETED
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getSupplements = exports.getInlineFiles = exports.isModelFile = void 0;
|
|
4
|
-
const json_schema_1 = require("@manuscripts/json-schema");
|
|
5
|
-
const transform_1 = require("@manuscripts/transform");
|
|
6
|
-
const util_1 = require("../components/FileManager/util");
|
|
7
|
-
const isModelFile = (file) => {
|
|
8
|
-
return file.modelId;
|
|
9
|
-
};
|
|
10
|
-
exports.isModelFile = isModelFile;
|
|
11
|
-
const MISSING_FILE = {
|
|
12
|
-
id: '',
|
|
13
|
-
name: 'Missing file',
|
|
14
|
-
type: {
|
|
15
|
-
id: 'missing',
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
const getFile = (files, id) => {
|
|
19
|
-
return files.filter((f) => f.id === id)[0] || MISSING_FILE;
|
|
20
|
-
};
|
|
21
|
-
const getFigureFiles = (element, modelMap, files) => {
|
|
22
|
-
const figureFiles = [];
|
|
23
|
-
element.containedObjectIDs.map((id) => {
|
|
24
|
-
const model = modelMap.get(id);
|
|
25
|
-
if (model && model.objectType === json_schema_1.ObjectTypes.Figure) {
|
|
26
|
-
const figure = model;
|
|
27
|
-
if (figure.src) {
|
|
28
|
-
figureFiles.push(Object.assign(Object.assign({}, getFile(files, figure.src)), { modelId: figure._id }));
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
return figureFiles;
|
|
33
|
-
};
|
|
34
|
-
const getSupplementFiles = (supplement, files) => {
|
|
35
|
-
if (supplement.href) {
|
|
36
|
-
const href = supplement.href;
|
|
37
|
-
if (href) {
|
|
38
|
-
return [
|
|
39
|
-
Object.assign(Object.assign({}, getFile(files, href)), { modelId: supplement._id }),
|
|
40
|
-
];
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
return [];
|
|
44
|
-
};
|
|
45
|
-
const getInlineFiles = (modelMap, files) => {
|
|
46
|
-
var _a;
|
|
47
|
-
const elements = [];
|
|
48
|
-
const orders = getOrderByType(modelMap);
|
|
49
|
-
const sections = (0, transform_1.getModelsByType)(modelMap, json_schema_1.ObjectTypes.Section);
|
|
50
|
-
const graphicalAbstractElementIds = (_a = sections.filter((s) => s.category === 'MPSectionCategory:abstract-graphical')[0]) === null || _a === void 0 ? void 0 : _a.elementIDs;
|
|
51
|
-
graphicalAbstractElementIds === null || graphicalAbstractElementIds === void 0 ? void 0 : graphicalAbstractElementIds.map((id) => {
|
|
52
|
-
const figure = modelMap.get(id);
|
|
53
|
-
if (figure) {
|
|
54
|
-
elements.push({
|
|
55
|
-
modelId: id,
|
|
56
|
-
type: util_1.FileType.GraphicalAbstract,
|
|
57
|
-
label: 'Graphical Abstract',
|
|
58
|
-
files: getFigureFiles(figure, modelMap, files),
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
const figures = (0, transform_1.getModelsByType)(modelMap, json_schema_1.ObjectTypes.FigureElement);
|
|
63
|
-
const figureOrder = orders.get(json_schema_1.ObjectTypes.FigureElement);
|
|
64
|
-
if (figureOrder) {
|
|
65
|
-
}
|
|
66
|
-
figures === null || figures === void 0 ? void 0 : figures.filter((f) => !(graphicalAbstractElementIds === null || graphicalAbstractElementIds === void 0 ? void 0 : graphicalAbstractElementIds.includes(f._id))).map((figure, index) => ({
|
|
67
|
-
modelId: figure._id,
|
|
68
|
-
type: util_1.FileType.Figure,
|
|
69
|
-
label: `Figure ${index + 1}`,
|
|
70
|
-
files: getFigureFiles(figure, modelMap, files),
|
|
71
|
-
})).forEach((e) => elements.push(e));
|
|
72
|
-
return elements;
|
|
73
|
-
};
|
|
74
|
-
exports.getInlineFiles = getInlineFiles;
|
|
75
|
-
const getSupplements = (modelMap, files) => {
|
|
76
|
-
const supplements = (0, transform_1.getModelsByType)(modelMap, json_schema_1.ObjectTypes.Supplement);
|
|
77
|
-
return supplements.flatMap((s) => getSupplementFiles(s, files));
|
|
78
|
-
};
|
|
79
|
-
exports.getSupplements = getSupplements;
|
|
80
|
-
const getOrderByType = (modelMap) => {
|
|
81
|
-
const groups = new Map();
|
|
82
|
-
const orders = (0, transform_1.getModelsByType)(modelMap, json_schema_1.ObjectTypes.ElementsOrder);
|
|
83
|
-
orders.forEach((o) => groups.set(o.elementType, o));
|
|
84
|
-
return groups;
|
|
85
|
-
};
|