@manuscripts/style-guide 2.0.24-LEAN-4150.0 → 2.0.24

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.
@@ -36,7 +36,6 @@ const ContextMenuIconButton = (0, styled_components_1.default)(Button_1.IconButt
36
36
  const icons = {
37
37
  AddComment: icons_1.AddCommentIcon,
38
38
  Edit: icons_1.EditIcon,
39
- Scroll: icons_1.ScrollIcon,
40
39
  };
41
40
  const ContextMenu = ({ actions }) => (react_1.default.createElement(Button_1.IconButtonGroup, { size: 32 }, actions.map((action) => {
42
41
  const Icon = icons[action.icon];
@@ -44,8 +44,8 @@ const MenuContainer = styled_components_1.default.div `
44
44
  }
45
45
  `;
46
46
  const Menus = ({ menus, innerRef, handleClick, }) => {
47
- return (react_1.default.createElement(MenusContainer, { ref: innerRef }, menus.map((menu, index) => {
48
- return (react_1.default.createElement(MenuContainer, { key: `menu-${index}`, isEnabled: menu.isEnabled },
47
+ return (react_1.default.createElement(MenusContainer, { ref: innerRef, "data-cy": 'manuscript-menus' }, menus.map((menu, index) => {
48
+ return (react_1.default.createElement(MenuContainer, { "data-cy": 'menu', key: `menu-${index}`, isEnabled: menu.isEnabled },
49
49
  react_1.default.createElement(MenuHeading, { onMouseDown: (e) => {
50
50
  e.preventDefault();
51
51
  handleClick([index]);
@@ -96,7 +96,7 @@ const SubmenuLabel = ({ menu, handleClick }) => {
96
96
  if ((0, menus_1.isMenuSeparator)(menu)) {
97
97
  return null;
98
98
  }
99
- return (react_1.default.createElement(Container, { isOpen: menu.isOpen, className: menu.isEnabled ? '' : 'disabled', onMouseDown: (e) => {
99
+ return (react_1.default.createElement(Container, { isOpen: menu.isOpen, "data-cy": 'submenu', className: menu.isEnabled ? '' : 'disabled', onMouseDown: (e) => {
100
100
  e.preventDefault();
101
101
  handleClick([]);
102
102
  } },
@@ -116,7 +116,7 @@ const Submenu = ({ menu, handleClick }) => {
116
116
  if (!menu.submenu) {
117
117
  return react_1.default.createElement(exports.SubmenuLabel, { menu: menu, handleClick: handleClick });
118
118
  }
119
- return (react_1.default.createElement(exports.SubmenuContainer, null,
119
+ return (react_1.default.createElement(exports.SubmenuContainer, { "data-cy": 'submenu' },
120
120
  react_1.default.createElement(exports.SubmenuLabel, { menu: menu, handleClick: handleClick }),
121
121
  menu.submenu && menu.isOpen && (react_1.default.createElement(exports.NestedSubmenusContainer, null, menu.submenu.map((submenu, index) => (react_1.default.createElement(exports.Submenu, { key: `menu-${index}`, menu: submenu, handleClick: (i) => handleClick([index, ...i]) })))))));
122
122
  };
@@ -19,7 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
19
19
  };
20
20
  Object.defineProperty(exports, "__esModule", { value: true });
21
21
  exports.OutlineManuscriptIcon = exports.OutlineFigureIcon = exports.OutlineEquationIcon = exports.OutlineCodeIcon = exports.OutlineBlockQuoteIcon = exports.LogoutIcon = exports.LinkIcon = exports.HelpIcon = exports.HandleOutlineIcon = exports.HandleInspectorIcon = exports.FileVideoIcon = exports.FileUnknownIcon = exports.FileTableIcon = exports.FilePdfIcon = exports.FileMainDocumentIcon = exports.FileLatexIcon = exports.FileImageIcon = exports.FileGraphicalAbstractIcon = exports.FileFigureIcon = exports.FileDocumentIcon = exports.FileCorruptedIcon = exports.FileCompressedIcon = exports.FileCodeIcon = exports.FileAudioIcon = exports.EditAttrsTrackingIcon = exports.EditIcon = exports.DotsIcon = exports.DeleteIcon = exports.DeleteSolidIcon = exports.CorrespondingAuthorIcon = exports.CommentResolveIcon = exports.CommentReplyIcon = exports.CitationCountIcon = exports.SystemUserAvatarIcon = exports.AlertIcon = exports.AvatarIcon = exports.AttentionRedIcon = exports.AttentionOrangeIcon = exports.AttentionGreenIcon = exports.AttentionBlueIcon = exports.AttachIcon = exports.ArrowUpIcon = exports.ArrowLeftIcon = exports.ArrowDownCircleIcon = exports.ArrowDownIcon = exports.AddIcon = exports.AddNewIcon = exports.AddedIcon = exports.AddCommentIcon = exports.AddAuthorIcon = void 0;
22
- exports.VerticalEllipsisIcon = exports.UploadIcon = exports.TriangleExpandedIcon = exports.TriangleCollapsedIcon = exports.ToolbarUnorderedListIcon = exports.ToolbarUnderlineIcon = exports.ToolbarTableIcon = exports.ToolbarSymbolIcon = exports.ToolbarSuperscriptIcon = exports.ToolbarSubscriptIcon = exports.ToolbarOrderedListIcon = exports.ToolbarItalicIcon = exports.ToolbarFigureIcon = exports.ToolbarEquationIcon = exports.ToolbarCodeIcon = exports.ToolbarCitationIcon = exports.ToolbarBoldIcon = exports.TaskStepDoneIcon = exports.SectionCategoryIcon = exports.SearchIcon = exports.ScrollIcon = exports.SaveStatusSavingIcon = exports.SaveStatusSavedIcon = exports.SaveStatusOfflineIcon = exports.RoleReadingIcon = exports.RoleAnnotatingIcon = exports.PlusIcon = exports.OutlineUnorderedListIcon = exports.OutlineTableIcon = exports.OutlineSectionIcon = exports.OutlinePullQuoteIcon = exports.OutlineParagraphIcon = exports.OutlineOrderedListIcon = void 0;
22
+ exports.VerticalEllipsisIcon = exports.UploadIcon = exports.TriangleExpandedIcon = exports.TriangleCollapsedIcon = exports.ToolbarUnorderedListIcon = exports.ToolbarUnderlineIcon = exports.ToolbarTableIcon = exports.ToolbarSymbolIcon = exports.ToolbarSuperscriptIcon = exports.ToolbarSubscriptIcon = exports.ToolbarOrderedListIcon = exports.ToolbarItalicIcon = exports.ToolbarFigureIcon = exports.ToolbarEquationIcon = exports.ToolbarCodeIcon = exports.ToolbarCitationIcon = exports.ToolbarBoldIcon = exports.TaskStepDoneIcon = exports.SectionCategoryIcon = exports.SearchIcon = exports.SaveStatusSavingIcon = exports.SaveStatusSavedIcon = exports.SaveStatusOfflineIcon = exports.RoleReadingIcon = exports.RoleAnnotatingIcon = exports.PlusIcon = exports.OutlineUnorderedListIcon = exports.OutlineTableIcon = exports.OutlineSectionIcon = exports.OutlinePullQuoteIcon = exports.OutlineParagraphIcon = exports.OutlineOrderedListIcon = void 0;
23
23
  var add_author_1 = require("./add-author");
24
24
  Object.defineProperty(exports, "AddAuthorIcon", { enumerable: true, get: function () { return __importDefault(add_author_1).default; } });
25
25
  var add_comment_1 = require("./add-comment");
@@ -144,8 +144,6 @@ var save_status_saved_1 = require("./save-status-saved");
144
144
  Object.defineProperty(exports, "SaveStatusSavedIcon", { enumerable: true, get: function () { return __importDefault(save_status_saved_1).default; } });
145
145
  var save_status_saving_1 = require("./save-status-saving");
146
146
  Object.defineProperty(exports, "SaveStatusSavingIcon", { enumerable: true, get: function () { return __importDefault(save_status_saving_1).default; } });
147
- var scroll_1 = require("./scroll");
148
- Object.defineProperty(exports, "ScrollIcon", { enumerable: true, get: function () { return __importDefault(scroll_1).default; } });
149
147
  var search_1 = require("./search");
150
148
  Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return __importDefault(search_1).default; } });
151
149
  var section_category_1 = require("./section-category");
@@ -16,7 +16,7 @@
16
16
  import React from 'react';
17
17
  import styled from 'styled-components';
18
18
  import { IconButton, IconButtonGroup } from './Button';
19
- import { AddCommentIcon, EditIcon, ScrollIcon } from './icons';
19
+ import { AddCommentIcon, EditIcon } from './icons';
20
20
  import { Tooltip } from './Tooltip';
21
21
  const ContextMenuIconButton = styled(IconButton) `
22
22
  color: #6e6e6e;
@@ -30,7 +30,6 @@ const ContextMenuIconButton = styled(IconButton) `
30
30
  const icons = {
31
31
  AddComment: AddCommentIcon,
32
32
  Edit: EditIcon,
33
- Scroll: ScrollIcon,
34
33
  };
35
34
  export const ContextMenu = ({ actions }) => (React.createElement(IconButtonGroup, { size: 32 }, actions.map((action) => {
36
35
  const Icon = icons[action.icon];
@@ -38,8 +38,8 @@ const MenuContainer = styled.div `
38
38
  }
39
39
  `;
40
40
  export const Menus = ({ menus, innerRef, handleClick, }) => {
41
- return (React.createElement(MenusContainer, { ref: innerRef }, menus.map((menu, index) => {
42
- return (React.createElement(MenuContainer, { key: `menu-${index}`, isEnabled: menu.isEnabled },
41
+ return (React.createElement(MenusContainer, { ref: innerRef, "data-cy": 'manuscript-menus' }, menus.map((menu, index) => {
42
+ return (React.createElement(MenuContainer, { "data-cy": 'menu', key: `menu-${index}`, isEnabled: menu.isEnabled },
43
43
  React.createElement(MenuHeading, { onMouseDown: (e) => {
44
44
  e.preventDefault();
45
45
  handleClick([index]);
@@ -90,7 +90,7 @@ export const SubmenuLabel = ({ menu, handleClick }) => {
90
90
  if (isMenuSeparator(menu)) {
91
91
  return null;
92
92
  }
93
- return (React.createElement(Container, { isOpen: menu.isOpen, className: menu.isEnabled ? '' : 'disabled', onMouseDown: (e) => {
93
+ return (React.createElement(Container, { isOpen: menu.isOpen, "data-cy": 'submenu', className: menu.isEnabled ? '' : 'disabled', onMouseDown: (e) => {
94
94
  e.preventDefault();
95
95
  handleClick([]);
96
96
  } },
@@ -109,7 +109,7 @@ export const Submenu = ({ menu, handleClick }) => {
109
109
  if (!menu.submenu) {
110
110
  return React.createElement(SubmenuLabel, { menu: menu, handleClick: handleClick });
111
111
  }
112
- return (React.createElement(SubmenuContainer, null,
112
+ return (React.createElement(SubmenuContainer, { "data-cy": 'submenu' },
113
113
  React.createElement(SubmenuLabel, { menu: menu, handleClick: handleClick }),
114
114
  menu.submenu && menu.isOpen && (React.createElement(NestedSubmenusContainer, null, menu.submenu.map((submenu, index) => (React.createElement(Submenu, { key: `menu-${index}`, menu: submenu, handleClick: (i) => handleClick([index, ...i]) })))))));
115
115
  };
@@ -75,7 +75,6 @@ export { default as RoleReadingIcon } from './role-reading';
75
75
  export { default as SaveStatusOfflineIcon } from './save-status-offline';
76
76
  export { default as SaveStatusSavedIcon } from './save-status-saved';
77
77
  export { default as SaveStatusSavingIcon } from './save-status-saving';
78
- export { default as ScrollIcon } from './scroll';
79
78
  export { default as SearchIcon } from './search';
80
79
  export { default as SectionCategoryIcon } from './section-category';
81
80
  export { default as TaskStepDoneIcon } from './task-step-done';
@@ -75,7 +75,6 @@ export { default as RoleReadingIcon } from './role-reading';
75
75
  export { default as SaveStatusOfflineIcon } from './save-status-offline';
76
76
  export { default as SaveStatusSavedIcon } from './save-status-saved';
77
77
  export { default as SaveStatusSavingIcon } from './save-status-saving';
78
- export { default as ScrollIcon } from './scroll';
79
78
  export { default as SearchIcon } from './search';
80
79
  export { default as SectionCategoryIcon } from './section-category';
81
80
  export { default as TaskStepDoneIcon } from './task-step-done';
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": "2.0.24-LEAN-4150.0",
4
+ "version": "2.0.24",
5
5
  "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
6
6
  "license": "Apache-2.0",
7
7
  "main": "dist/cjs",
@@ -1,13 +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
- const react_1 = __importDefault(require("react"));
7
- const ScrollIcon = () => (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
8
- react_1.default.createElement("rect", { x: "14.5", y: "1.5", width: "13", height: "13", transform: "rotate(90 14.5 1.5)" }),
9
- react_1.default.createElement("rect", { x: "14.5", y: "1.5", width: "13", height: "13", transform: "rotate(90 14.5 1.5)" }),
10
- react_1.default.createElement("path", { d: "M15 12.5161V3.48387C15 2.82511 14.7383 2.19332 14.2725 1.72751C13.8067 1.26169 13.1749 1 12.5161 1H3.48387C2.82511 1 2.19333 1.26169 1.72751 1.72751C1.26169 2.19332 1 2.82511 1 3.48387V12.5161C1 13.1749 1.26169 13.8067 1.72751 14.2725C2.19333 14.7383 2.82511 15 3.48387 15H12.5161C13.1749 15 13.8067 14.7383 14.2725 14.2725C14.7383 13.8067 15 13.1749 15 12.5161ZM3.48387 13.6452C3.18443 13.6452 2.89726 13.5262 2.68552 13.3145C2.47379 13.1027 2.35484 12.8156 2.35484 12.5161V3.48387C2.35484 3.18443 2.47379 2.89726 2.68552 2.68552C2.89726 2.47379 3.18443 2.35484 3.48387 2.35484H12.5161C12.8156 2.35484 13.1027 2.47379 13.3145 2.68552C13.5262 2.89726 13.6452 3.18443 13.6452 3.48387V12.5161C13.6452 12.8156 13.5262 13.1027 13.3145 13.3145C13.1027 13.5262 12.8156 13.6452 12.5161 13.6452H3.48387Z", fill: "#6E6E6E" }),
11
- react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.1786 11.1966C10.9227 11.4511 10.5089 11.45 10.2543 11.1941L5.03979 5.95182C4.78524 5.69592 4.78634 5.28211 5.04224 5.02756C5.29815 4.77301 5.71196 4.77411 5.9665 5.03002L11.181 10.2723C11.4356 10.5282 11.4345 10.942 11.1786 11.1966Z", fill: "#6E6E6E" }),
12
- react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.7311 5.99911C10.3702 5.99811 10.0768 6.2899 10.0758 6.65084L10.0662 10.0778L6.6399 10.0688C6.27896 10.0679 5.98558 10.3597 5.98464 10.7207C5.98369 11.0816 6.27553 11.375 6.63647 11.3759L10.7162 11.3866C11.0771 11.3876 11.3705 11.0958 11.3715 10.7349L11.3829 6.65449C11.3839 6.29354 11.0921 6.00012 10.7311 5.99911Z", fill: "#6E6E6E" })));
13
- exports.default = ScrollIcon;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- const ScrollIcon = () => (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
3
- React.createElement("rect", { x: "14.5", y: "1.5", width: "13", height: "13", transform: "rotate(90 14.5 1.5)" }),
4
- React.createElement("rect", { x: "14.5", y: "1.5", width: "13", height: "13", transform: "rotate(90 14.5 1.5)" }),
5
- React.createElement("path", { d: "M15 12.5161V3.48387C15 2.82511 14.7383 2.19332 14.2725 1.72751C13.8067 1.26169 13.1749 1 12.5161 1H3.48387C2.82511 1 2.19333 1.26169 1.72751 1.72751C1.26169 2.19332 1 2.82511 1 3.48387V12.5161C1 13.1749 1.26169 13.8067 1.72751 14.2725C2.19333 14.7383 2.82511 15 3.48387 15H12.5161C13.1749 15 13.8067 14.7383 14.2725 14.2725C14.7383 13.8067 15 13.1749 15 12.5161ZM3.48387 13.6452C3.18443 13.6452 2.89726 13.5262 2.68552 13.3145C2.47379 13.1027 2.35484 12.8156 2.35484 12.5161V3.48387C2.35484 3.18443 2.47379 2.89726 2.68552 2.68552C2.89726 2.47379 3.18443 2.35484 3.48387 2.35484H12.5161C12.8156 2.35484 13.1027 2.47379 13.3145 2.68552C13.5262 2.89726 13.6452 3.18443 13.6452 3.48387V12.5161C13.6452 12.8156 13.5262 13.1027 13.3145 13.3145C13.1027 13.5262 12.8156 13.6452 12.5161 13.6452H3.48387Z", fill: "#6E6E6E" }),
6
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.1786 11.1966C10.9227 11.4511 10.5089 11.45 10.2543 11.1941L5.03979 5.95182C4.78524 5.69592 4.78634 5.28211 5.04224 5.02756C5.29815 4.77301 5.71196 4.77411 5.9665 5.03002L11.181 10.2723C11.4356 10.5282 11.4345 10.942 11.1786 11.1966Z", fill: "#6E6E6E" }),
7
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.7311 5.99911C10.3702 5.99811 10.0768 6.2899 10.0758 6.65084L10.0662 10.0778L6.6399 10.0688C6.27896 10.0679 5.98558 10.3597 5.98464 10.7207C5.98369 11.0816 6.27553 11.375 6.63647 11.3759L10.7162 11.3866C11.0771 11.3876 11.3705 11.0958 11.3715 10.7349L11.3829 6.65449C11.3839 6.29354 11.0921 6.00012 10.7311 5.99911Z", fill: "#6E6E6E" })));
8
- export default ScrollIcon;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IconProps } from './types';
3
- declare const ScrollIcon: React.FC<IconProps>;
4
- export default ScrollIcon;