@manuscripts/article-editor 4.0.0-LEAN-4623.0 → 4.0.1-LEAN-4573.0
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/Inspector.js +6 -60
- package/dist/cjs/components/Inspector.js.map +1 -1
- package/dist/cjs/components/VersionHistoryDropdown.js +2 -2
- package/dist/cjs/components/VersionHistoryDropdown.js.map +1 -1
- package/dist/cjs/components/projects/Inspector.js +11 -17
- package/dist/cjs/components/projects/Inspector.js.map +1 -1
- package/dist/es/components/Inspector.js +5 -35
- package/dist/es/components/Inspector.js.map +1 -1
- package/dist/es/components/VersionHistoryDropdown.js +2 -2
- package/dist/es/components/VersionHistoryDropdown.js.map +1 -1
- package/dist/es/components/projects/Inspector.js +13 -19
- package/dist/es/components/projects/Inspector.js.map +1 -1
- package/dist/types/components/Inspector.d.ts +0 -10
- package/package.json +5 -5
|
@@ -10,49 +10,13 @@
|
|
|
10
10
|
*
|
|
11
11
|
* All portions of the code written by Atypon Systems LLC are Copyright (c) 2019 Atypon Systems LLC. All Rights Reserved.
|
|
12
12
|
*/
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
15
|
};
|
|
39
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
exports.
|
|
17
|
+
exports.InspectorTabPanelHeading = exports.SecondaryInspectorTab = exports.PrimaryInspectorTab = exports.InspectorTabPanel = exports.PaddedInspectorTabPanels = exports.InspectorTabPanels = exports.PrimaryTabList = exports.InspectorTabList = exports.InspectorTabs = exports.InspectorContainer = void 0;
|
|
41
18
|
const react_1 = require("@headlessui/react");
|
|
42
|
-
const react_2 = __importStar(require("react"));
|
|
43
19
|
const styled_components_1 = __importDefault(require("styled-components"));
|
|
44
|
-
const TabLabel = ({ isVisible, children }) => {
|
|
45
|
-
const ref = (0, react_2.useRef)(null);
|
|
46
|
-
const [width, setWidth] = (0, react_2.useState)(0);
|
|
47
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
48
|
-
const skip = (0, react_2.useMemo)(() => !ref.current, [isVisible]); // skipping transition on mount to avoid animating the tab when page loads and looks weird
|
|
49
|
-
(0, react_2.useLayoutEffect)(() => {
|
|
50
|
-
const width = isVisible && ref.current ? ref.current.scrollWidth : 0;
|
|
51
|
-
setWidth(width);
|
|
52
|
-
}, [isVisible]);
|
|
53
|
-
return (react_2.default.createElement(exports.TabText, { ref: ref, targetWidth: width, skipTransition: skip }, children));
|
|
54
|
-
};
|
|
55
|
-
exports.TabLabel = TabLabel;
|
|
56
20
|
exports.InspectorContainer = styled_components_1.default.div `
|
|
57
21
|
border-left: 1px solid ${(props) => props.theme.colors.border.tertiary};
|
|
58
22
|
box-sizing: border-box;
|
|
@@ -71,7 +35,7 @@ exports.InspectorTabs = (0, styled_components_1.default)(react_1.TabGroup) `
|
|
|
71
35
|
exports.InspectorTabList = (0, styled_components_1.default)(react_1.TabList) `
|
|
72
36
|
&& {
|
|
73
37
|
background: none;
|
|
74
|
-
justify-content:
|
|
38
|
+
justify-content: center;
|
|
75
39
|
font-size: ${(props) => props.theme.font.size.normal};
|
|
76
40
|
color: ${(props) => props.theme.colors.text.primary};
|
|
77
41
|
flex-shrink: 0;
|
|
@@ -108,20 +72,15 @@ const BaseInspectorTab = (0, styled_components_1.default)(react_1.Tab) `
|
|
|
108
72
|
`;
|
|
109
73
|
exports.PrimaryInspectorTab = (0, styled_components_1.default)(BaseInspectorTab) `
|
|
110
74
|
&& {
|
|
111
|
-
padding: ${(props) => props.theme.grid.unit * 2
|
|
112
|
-
${(props) => props.theme.grid.unit *
|
|
113
|
-
|
|
114
|
-
border: 1px solid #f2f2f2;
|
|
75
|
+
padding: ${(props) => props.theme.grid.unit * 2}px
|
|
76
|
+
${(props) => props.theme.grid.unit * 6}px;
|
|
77
|
+
border-top: 3px solid transparent;
|
|
115
78
|
display: flex;
|
|
116
79
|
align-items: center;
|
|
117
|
-
position: relative;
|
|
118
80
|
gap: 2px;
|
|
119
81
|
|
|
120
82
|
&[aria-selected='true'] {
|
|
121
|
-
|
|
122
|
-
border-top-color: #6e6e6e;
|
|
123
|
-
border-top-width: 3px;
|
|
124
|
-
border-bottom-color: transparent;
|
|
83
|
+
border-color: #6e6e6e;
|
|
125
84
|
background: ${(props) => props.theme.colors.background.primary};
|
|
126
85
|
}
|
|
127
86
|
}
|
|
@@ -143,17 +102,4 @@ exports.SecondaryInspectorTab = (0, styled_components_1.default)(BaseInspectorTa
|
|
|
143
102
|
exports.InspectorTabPanelHeading = styled_components_1.default.div `
|
|
144
103
|
margin-bottom: ${(props) => props.theme.grid.unit * 4}px;
|
|
145
104
|
`;
|
|
146
|
-
exports.Spacer = styled_components_1.default.span `
|
|
147
|
-
flex: 1 0 auto;
|
|
148
|
-
`;
|
|
149
|
-
exports.TabText = styled_components_1.default.span `
|
|
150
|
-
margin-left: 0.1em;
|
|
151
|
-
overflow: hidden;
|
|
152
|
-
display: block;
|
|
153
|
-
opacity: ${(props) => (props.targetWidth > 0 ? '1' : '0')};
|
|
154
|
-
max-width: ${(props) => props.targetWidth}px;
|
|
155
|
-
transition: max-width ${(props) => (props.skipTransition ? '0s' : '0.25s')}
|
|
156
|
-
ease,
|
|
157
|
-
opacity ${(props) => (props.skipTransition ? '0s' : '0.5s')};
|
|
158
|
-
`;
|
|
159
105
|
//# sourceMappingURL=Inspector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Inspector.js","sourceRoot":"","sources":["../../../src/components/Inspector.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG
|
|
1
|
+
{"version":3,"file":"Inspector.js","sourceRoot":"","sources":["../../../src/components/Inspector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@ const VersionHistoryDropdown = () => {
|
|
|
23
23
|
const { isOpen, toggleOpen, wrapperRef } = (0, style_guide_1.useDropdown)();
|
|
24
24
|
const execCmd = (0, use_exec_cmd_1.default)();
|
|
25
25
|
return (react_1.default.createElement(style_guide_1.DropdownContainer, { ref: wrapperRef },
|
|
26
|
-
react_1.default.createElement(ToggleDropdownButton, {
|
|
26
|
+
react_1.default.createElement(ToggleDropdownButton, { onClick: toggleOpen },
|
|
27
27
|
react_1.default.createElement(style_guide_1.DotsIcon, null)),
|
|
28
28
|
isOpen && (react_1.default.createElement(HistoryDropdownList, { "data-cy": "history-dropdown", direction: "right", width: 192, top: 5, onClick: toggleOpen },
|
|
29
29
|
react_1.default.createElement(DropdownItem, { onClick: () => execCmd(track_changes_plugin_1.trackCommands.setTrackingStatus(track_changes_plugin_1.TrackChangesStatus.viewSnapshots)) }, "Version history")))));
|
|
@@ -33,7 +33,7 @@ const ToggleDropdownButton = styled_components_1.default.button `
|
|
|
33
33
|
border: none;
|
|
34
34
|
background: transparent;
|
|
35
35
|
cursor: pointer;
|
|
36
|
-
padding:
|
|
36
|
+
padding-left: 24px;
|
|
37
37
|
&:focus {
|
|
38
38
|
outline: none;
|
|
39
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VersionHistoryDropdown.js","sourceRoot":"","sources":["../../../src/components/VersionHistoryDropdown.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;;;AAEH,0DAKiC;AACjC,4EAG0C;AAC1C,kDAAyB;AACzB,0EAAsC;AAEtC,yEAA8C;AAE9C,MAAM,sBAAsB,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,yBAAW,GAAE,CAAA;IACxD,MAAM,OAAO,GAAG,IAAA,sBAAU,GAAE,CAAA;IAE5B,OAAO,CACL,8BAAC,+BAAiB,IAAC,GAAG,EAAE,UAAU;QAChC,8BAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"VersionHistoryDropdown.js","sourceRoot":"","sources":["../../../src/components/VersionHistoryDropdown.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;;;AAEH,0DAKiC;AACjC,4EAG0C;AAC1C,kDAAyB;AACzB,0EAAsC;AAEtC,yEAA8C;AAE9C,MAAM,sBAAsB,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,yBAAW,GAAE,CAAA;IACxD,MAAM,OAAO,GAAG,IAAA,sBAAU,GAAE,CAAA;IAE5B,OAAO,CACL,8BAAC,+BAAiB,IAAC,GAAG,EAAE,UAAU;QAChC,8BAAC,oBAAoB,IAAC,OAAO,EAAE,UAAU;YACvC,8BAAC,sBAAQ,OAAG,CACS;QAEtB,MAAM,IAAI,CACT,8BAAC,mBAAmB,eACV,kBAAkB,EAC1B,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE,GAAG,EACV,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,UAAU;YAEnB,8BAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE,CACZ,OAAO,CACL,oCAAa,CAAC,iBAAiB,CAC7B,yCAAkB,CAAC,aAAa,CACjC,CACF,sBAIU,CACK,CACvB,CACiB,CACrB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,sBAAsB,CAAA;AAErC,MAAM,oBAAoB,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;CAQzC,CAAA;AACD,MAAM,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAA;iBACd,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;;WAI7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;;CAEpD,CAAA;AACD,MAAM,mBAAmB,GAAG,IAAA,2BAAM,EAAC,0BAAY,CAAC,CAAA;;;;CAI/C,CAAA"}
|
|
@@ -63,7 +63,7 @@ const Inspector = () => {
|
|
|
63
63
|
const [tabIndex, setTabIndex] = (0, react_1.useState)(0);
|
|
64
64
|
let index = 0;
|
|
65
65
|
const COMMENTS_TAB_INDEX = index++;
|
|
66
|
-
const
|
|
66
|
+
const SUGGESTIONS_TAB_INDEX = !can.editWithoutTracking ? index++ : -1;
|
|
67
67
|
const FILES_TAB_INDEX = index++;
|
|
68
68
|
(0, react_1.useEffect)(() => {
|
|
69
69
|
if (comment) {
|
|
@@ -77,31 +77,25 @@ const Inspector = () => {
|
|
|
77
77
|
}, [inspectorOpenTabs, FILES_TAB_INDEX]);
|
|
78
78
|
(0, react_1.useEffect)(() => {
|
|
79
79
|
if (suggestion) {
|
|
80
|
-
setTabIndex(
|
|
80
|
+
setTabIndex(SUGGESTIONS_TAB_INDEX);
|
|
81
81
|
}
|
|
82
|
-
}, [suggestion,
|
|
82
|
+
}, [suggestion, SUGGESTIONS_TAB_INDEX]);
|
|
83
83
|
return (react_1.default.createElement(Panel_1.default, { name: 'inspector', minSize: 400, direction: 'row', side: 'start', hideWhen: 'max-width: 900px', resizerButton: ResizerButtons_1.ResizingInspectorButton }, store.isViewingMode ? (react_1.default.createElement(SnapshotsList_1.SnapshotsList, null)) : (react_1.default.createElement(Inspector_1.InspectorContainer, { "data-cy": "inspector" },
|
|
84
84
|
react_1.default.createElement(Inspector_1.InspectorTabs, { selectedIndex: tabIndex, onChange: setTabIndex },
|
|
85
85
|
react_1.default.createElement(Inspector_1.PrimaryTabList, null,
|
|
86
|
-
react_1.default.createElement(Inspector_1.PrimaryInspectorTab, { "data-cy": "comments-button"
|
|
87
|
-
react_1.default.createElement(style_guide_1.
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
tabIndex !== COMMENTS_TAB_INDEX && (react_1.default.createElement(style_guide_1.Tooltip, { id: "comments-tab-tooltip", place: "top" }, "Comments"))),
|
|
91
|
-
!can.editWithoutTracking && (react_1.default.createElement(Inspector_1.PrimaryInspectorTab, { "data-cy": "history-button", "data-tooltip-id": "changes-tab-tooltip" },
|
|
86
|
+
react_1.default.createElement(Inspector_1.PrimaryInspectorTab, { "data-cy": "comments-button" },
|
|
87
|
+
react_1.default.createElement(style_guide_1.CommentIcon, null),
|
|
88
|
+
" Comments"),
|
|
89
|
+
!can.editWithoutTracking && (react_1.default.createElement(Inspector_1.PrimaryInspectorTab, { "data-cy": "history-button" },
|
|
92
90
|
react_1.default.createElement(style_guide_1.BookIcon, null),
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
tabIndex !== HISTORY_TAB_INDEX && (react_1.default.createElement(style_guide_1.Tooltip, { id: "changes-tab-tooltip", place: "top" }, "Changes")))),
|
|
96
|
-
react_1.default.createElement(Inspector_1.PrimaryInspectorTab, { "data-cy": "files-button", "data-tooltip-id": "files-tab-tooltip" },
|
|
91
|
+
" Changes")),
|
|
92
|
+
react_1.default.createElement(Inspector_1.PrimaryInspectorTab, { "data-cy": "files-button" },
|
|
97
93
|
react_1.default.createElement(style_guide_1.ManuscriptIcon, null),
|
|
98
|
-
|
|
99
|
-
tabIndex !== FILES_TAB_INDEX && (react_1.default.createElement(style_guide_1.Tooltip, { id: "files-tab-tooltip", place: "top" }, "Files"))),
|
|
100
|
-
react_1.default.createElement(Inspector_1.Spacer, null),
|
|
94
|
+
" Files"),
|
|
101
95
|
react_1.default.createElement(VersionHistoryDropdown_1.default, null)),
|
|
102
96
|
react_1.default.createElement(Inspector_1.PaddedInspectorTabPanels, null,
|
|
103
97
|
react_1.default.createElement(Inspector_1.InspectorTabPanel, { key: "Comments", "data-cy": "comments" }, tabIndex === COMMENTS_TAB_INDEX && (react_1.default.createElement(CommentsPanel_1.CommentsPanel, { key: "comments" }))),
|
|
104
|
-
!can.editWithoutTracking && (react_1.default.createElement(Inspector_1.InspectorTabPanel, { key: "History", "data-cy": "history" }, tabIndex ===
|
|
98
|
+
!can.editWithoutTracking && (react_1.default.createElement(Inspector_1.InspectorTabPanel, { key: "History", "data-cy": "history" }, tabIndex === SUGGESTIONS_TAB_INDEX && (react_1.default.createElement(TrackChangesPanel_1.TrackChangesPanel, { key: "track-changes" })))),
|
|
105
99
|
react_1.default.createElement(Inspector_1.InspectorTabPanel, { key: "Files", "data-cy": "files" }, tabIndex === FILES_TAB_INDEX && react_1.default.createElement(FileManager_1.FileManager, { key: "files" }))))))));
|
|
106
100
|
};
|
|
107
101
|
exports.default = Inspector;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Inspector.js","sourceRoot":"","sources":["../../../../src/components/projects/Inspector.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,
|
|
1
|
+
{"version":3,"file":"Inspector.js","sourceRoot":"","sources":["../../../../src/components/projects/Inspector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,19 +10,7 @@
|
|
|
10
10
|
* All portions of the code written by Atypon Systems LLC are Copyright (c) 2019 Atypon Systems LLC. All Rights Reserved.
|
|
11
11
|
*/
|
|
12
12
|
import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react';
|
|
13
|
-
import React, { useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
14
13
|
import styled from 'styled-components';
|
|
15
|
-
export const TabLabel = ({ isVisible, children }) => {
|
|
16
|
-
const ref = useRef(null);
|
|
17
|
-
const [width, setWidth] = useState(0);
|
|
18
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
19
|
-
const skip = useMemo(() => !ref.current, [isVisible]); // skipping transition on mount to avoid animating the tab when page loads and looks weird
|
|
20
|
-
useLayoutEffect(() => {
|
|
21
|
-
const width = isVisible && ref.current ? ref.current.scrollWidth : 0;
|
|
22
|
-
setWidth(width);
|
|
23
|
-
}, [isVisible]);
|
|
24
|
-
return (React.createElement(TabText, { ref: ref, targetWidth: width, skipTransition: skip }, children));
|
|
25
|
-
};
|
|
26
14
|
export const InspectorContainer = styled.div `
|
|
27
15
|
border-left: 1px solid ${(props) => props.theme.colors.border.tertiary};
|
|
28
16
|
box-sizing: border-box;
|
|
@@ -41,7 +29,7 @@ export const InspectorTabs = styled(TabGroup) `
|
|
|
41
29
|
export const InspectorTabList = styled(TabList) `
|
|
42
30
|
&& {
|
|
43
31
|
background: none;
|
|
44
|
-
justify-content:
|
|
32
|
+
justify-content: center;
|
|
45
33
|
font-size: ${(props) => props.theme.font.size.normal};
|
|
46
34
|
color: ${(props) => props.theme.colors.text.primary};
|
|
47
35
|
flex-shrink: 0;
|
|
@@ -78,20 +66,15 @@ const BaseInspectorTab = styled(Tab) `
|
|
|
78
66
|
`;
|
|
79
67
|
export const PrimaryInspectorTab = styled(BaseInspectorTab) `
|
|
80
68
|
&& {
|
|
81
|
-
padding: ${(props) => props.theme.grid.unit * 2
|
|
82
|
-
${(props) => props.theme.grid.unit *
|
|
83
|
-
|
|
84
|
-
border: 1px solid #f2f2f2;
|
|
69
|
+
padding: ${(props) => props.theme.grid.unit * 2}px
|
|
70
|
+
${(props) => props.theme.grid.unit * 6}px;
|
|
71
|
+
border-top: 3px solid transparent;
|
|
85
72
|
display: flex;
|
|
86
73
|
align-items: center;
|
|
87
|
-
position: relative;
|
|
88
74
|
gap: 2px;
|
|
89
75
|
|
|
90
76
|
&[aria-selected='true'] {
|
|
91
|
-
|
|
92
|
-
border-top-color: #6e6e6e;
|
|
93
|
-
border-top-width: 3px;
|
|
94
|
-
border-bottom-color: transparent;
|
|
77
|
+
border-color: #6e6e6e;
|
|
95
78
|
background: ${(props) => props.theme.colors.background.primary};
|
|
96
79
|
}
|
|
97
80
|
}
|
|
@@ -113,17 +96,4 @@ export const SecondaryInspectorTab = styled(BaseInspectorTab) `
|
|
|
113
96
|
export const InspectorTabPanelHeading = styled.div `
|
|
114
97
|
margin-bottom: ${(props) => props.theme.grid.unit * 4}px;
|
|
115
98
|
`;
|
|
116
|
-
export const Spacer = styled.span `
|
|
117
|
-
flex: 1 0 auto;
|
|
118
|
-
`;
|
|
119
|
-
export const TabText = styled.span `
|
|
120
|
-
margin-left: 0.1em;
|
|
121
|
-
overflow: hidden;
|
|
122
|
-
display: block;
|
|
123
|
-
opacity: ${(props) => (props.targetWidth > 0 ? '1' : '0')};
|
|
124
|
-
max-width: ${(props) => props.targetWidth}px;
|
|
125
|
-
transition: max-width ${(props) => (props.skipTransition ? '0s' : '0.25s')}
|
|
126
|
-
ease,
|
|
127
|
-
opacity ${(props) => (props.skipTransition ? '0s' : '0.5s')};
|
|
128
|
-
`;
|
|
129
99
|
//# sourceMappingURL=Inspector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Inspector.js","sourceRoot":"","sources":["../../../src/components/Inspector.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC/E,OAAO,
|
|
1
|
+
{"version":3,"file":"Inspector.js","sourceRoot":"","sources":["../../../src/components/Inspector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,7 +18,7 @@ const VersionHistoryDropdown = () => {
|
|
|
18
18
|
const { isOpen, toggleOpen, wrapperRef } = useDropdown();
|
|
19
19
|
const execCmd = useExecCmd();
|
|
20
20
|
return (React.createElement(DropdownContainer, { ref: wrapperRef },
|
|
21
|
-
React.createElement(ToggleDropdownButton, {
|
|
21
|
+
React.createElement(ToggleDropdownButton, { onClick: toggleOpen },
|
|
22
22
|
React.createElement(DotsIcon, null)),
|
|
23
23
|
isOpen && (React.createElement(HistoryDropdownList, { "data-cy": "history-dropdown", direction: "right", width: 192, top: 5, onClick: toggleOpen },
|
|
24
24
|
React.createElement(DropdownItem, { onClick: () => execCmd(trackCommands.setTrackingStatus(TrackChangesStatus.viewSnapshots)) }, "Version history")))));
|
|
@@ -28,7 +28,7 @@ const ToggleDropdownButton = styled.button `
|
|
|
28
28
|
border: none;
|
|
29
29
|
background: transparent;
|
|
30
30
|
cursor: pointer;
|
|
31
|
-
padding:
|
|
31
|
+
padding-left: 24px;
|
|
32
32
|
&:focus {
|
|
33
33
|
outline: none;
|
|
34
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VersionHistoryDropdown.js","sourceRoot":"","sources":["../../../src/components/VersionHistoryDropdown.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACL,QAAQ,EACR,iBAAiB,EACjB,YAAY,EACZ,WAAW,GACZ,MAAM,0BAA0B,CAAA;AACjC,OAAO,EACL,kBAAkB,EAClB,aAAa,GACd,MAAM,mCAAmC,CAAA;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,UAAU,MAAM,uBAAuB,CAAA;AAE9C,MAAM,sBAAsB,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAA;IACxD,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAE5B,OAAO,CACL,oBAAC,iBAAiB,IAAC,GAAG,EAAE,UAAU;QAChC,oBAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"VersionHistoryDropdown.js","sourceRoot":"","sources":["../../../src/components/VersionHistoryDropdown.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACL,QAAQ,EACR,iBAAiB,EACjB,YAAY,EACZ,WAAW,GACZ,MAAM,0BAA0B,CAAA;AACjC,OAAO,EACL,kBAAkB,EAClB,aAAa,GACd,MAAM,mCAAmC,CAAA;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,UAAU,MAAM,uBAAuB,CAAA;AAE9C,MAAM,sBAAsB,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAA;IACxD,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAE5B,OAAO,CACL,oBAAC,iBAAiB,IAAC,GAAG,EAAE,UAAU;QAChC,oBAAC,oBAAoB,IAAC,OAAO,EAAE,UAAU;YACvC,oBAAC,QAAQ,OAAG,CACS;QAEtB,MAAM,IAAI,CACT,oBAAC,mBAAmB,eACV,kBAAkB,EAC1B,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE,GAAG,EACV,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,UAAU;YAEnB,oBAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE,CACZ,OAAO,CACL,aAAa,CAAC,iBAAiB,CAC7B,kBAAkB,CAAC,aAAa,CACjC,CACF,sBAIU,CACK,CACvB,CACiB,CACrB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA;AAErC,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;CAQzC,CAAA;AACD,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;iBACd,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;;WAI7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;;CAEpD,CAAA;AACD,MAAM,mBAAmB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;;;;CAI/C,CAAA"}
|
|
@@ -9,13 +9,13 @@
|
|
|
9
9
|
*
|
|
10
10
|
* All portions of the code written by Atypon Systems LLC are Copyright (c) 2023 Atypon Systems LLC. All Rights Reserved.
|
|
11
11
|
*/
|
|
12
|
-
import { BookIcon,
|
|
12
|
+
import { BookIcon, CommentIcon, ManuscriptIcon, usePermissions, } from '@manuscripts/style-guide';
|
|
13
13
|
import React, { useEffect, useState } from 'react';
|
|
14
14
|
import { InspectorPrimaryTabs } from '../../hooks/use-inspector-tabs-context';
|
|
15
15
|
import { useStore } from '../../store';
|
|
16
16
|
import { CommentsPanel } from '../comments/CommentsPanel';
|
|
17
17
|
import { FileManager } from '../FileManager/FileManager';
|
|
18
|
-
import { InspectorContainer, InspectorTabPanel, InspectorTabs, PaddedInspectorTabPanels, PrimaryInspectorTab, PrimaryTabList,
|
|
18
|
+
import { InspectorContainer, InspectorTabPanel, InspectorTabs, PaddedInspectorTabPanels, PrimaryInspectorTab, PrimaryTabList, } from '../Inspector';
|
|
19
19
|
import { SnapshotsList } from '../inspector/SnapshotsList';
|
|
20
20
|
import Panel from '../Panel';
|
|
21
21
|
import { ResizingInspectorButton } from '../ResizerButtons';
|
|
@@ -35,7 +35,7 @@ const Inspector = () => {
|
|
|
35
35
|
const [tabIndex, setTabIndex] = useState(0);
|
|
36
36
|
let index = 0;
|
|
37
37
|
const COMMENTS_TAB_INDEX = index++;
|
|
38
|
-
const
|
|
38
|
+
const SUGGESTIONS_TAB_INDEX = !can.editWithoutTracking ? index++ : -1;
|
|
39
39
|
const FILES_TAB_INDEX = index++;
|
|
40
40
|
useEffect(() => {
|
|
41
41
|
if (comment) {
|
|
@@ -49,31 +49,25 @@ const Inspector = () => {
|
|
|
49
49
|
}, [inspectorOpenTabs, FILES_TAB_INDEX]);
|
|
50
50
|
useEffect(() => {
|
|
51
51
|
if (suggestion) {
|
|
52
|
-
setTabIndex(
|
|
52
|
+
setTabIndex(SUGGESTIONS_TAB_INDEX);
|
|
53
53
|
}
|
|
54
|
-
}, [suggestion,
|
|
54
|
+
}, [suggestion, SUGGESTIONS_TAB_INDEX]);
|
|
55
55
|
return (React.createElement(Panel, { name: 'inspector', minSize: 400, direction: 'row', side: 'start', hideWhen: 'max-width: 900px', resizerButton: ResizingInspectorButton }, store.isViewingMode ? (React.createElement(SnapshotsList, null)) : (React.createElement(InspectorContainer, { "data-cy": "inspector" },
|
|
56
56
|
React.createElement(InspectorTabs, { selectedIndex: tabIndex, onChange: setTabIndex },
|
|
57
57
|
React.createElement(PrimaryTabList, null,
|
|
58
|
-
React.createElement(PrimaryInspectorTab, { "data-cy": "comments-button"
|
|
59
|
-
React.createElement(
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
tabIndex !== COMMENTS_TAB_INDEX && (React.createElement(Tooltip, { id: "comments-tab-tooltip", place: "top" }, "Comments"))),
|
|
63
|
-
!can.editWithoutTracking && (React.createElement(PrimaryInspectorTab, { "data-cy": "history-button", "data-tooltip-id": "changes-tab-tooltip" },
|
|
58
|
+
React.createElement(PrimaryInspectorTab, { "data-cy": "comments-button" },
|
|
59
|
+
React.createElement(CommentIcon, null),
|
|
60
|
+
" Comments"),
|
|
61
|
+
!can.editWithoutTracking && (React.createElement(PrimaryInspectorTab, { "data-cy": "history-button" },
|
|
64
62
|
React.createElement(BookIcon, null),
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
tabIndex !== HISTORY_TAB_INDEX && (React.createElement(Tooltip, { id: "changes-tab-tooltip", place: "top" }, "Changes")))),
|
|
68
|
-
React.createElement(PrimaryInspectorTab, { "data-cy": "files-button", "data-tooltip-id": "files-tab-tooltip" },
|
|
63
|
+
" Changes")),
|
|
64
|
+
React.createElement(PrimaryInspectorTab, { "data-cy": "files-button" },
|
|
69
65
|
React.createElement(ManuscriptIcon, null),
|
|
70
|
-
|
|
71
|
-
tabIndex !== FILES_TAB_INDEX && (React.createElement(Tooltip, { id: "files-tab-tooltip", place: "top" }, "Files"))),
|
|
72
|
-
React.createElement(Spacer, null),
|
|
66
|
+
" Files"),
|
|
73
67
|
React.createElement(VersionHistoryDropdown, null)),
|
|
74
68
|
React.createElement(PaddedInspectorTabPanels, null,
|
|
75
69
|
React.createElement(InspectorTabPanel, { key: "Comments", "data-cy": "comments" }, tabIndex === COMMENTS_TAB_INDEX && (React.createElement(CommentsPanel, { key: "comments" }))),
|
|
76
|
-
!can.editWithoutTracking && (React.createElement(InspectorTabPanel, { key: "History", "data-cy": "history" }, tabIndex ===
|
|
70
|
+
!can.editWithoutTracking && (React.createElement(InspectorTabPanel, { key: "History", "data-cy": "history" }, tabIndex === SUGGESTIONS_TAB_INDEX && (React.createElement(TrackChangesPanel, { key: "track-changes" })))),
|
|
77
71
|
React.createElement(InspectorTabPanel, { key: "Files", "data-cy": "files" }, tabIndex === FILES_TAB_INDEX && React.createElement(FileManager, { key: "files" }))))))));
|
|
78
72
|
};
|
|
79
73
|
export default Inspector;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Inspector.js","sourceRoot":"","sources":["../../../../src/components/projects/Inspector.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACL,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"Inspector.js","sourceRoot":"","sources":["../../../../src/components/projects/Inspector.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACL,QAAQ,EACR,WAAW,EACX,cAAc,EACd,cAAc,GACf,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAA;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,aAAa,EACb,wBAAwB,EACxB,mBAAmB,EACnB,cAAc,GACf,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,sBAAsB,MAAM,2BAA2B,CAAA;AAE9D,MAAM,SAAS,GAAa,GAAG,EAAE;IAC/B,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACnC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;QAC5C,oBAAoB,EAAE,KAAK,CAAC,oBAAoB;QAChD,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;QAC1C,aAAa,EAAE,KAAK,CAAC,aAAa;KACnC,CAAC,CAAC,CAAA;IAEH,MAAM,GAAG,GAAG,cAAc,EAAE,CAAA;IAE5B,MAAM,OAAO,GAAG,KAAK,CAAC,kBAAkB,CAAA;IACxC,MAAM,UAAU,GAAG,KAAK,CAAC,oBAAoB,CAAA;IAC7C,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAA;IACjD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAE3C,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,MAAM,kBAAkB,GAAG,KAAK,EAAE,CAAA;IAClC,MAAM,qBAAqB,GAAG,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACrE,MAAM,eAAe,GAAG,KAAK,EAAE,CAAA;IAC/B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE;YACX,WAAW,CAAC,kBAAkB,CAAC,CAAA;SAChC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE,UAAU,KAAK,oBAAoB,CAAC,KAAK,EAAE;YAChE,WAAW,CAAC,eAAe,CAAC,CAAA;SAC7B;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAA;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE;YACd,WAAW,CAAC,qBAAqB,CAAC,CAAA;SACnC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAC,CAAA;IAEvC,OAAO,CACL,oBAAC,KAAK,IACJ,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,GAAG,EACZ,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,kBAAkB,EAC5B,aAAa,EAAE,uBAAuB,IAErC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CACrB,oBAAC,aAAa,OAAG,CAClB,CAAC,CAAC,CAAC,CACF,oBAAC,kBAAkB,eAAS,WAAW;QACrC,oBAAC,aAAa,IAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW;YAC3D,oBAAC,cAAc;gBACb,oBAAC,mBAAmB,eAAS,iBAAiB;oBAC5C,oBAAC,WAAW,OAAG;gCACK;gBACrB,CAAC,GAAG,CAAC,mBAAmB,IAAI,CAC3B,oBAAC,mBAAmB,eAAS,gBAAgB;oBAC3C,oBAAC,QAAQ,OAAG;+BACQ,CACvB;gBACD,oBAAC,mBAAmB,eAAS,cAAc;oBACzC,oBAAC,cAAc,OAAG;6BACE;gBACtB,oBAAC,sBAAsB,OAAG,CACX;YACjB,oBAAC,wBAAwB;gBACvB,oBAAC,iBAAiB,IAAC,GAAG,EAAC,UAAU,aAAS,UAAU,IACjD,QAAQ,KAAK,kBAAkB,IAAI,CAClC,oBAAC,aAAa,IAAC,GAAG,EAAC,UAAU,GAAG,CACjC,CACiB;gBACnB,CAAC,GAAG,CAAC,mBAAmB,IAAI,CAC3B,oBAAC,iBAAiB,IAAC,GAAG,EAAC,SAAS,aAAS,SAAS,IAC/C,QAAQ,KAAK,qBAAqB,IAAI,CACrC,oBAAC,iBAAiB,IAAC,GAAG,EAAC,eAAe,GAAG,CAC1C,CACiB,CACrB;gBACD,oBAAC,iBAAiB,IAAC,GAAG,EAAC,OAAO,aAAS,OAAO,IAC3C,QAAQ,KAAK,eAAe,IAAI,oBAAC,WAAW,IAAC,GAAG,EAAC,OAAO,GAAG,CAC1C,CACK,CACb,CACG,CACtB,CACK,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -9,11 +9,6 @@
|
|
|
9
9
|
*
|
|
10
10
|
* All portions of the code written by Atypon Systems LLC are Copyright (c) 2019 Atypon Systems LLC. All Rights Reserved.
|
|
11
11
|
*/
|
|
12
|
-
import React from 'react';
|
|
13
|
-
export declare const TabLabel: React.FC<{
|
|
14
|
-
isVisible: boolean;
|
|
15
|
-
children: React.ReactNode;
|
|
16
|
-
}>;
|
|
17
12
|
export declare const InspectorContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
18
13
|
export declare const InspectorTabs: import("styled-components").StyledComponent<import("@headlessui/react")._internal_ComponentTabGroup, import("styled-components").DefaultTheme, {}, never>;
|
|
19
14
|
export declare const InspectorTabList: import("styled-components").StyledComponent<import("@headlessui/react")._internal_ComponentTabList, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -34,8 +29,3 @@ export declare const SecondaryInspectorTab: import("styled-components").StyledCo
|
|
|
34
29
|
Panel: import("@headlessui/react")._internal_ComponentTabPanel;
|
|
35
30
|
}, import("styled-components").DefaultTheme, {}, never>;
|
|
36
31
|
export declare const InspectorTabPanelHeading: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
37
|
-
export declare const Spacer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
|
38
|
-
export declare const TabText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
|
|
39
|
-
targetWidth: number;
|
|
40
|
-
skipTransition: boolean;
|
|
41
|
-
}, never>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@manuscripts/article-editor",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.1-LEAN-4573.0",
|
|
4
4
|
"license": "CPAL-1.0",
|
|
5
5
|
"description": "React components for editing and viewing manuscripts",
|
|
6
6
|
"repository": "github:Atypon-OpenSource/manuscripts-article-editor",
|
|
@@ -30,11 +30,11 @@
|
|
|
30
30
|
"@fontsource/pt-sans": "5.2.5",
|
|
31
31
|
"@fontsource/pt-serif": "5.2.5",
|
|
32
32
|
"@headlessui/react": "2.2.3",
|
|
33
|
-
"@manuscripts/body-editor": "3.0.0",
|
|
33
|
+
"@manuscripts/body-editor": "3.0.1-LEAN-4573.0",
|
|
34
34
|
"@manuscripts/json-schema": "2.2.12",
|
|
35
|
-
"@manuscripts/style-guide": "3.0.
|
|
35
|
+
"@manuscripts/style-guide": "3.0.0",
|
|
36
36
|
"@manuscripts/track-changes-plugin": "2.0.0",
|
|
37
|
-
"@manuscripts/transform": "4.0.0",
|
|
37
|
+
"@manuscripts/transform": "4.0.1-LEAN-4573.0",
|
|
38
38
|
"@popperjs/core": "2.11.8",
|
|
39
39
|
"date-fns": "4.1.0",
|
|
40
40
|
"dompurify": "3.2.5",
|
|
@@ -100,4 +100,4 @@
|
|
|
100
100
|
"engines": {
|
|
101
101
|
"node": ">=20.16.0"
|
|
102
102
|
}
|
|
103
|
-
}
|
|
103
|
+
}
|