@manuscripts/style-guide 2.1.7-LEAN-4424.0 → 2.1.7-LEAN-4432.0

package/dist/cjs/components/ContextMenu.js

@@ -58,6 +58,10 @@ const ContextMenuIconButton = (0, styled_components_1.default)(Button_1.IconButt
     background-color: #f2f2f2;
     border-color: #f2f2f2;
   }
+  &[disabled] {
+    color: #c9c9c9 !important;
+    background-color: #fff !important;
+  }
 `;
 const icons = Object.entries(Icons).reduce((acc, [name, IconComponent]) => {
     const iconName = name.replace(/Icon$/, '');
@@ -66,7 +70,7 @@ const icons = Object.entries(Icons).reduce((acc, [name, IconComponent]) => {
 }, {});
 const ContextMenu = ({ actions }) => (react_1.default.createElement(Button_1.IconButtonGroup, { size: 32 }, actions.map((action) => {
     const Icon = icons[action.icon];
-    return (react_1.default.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.action, className: action.selected ? 'selected' : '' },
+    return (react_1.default.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.disabled === true ? () => null : action.action, className: action.selected ? 'selected' : '', disabled: !!action.disabled },
         react_1.default.createElement(Icon, { width: 18, height: 18 }),
         react_1.default.createElement(Tooltip_1.Tooltip, { id: action.icon, place: "bottom" }, action.label)));
 })));

package/dist/cjs/components/icons/add-figure.js

@@ -0,0 +1,26 @@
+"use strict";
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const AddFigureIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M14.5 15.5H1.5C0.948 15.5 0.5 15.052 0.5 14.5V1.5C0.5 0.948 0.948 0.5 1.5 0.5H14.5C15.052 0.5 15.5 0.948 15.5 1.5V14.5C15.5 15.052 15.052 15.5 14.5 15.5Z", stroke: "#353535", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("path", { d: "M2.5 12.5L9.5 7.5L13.5 11.5", stroke: "#353535", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("path", { d: "M4.5 7C5.32843 7 6 6.32843 6 5.5C6 4.67157 5.32843 4 4.5 4C3.67157 4 3 4.67157 3 5.5C3 6.32843 3.67157 7 4.5 7Z", fill: "#353535" })));
+exports.default = AddFigureIcon;

package/dist/cjs/components/icons/index.js

@@ -18,13 +18,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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.DraggableIcon = exports.DotsIcon = exports.DeleteIcon = exports.DeleteSolidIcon = exports.CorrespondingAuthorIcon = exports.CommentIcon = exports.CommentResolveIcon = exports.CommentReplyIcon = exports.CitationCountIcon = exports.SystemUserAvatarIcon = exports.BookIcon = exports.AffiliationPlaceholderIcon = exports.AuthorPlaceholderIcon = exports.AffiliationIcon = 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.AddOutlineIcon = exports.AddNewIcon = exports.AddedIcon = exports.AddCommentIcon = exports.AddAuthorIcon = void 0;
-exports.UploadIcon = exports.TriangleExpandedIcon = exports.TriangleCollapsedIcon = exports.ToolbarUnindentIcon = exports.ToolbarIndentIcon = 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.TickIcon = exports.TaskStepDoneIcon = exports.SliderOnIcon = exports.SliderOffIcon = 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 = exports.OutlineManuscriptIcon = exports.OutlineFigureIcon = exports.OutlineEmbedIcon = exports.OutlineEquationIcon = exports.OutlineCodeIcon = exports.OutlineBlockQuoteIcon = exports.ManuscriptIcon = exports.LogoutIcon = exports.LockIcon = exports.LinkIcon = exports.ImageRightIcon = exports.ImageDefaultIcon = exports.ImageLeftIcon = void 0;
+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.DraggableIcon = exports.DotsIcon = exports.DeleteIcon = exports.DeleteSolidIcon = exports.CorrespondingAuthorIcon = exports.CommentIcon = exports.CommentResolveIcon = exports.CommentReplyIcon = exports.CitationCountIcon = exports.SystemUserAvatarIcon = exports.BookIcon = exports.AffiliationPlaceholderIcon = exports.AuthorPlaceholderIcon = exports.AffiliationIcon = 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.AddOutlineIcon = exports.AddNewIcon = exports.AddedIcon = exports.AddFigureIcon = exports.AddCommentIcon = exports.AddAuthorIcon = void 0;
+exports.UploadIcon = exports.TriangleExpandedIcon = exports.TriangleCollapsedIcon = exports.ToolbarUnindentIcon = exports.ToolbarIndentIcon = 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.TickIcon = exports.TaskStepDoneIcon = exports.SliderOnIcon = exports.SliderOffIcon = 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 = exports.OutlineManuscriptIcon = exports.OutlineFigureIcon = exports.OutlineEmbedIcon = exports.OutlineEquationIcon = exports.OutlineCodeIcon = exports.OutlineBlockQuoteIcon = exports.ManuscriptIcon = exports.LogoutIcon = exports.LinkIcon = exports.ImageRightIcon = exports.ImageDefaultIcon = exports.ImageLeftIcon = exports.HelpIcon = void 0;
 exports.AddInstitutionIcon = exports.AddUserIcon = exports.ProfileIcon = exports.CrclTickAnimation = exports.VerticalEllipsisIcon = void 0;
 var add_author_1 = require("./add-author");
 Object.defineProperty(exports, "AddAuthorIcon", { enumerable: true, get: function () { return __importDefault(add_author_1).default; } });
 var add_comment_1 = require("./add-comment");
 Object.defineProperty(exports, "AddCommentIcon", { enumerable: true, get: function () { return __importDefault(add_comment_1).default; } });
+var add_figure_1 = require("./add-figure");
+Object.defineProperty(exports, "AddFigureIcon", { enumerable: true, get: function () { return __importDefault(add_figure_1).default; } });
 var added_1 = require("./added");
 Object.defineProperty(exports, "AddedIcon", { enumerable: true, get: function () { return __importDefault(added_1).default; } });
 var add_new_1 = require("./add-new");
@@ -129,8 +131,6 @@ var image_right_1 = require("./image-right");
 Object.defineProperty(exports, "ImageRightIcon", { enumerable: true, get: function () { return __importDefault(image_right_1).default; } });
 var link_1 = require("./link");
 Object.defineProperty(exports, "LinkIcon", { enumerable: true, get: function () { return __importDefault(link_1).default; } });
-var lock_1 = require("./lock");
-Object.defineProperty(exports, "LockIcon", { enumerable: true, get: function () { return __importDefault(lock_1).default; } });
 var logout_1 = require("./logout");
 Object.defineProperty(exports, "LogoutIcon", { enumerable: true, get: function () { return __importDefault(logout_1).default; } });
 var manuscript_1 = require("./manuscript");

package/dist/es/components/ContextMenu.js

@@ -29,6 +29,10 @@ const ContextMenuIconButton = styled(IconButton) `
     background-color: #f2f2f2;
     border-color: #f2f2f2;
   }
+  &[disabled] {
+    color: #c9c9c9 !important;
+    background-color: #fff !important;
+  }
 `;
 const icons = Object.entries(Icons).reduce((acc, [name, IconComponent]) => {
     const iconName = name.replace(/Icon$/, '');
@@ -37,7 +41,7 @@ const icons = Object.entries(Icons).reduce((acc, [name, IconComponent]) => {
 }, {});
 export const ContextMenu = ({ actions }) => (React.createElement(IconButtonGroup, { size: 32 }, actions.map((action) => {
     const Icon = icons[action.icon];
-    return (React.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.action, className: action.selected ? 'selected' : '' },
+    return (React.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.disabled === true ? () => null : action.action, className: action.selected ? 'selected' : '', disabled: !!action.disabled },
         React.createElement(Icon, { width: 18, height: 18 }),
         React.createElement(Tooltip, { id: action.icon, place: "bottom" }, action.label)));
 })));

package/dist/es/components/icons/add-figure.js

@@ -0,0 +1,21 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+const AddFigureIcon = (props) => (React.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    React.createElement("path", { d: "M14.5 15.5H1.5C0.948 15.5 0.5 15.052 0.5 14.5V1.5C0.5 0.948 0.948 0.5 1.5 0.5H14.5C15.052 0.5 15.5 0.948 15.5 1.5V14.5C15.5 15.052 15.052 15.5 14.5 15.5Z", stroke: "#353535", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M2.5 12.5L9.5 7.5L13.5 11.5", stroke: "#353535", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M4.5 7C5.32843 7 6 6.32843 6 5.5C6 4.67157 5.32843 4 4.5 4C3.67157 4 3 4.67157 3 5.5C3 6.32843 3.67157 7 4.5 7Z", fill: "#353535" })));
+export default AddFigureIcon;

package/dist/es/components/icons/index.js

@@ -15,6 +15,7 @@
  */
 export { default as AddAuthorIcon } from './add-author';
 export { default as AddCommentIcon } from './add-comment';
+export { default as AddFigureIcon } from './add-figure';
 export { default as AddedIcon } from './added';
 export { default as AddNewIcon } from './add-new';
 export { default as AddOutlineIcon } from './add-outline';
@@ -67,7 +68,6 @@ export { default as ImageLeftIcon } from './image-left';
 export { default as ImageDefaultIcon } from './image-default';
 export { default as ImageRightIcon } from './image-right';
 export { default as LinkIcon } from './link';
-export { default as LockIcon } from './lock';
 export { default as LogoutIcon } from './logout';
 export { default as ManuscriptIcon } from './manuscript';
 export { default as OutlineBlockQuoteIcon } from './outline-block-quote';

package/dist/types/components/ContextMenu.d.ts

@@ -18,6 +18,7 @@ export interface Actions {
     label: string;
     action: () => void;
     icon: string;
+    disabled?: boolean;
     selected?: boolean;
 }
 export interface ContextMenuProps {

package/dist/types/components/icons/add-figure.d.ts

@@ -0,0 +1,19 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { IconProps } from './types';
+declare const AddFigureIcon: (props: IconProps) => React.JSX.Element;
+export default AddFigureIcon;

package/dist/types/components/icons/index.d.ts

@@ -15,6 +15,7 @@
  */
 export { default as AddAuthorIcon } from './add-author';
 export { default as AddCommentIcon } from './add-comment';
+export { default as AddFigureIcon } from './add-figure';
 export { default as AddedIcon } from './added';
 export { default as AddNewIcon } from './add-new';
 export { default as AddOutlineIcon } from './add-outline';
@@ -67,7 +68,6 @@ export { default as ImageLeftIcon } from './image-left';
 export { default as ImageDefaultIcon } from './image-default';
 export { default as ImageRightIcon } from './image-right';
 export { default as LinkIcon } from './link';
-export { default as LockIcon } from './lock';
 export { default as LogoutIcon } from './logout';
 export { default as ManuscriptIcon } from './manuscript';
 export { default as OutlineBlockQuoteIcon } from './outline-block-quote';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "2.1.7-LEAN-4424.0",
+  "version": "2.1.7-LEAN-4432.0",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",

package/dist/cjs/components/icons/lock.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const LockIcon = (props) => (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.5 8C2.5 7.17158 3.17157 6.5 4 6.5H12C12.8284 6.5 13.5 7.17158 13.5 8V14C13.5 14.8284 12.8284 15.5 12 15.5H4C3.17157 15.5 2.5 14.8284 2.5 14V8ZM4 7.5C3.72386 7.5 3.5 7.72386 3.5 8V14C3.5 14.2761 3.72386 14.5 4 14.5H12C12.2761 14.5 12.5 14.2761 12.5 14V8C12.5 7.72386 12.2761 7.5 12 7.5H4Z", fill: "#6E6E6E" }),
-    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 6.75V4.5C10.5 3.11929 9.38071 2 8 2C6.61929 2 5.5 3.11929 5.5 4.5V7C5.5 7.27614 5.27614 7.5 5 7.5C4.72386 7.5 4.5 7.27614 4.5 7V4.5C4.5 2.567 6.067 1 8 1C9.933 1 11.5 2.567 11.5 4.5V6.75C11.5 7.02614 11.2761 7.25 11 7.25C10.7239 7.25 10.5 7.02614 10.5 6.75Z", fill: "#6E6E6E" }),
-    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 10.5C8.27614 10.5 8.5 10.7239 8.5 11V13C8.5 13.2761 8.27614 13.5 8 13.5C7.72386 13.5 7.5 13.2761 7.5 13V11C7.5 10.7239 7.72386 10.5 8 10.5Z", fill: "#6E6E6E" }),
-    react_1.default.createElement("path", { d: "M9.5 10.5C9.5 11.3284 8.82843 12 8 12C7.17157 12 6.5 11.3284 6.5 10.5C6.5 9.67158 7.17157 9 8 9C8.82843 9 9.5 9.67158 9.5 10.5Z", fill: "#6E6E6E" })));
-exports.default = LockIcon;

package/dist/es/components/icons/lock.js

@@ -1,7 +0,0 @@
-import React from 'react';
-const LockIcon = (props) => (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.5 8C2.5 7.17158 3.17157 6.5 4 6.5H12C12.8284 6.5 13.5 7.17158 13.5 8V14C13.5 14.8284 12.8284 15.5 12 15.5H4C3.17157 15.5 2.5 14.8284 2.5 14V8ZM4 7.5C3.72386 7.5 3.5 7.72386 3.5 8V14C3.5 14.2761 3.72386 14.5 4 14.5H12C12.2761 14.5 12.5 14.2761 12.5 14V8C12.5 7.72386 12.2761 7.5 12 7.5H4Z", fill: "#6E6E6E" }),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 6.75V4.5C10.5 3.11929 9.38071 2 8 2C6.61929 2 5.5 3.11929 5.5 4.5V7C5.5 7.27614 5.27614 7.5 5 7.5C4.72386 7.5 4.5 7.27614 4.5 7V4.5C4.5 2.567 6.067 1 8 1C9.933 1 11.5 2.567 11.5 4.5V6.75C11.5 7.02614 11.2761 7.25 11 7.25C10.7239 7.25 10.5 7.02614 10.5 6.75Z", fill: "#6E6E6E" }),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 10.5C8.27614 10.5 8.5 10.7239 8.5 11V13C8.5 13.2761 8.27614 13.5 8 13.5C7.72386 13.5 7.5 13.2761 7.5 13V11C7.5 10.7239 7.72386 10.5 8 10.5Z", fill: "#6E6E6E" }),
-    React.createElement("path", { d: "M9.5 10.5C9.5 11.3284 8.82843 12 8 12C7.17157 12 6.5 11.3284 6.5 10.5C6.5 9.67158 7.17157 9 8 9C8.82843 9 9.5 9.67158 9.5 10.5Z", fill: "#6E6E6E" })));
-export default LockIcon;

package/dist/types/components/icons/lock.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from './types';
-declare const LockIcon: React.FC<IconProps>;
-export default LockIcon;