@manuscripts/style-guide 1.3.2-LEAN-2859-4 → 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 (7) hide show
  1. package/dist/cjs/components/FileManager/FileActions.js +1 -1
  2. package/dist/cjs/components/FileManager/FileCreatedDate.js +1 -1
  3. package/dist/cjs/components/FileManager/InlineFilesSection.js +13 -9
  4. package/dist/es/components/FileManager/FileActions.js +1 -1
  5. package/dist/es/components/FileManager/FileCreatedDate.js +1 -1
  6. package/dist/es/components/FileManager/InlineFilesSection.js +13 -9
  7. package/package.json +2 -2
package/dist/cjs/components/FileManager/FileActions.js CHANGED
@@ -50,7 +50,7 @@ const FileActions = ({ sectionType, handleDownload, handleReplace, handleDetach,
50
50
  const showDownload = (can === null || can === void 0 ? void 0 : can.downloadFiles) && handleDownload;
51
51
  const showReplace = (can === null || can === void 0 ? void 0 : can.replaceFile) && handleReplace;
52
52
  const showDetach = (can === null || can === void 0 ? void 0 : can.editArticle) && handleDetach;
53
- const showMove = (can === null || can === void 0 ? void 0 : can.editArticle) && move;
53
+ const showMove = (can === null || can === void 0 ? void 0 : can.moveFile) && move;
54
54
  const show = showDownload || showReplace || showDetach || showMove;
55
55
  const fileInputRef = (0, react_1.useRef)(null);
56
56
  const handleChange = (event) => __awaiter(void 0, void 0, void 0, function* () {
package/dist/cjs/components/FileManager/FileCreatedDate.js CHANGED
@@ -16,7 +16,7 @@ const FileCreatedDate = ({ file, className }) => {
16
16
  exports.FileCreatedDate = FileCreatedDate;
17
17
  exports.FileDateContainer = styled_components_1.default.div `
18
18
  overflow: hidden;
19
- min-width: 80px;
19
+ min-width: 88px;
20
20
  margin-left: 8px;
21
21
  `;
22
22
  exports.FileDate = styled_components_1.default.div `
package/dist/cjs/components/FileManager/InlineFilesSection.js CHANGED
@@ -47,14 +47,16 @@ const util_1 = require("./util");
47
47
  const trackedJoint = ':dataTracked:';
48
48
  const InlineFilesSection = ({ elements, isEditor }) => {
49
49
  const { modelMap, fileManagement, saveModel } = (0, react_1.useContext)(FileManagerProvider_1.FileManagerContext);
50
+ const navigateToElement = (id) => {
51
+ const clearedId = id.split(trackedJoint)[0];
52
+ const isSelected = clearedId == window.location.hash.substring(1);
53
+ window.location.hash = !isSelected ? `#${clearedId}` : '#';
54
+ };
50
55
  const onElementClick = (0, react_1.useCallback)((e) => {
51
56
  if (!isEditor) {
52
57
  return;
53
58
  }
54
- const { id } = e.currentTarget;
55
- const clearedId = id.split(trackedJoint)[0];
56
- const isSelected = clearedId == window.location.hash.substring(1);
57
- window.location.hash = !isSelected ? `#${clearedId}` : '#';
59
+ navigateToElement(e.currentTarget.id);
58
60
  }, [isEditor]);
59
61
  const updateFigureSrc = (modelId, src) => __awaiter(void 0, void 0, void 0, function* () {
60
62
  const figure = modelMap.get(modelId);
@@ -62,12 +64,14 @@ const InlineFilesSection = ({ elements, isEditor }) => {
62
64
  yield saveModel(Object.assign(Object.assign({}, figure), { src: src }));
63
65
  }
64
66
  });
65
- const detach = (modelId) => __awaiter(void 0, void 0, void 0, function* () {
66
- yield updateFigureSrc(modelId, '');
67
+ const detach = (element, file) => __awaiter(void 0, void 0, void 0, function* () {
68
+ yield updateFigureSrc(file.modelId, '');
69
+ navigateToElement(element.modelId);
67
70
  });
68
- const replace = (modelId, file) => __awaiter(void 0, void 0, void 0, function* () {
71
+ const replace = (element, model, file) => __awaiter(void 0, void 0, void 0, function* () {
69
72
  const uploaded = yield fileManagement.upload(file);
70
- yield updateFigureSrc(modelId, uploaded.id);
73
+ yield updateFigureSrc(model.modelId, uploaded.id);
74
+ navigateToElement(element.modelId);
71
75
  });
72
76
  return (react_1.default.createElement(react_1.default.Fragment, null, elements.map((element, index) => {
73
77
  var _a;
@@ -75,7 +79,7 @@ const InlineFilesSection = ({ elements, isEditor }) => {
75
79
  react_1.default.createElement(ElementLabelContainer, null,
76
80
  (0, util_1.getFileTypeIcon)(element.type),
77
81
  react_1.default.createElement(ElementLabel, null, element.label)),
78
- react_1.default.createElement(ElementFilesContainer, null, (_a = element.files) === null || _a === void 0 ? void 0 : _a.map((file) => (react_1.default.createElement(ElementFile, { key: file.modelId, file: file, handleReplace: (f) => __awaiter(void 0, void 0, void 0, function* () { return yield replace(file.modelId, f); }), handleDetach: () => __awaiter(void 0, void 0, void 0, function* () { return yield detach(file.modelId); }), handleDownload: () => fileManagement.download(file) }))))));
82
+ react_1.default.createElement(ElementFilesContainer, null, (_a = element.files) === null || _a === void 0 ? void 0 : _a.map((file) => (react_1.default.createElement(ElementFile, { key: file.modelId, file: file, handleReplace: (f) => __awaiter(void 0, void 0, void 0, function* () { return yield replace(element, file, f); }), handleDetach: () => __awaiter(void 0, void 0, void 0, function* () { return yield detach(element, file); }), handleDownload: () => fileManagement.download(file) }))))));
79
83
  })));
80
84
  };
81
85
  exports.InlineFilesSection = InlineFilesSection;
package/dist/es/components/FileManager/FileActions.js CHANGED
@@ -21,7 +21,7 @@ export const FileActions = ({ sectionType, handleDownload, handleReplace, handle
21
21
  const showDownload = (can === null || can === void 0 ? void 0 : can.downloadFiles) && handleDownload;
22
22
  const showReplace = (can === null || can === void 0 ? void 0 : can.replaceFile) && handleReplace;
23
23
  const showDetach = (can === null || can === void 0 ? void 0 : can.editArticle) && handleDetach;
24
- const showMove = (can === null || can === void 0 ? void 0 : can.editArticle) && move;
24
+ const showMove = (can === null || can === void 0 ? void 0 : can.moveFile) && move;
25
25
  const show = showDownload || showReplace || showDetach || showMove;
26
26
  const fileInputRef = useRef(null);
27
27
  const handleChange = (event) => __awaiter(void 0, void 0, void 0, function* () {
package/dist/es/components/FileManager/FileCreatedDate.js CHANGED
@@ -9,7 +9,7 @@ export const FileCreatedDate = ({ file, className }) => {
9
9
  };
10
10
  export const FileDateContainer = styled.div `
11
11
  overflow: hidden;
12
- min-width: 80px;
12
+ min-width: 88px;
13
13
  margin-left: 8px;
14
14
  `;
15
15
  export const FileDate = styled.div `
package/dist/es/components/FileManager/InlineFilesSection.js CHANGED
@@ -18,14 +18,16 @@ import { FileSectionType, getFileTypeIcon } from './util';
18
18
  const trackedJoint = ':dataTracked:';
19
19
  export const InlineFilesSection = ({ elements, isEditor }) => {
20
20
  const { modelMap, fileManagement, saveModel } = useContext(FileManagerContext);
21
+ const navigateToElement = (id) => {
22
+ const clearedId = id.split(trackedJoint)[0];
23
+ const isSelected = clearedId == window.location.hash.substring(1);
24
+ window.location.hash = !isSelected ? `#${clearedId}` : '#';
25
+ };
21
26
  const onElementClick = useCallback((e) => {
22
27
  if (!isEditor) {
23
28
  return;
24
29
  }
25
- const { id } = e.currentTarget;
26
- const clearedId = id.split(trackedJoint)[0];
27
- const isSelected = clearedId == window.location.hash.substring(1);
28
- window.location.hash = !isSelected ? `#${clearedId}` : '#';
30
+ navigateToElement(e.currentTarget.id);
29
31
  }, [isEditor]);
30
32
  const updateFigureSrc = (modelId, src) => __awaiter(void 0, void 0, void 0, function* () {
31
33
  const figure = modelMap.get(modelId);
@@ -33,12 +35,14 @@ export const InlineFilesSection = ({ elements, isEditor }) => {
33
35
  yield saveModel(Object.assign(Object.assign({}, figure), { src: src }));
34
36
  }
35
37
  });
36
- const detach = (modelId) => __awaiter(void 0, void 0, void 0, function* () {
37
- yield updateFigureSrc(modelId, '');
38
+ const detach = (element, file) => __awaiter(void 0, void 0, void 0, function* () {
39
+ yield updateFigureSrc(file.modelId, '');
40
+ navigateToElement(element.modelId);
38
41
  });
39
- const replace = (modelId, file) => __awaiter(void 0, void 0, void 0, function* () {
42
+ const replace = (element, model, file) => __awaiter(void 0, void 0, void 0, function* () {
40
43
  const uploaded = yield fileManagement.upload(file);
41
- yield updateFigureSrc(modelId, uploaded.id);
44
+ yield updateFigureSrc(model.modelId, uploaded.id);
45
+ navigateToElement(element.modelId);
42
46
  });
43
47
  return (React.createElement(React.Fragment, null, elements.map((element, index) => {
44
48
  var _a;
@@ -46,7 +50,7 @@ export const InlineFilesSection = ({ elements, isEditor }) => {
46
50
  React.createElement(ElementLabelContainer, null,
47
51
  getFileTypeIcon(element.type),
48
52
  React.createElement(ElementLabel, null, element.label)),
49
- React.createElement(ElementFilesContainer, null, (_a = element.files) === null || _a === void 0 ? void 0 : _a.map((file) => (React.createElement(ElementFile, { key: file.modelId, file: file, handleReplace: (f) => __awaiter(void 0, void 0, void 0, function* () { return yield replace(file.modelId, f); }), handleDetach: () => __awaiter(void 0, void 0, void 0, function* () { return yield detach(file.modelId); }), handleDownload: () => fileManagement.download(file) }))))));
53
+ React.createElement(ElementFilesContainer, null, (_a = element.files) === null || _a === void 0 ? void 0 : _a.map((file) => (React.createElement(ElementFile, { key: file.modelId, file: file, handleReplace: (f) => __awaiter(void 0, void 0, void 0, function* () { return yield replace(element, file, f); }), handleDetach: () => __awaiter(void 0, void 0, void 0, function* () { return yield detach(element, file); }), handleDownload: () => fileManagement.download(file) }))))));
50
54
  })));
51
55
  };
52
56
  const ElementFile = ({ file, handleReplace, handleDownload, handleDetach }) => {
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.3.2-LEAN-2859-4",
4
+ "version": "1.3.2-LEAN-2859-5",
5
5
  "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
6
6
  "license": "Apache-2.0",
7
7
  "main": "dist/cjs",
@@ -36,7 +36,7 @@
36
36
  "@formatjs/intl-relativetimeformat": "^4.5.9",
37
37
  "@formatjs/intl-utils": "^2.2.0",
38
38
  "@manuscripts/assets": "^0.6.2",
39
- "@manuscripts/transform": "^1.4.2",
39
+ "@manuscripts/transform": "^1.4.3",
40
40
  "@manuscripts/json-schema": "^2.1.2",
41
41
  "@manuscripts/title-editor": "^1.1.0",
42
42
  "@manuscripts/comment-editor": "^1.0.3",