@manuscripts/style-guide 2.0.35-LEAN-4304-v0.0 → 2.0.35-LEAN-4314.0

package/dist/cjs/components/ContextMenu.js

@@ -14,29 +14,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -45,7 +22,7 @@ exports.ContextMenu = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("./Button");
-const Icons = __importStar(require("./icons"));
+const icons_1 = require("./icons");
 const Tooltip_1 = require("./Tooltip");
 const ContextMenuIconButton = (0, styled_components_1.default)(Button_1.IconButton) `
   color: #6e6e6e;
@@ -59,15 +36,20 @@ const ContextMenuIconButton = (0, styled_components_1.default)(Button_1.IconButt
     border-color: #f2f2f2;
   }
 `;
-const icons = Object.entries(Icons).reduce((acc, [name, IconComponent]) => {
-    const iconName = name.replace(/Icon$/, '');
-    acc[iconName] = IconComponent;
-    return acc;
-}, {});
+const icons = {
+    AddComment: icons_1.AddCommentIcon,
+    Edit: icons_1.EditIcon,
+    AddOutline: icons_1.AddOutlineIcon,
+    Scroll: icons_1.ScrollIcon,
+    Delete: icons_1.DeleteIcon,
+    ImageDefault: icons_1.ImageDefaultIcon,
+    ImageLeft: icons_1.ImageLeftIcon,
+    ImageRight: icons_1.ImageRightIcon,
+};
 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' : '' },
-        react_1.default.createElement(Icon, { width: 18, height: 18 }),
+        react_1.default.createElement(Icon, null),
         react_1.default.createElement(Tooltip_1.Tooltip, { id: action.icon, place: "bottom" }, action.label)));
 })));
 exports.ContextMenu = ContextMenu;

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

@@ -19,7 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageDefaultIcon = exports.ImageLeftIcon = 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.CommentResolveIcon = exports.CommentReplyIcon = exports.CitationCountIcon = exports.SystemUserAvatarIcon = 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.AddInstitutionIcon = exports.AddUserIcon = exports.ProfileIcon = exports.CrclTickAnimation = 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.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.LogoutIcon = exports.LinkIcon = exports.ImageRightIcon = void 0;
+exports.AddInstitutionIcon = exports.AddUserIcon = exports.ProfileIcon = exports.CrclTickAnimation = 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.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.LogoutIcon = exports.LinkIcon = exports.ImageRightIcon = 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");
@@ -174,6 +174,8 @@ var slider_on_1 = require("./slider-on");
 Object.defineProperty(exports, "SliderOnIcon", { enumerable: true, get: function () { return __importDefault(slider_on_1).default; } });
 var task_step_done_1 = require("./task-step-done");
 Object.defineProperty(exports, "TaskStepDoneIcon", { enumerable: true, get: function () { return __importDefault(task_step_done_1).default; } });
+var tick_1 = require("./tick");
+Object.defineProperty(exports, "TickIcon", { enumerable: true, get: function () { return __importDefault(tick_1).default; } });
 var toolbar_bold_1 = require("./toolbar-bold");
 Object.defineProperty(exports, "ToolbarBoldIcon", { enumerable: true, get: function () { return __importDefault(toolbar_bold_1).default; } });
 var toolbar_citation_1 = require("./toolbar-citation");

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

@@ -0,0 +1,9 @@
+"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 TickIcon = (props) => (react_1.default.createElement("svg", { width: "14", height: "12", viewBox: "0 0 14 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("path", { d: "M2.26296 5.27695C1.76426 4.67329 0.958698 4.6576 0.453885 5.25348L0.738765 4.91721C0.238342 5.50791 0.239155 6.4752 0.735001 7.07101L4.1106 11.1271C4.60894 11.726 5.43049 11.7459 5.94204 11.1756L13.2477 3.03111C13.7608 2.45906 13.7755 1.52164 13.2707 0.925762L13.5556 1.26203C13.0552 0.671335 12.228 0.656796 11.7131 1.22411L5.01293 8.60571L2.26296 5.27695Z", fill: "#36B260" })));
+exports.default = TickIcon;

package/dist/es/components/ContextMenu.js

@@ -16,7 +16,7 @@
 import React from 'react';
 import styled from 'styled-components';
 import { IconButton, IconButtonGroup } from './Button';
-import * as Icons from './icons';
+import { AddCommentIcon, AddOutlineIcon, DeleteIcon, EditIcon, ImageDefaultIcon, ImageLeftIcon, ImageRightIcon, ScrollIcon, } from './icons';
 import { Tooltip } from './Tooltip';
 const ContextMenuIconButton = styled(IconButton) `
   color: #6e6e6e;
@@ -30,14 +30,19 @@ const ContextMenuIconButton = styled(IconButton) `
     border-color: #f2f2f2;
   }
 `;
-const icons = Object.entries(Icons).reduce((acc, [name, IconComponent]) => {
-    const iconName = name.replace(/Icon$/, '');
-    acc[iconName] = IconComponent;
-    return acc;
-}, {});
+const icons = {
+    AddComment: AddCommentIcon,
+    Edit: EditIcon,
+    AddOutline: AddOutlineIcon,
+    Scroll: ScrollIcon,
+    Delete: DeleteIcon,
+    ImageDefault: ImageDefaultIcon,
+    ImageLeft: ImageLeftIcon,
+    ImageRight: ImageRightIcon,
+};
 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' : '' },
-        React.createElement(Icon, { width: 18, height: 18 }),
+        React.createElement(Icon, null),
         React.createElement(Tooltip, { id: action.icon, place: "bottom" }, action.label)));
 })));

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

@@ -90,6 +90,7 @@ export { default as SectionCategoryIcon } from './section-category';
 export { default as SliderOffIcon } from './slider-off';
 export { default as SliderOnIcon } from './slider-on';
 export { default as TaskStepDoneIcon } from './task-step-done';
+export { default as TickIcon } from './tick';
 export { default as ToolbarBoldIcon } from './toolbar-bold';
 export { default as ToolbarCitationIcon } from './toolbar-citation';
 export { default as ToolbarCodeIcon } from './toolbar-code';

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

@@ -0,0 +1,4 @@
+import React from 'react';
+const TickIcon = (props) => (React.createElement("svg", { width: "14", height: "12", viewBox: "0 0 14 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M2.26296 5.27695C1.76426 4.67329 0.958698 4.6576 0.453885 5.25348L0.738765 4.91721C0.238342 5.50791 0.239155 6.4752 0.735001 7.07101L4.1106 11.1271C4.60894 11.726 5.43049 11.7459 5.94204 11.1756L13.2477 3.03111C13.7608 2.45906 13.7755 1.52164 13.2707 0.925762L13.5556 1.26203C13.0552 0.671335 12.228 0.656796 11.7131 1.22411L5.01293 8.60571L2.26296 5.27695Z", fill: "#36B260" })));
+export default TickIcon;

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

@@ -23,9 +23,4 @@ export interface Actions {
 export interface ContextMenuProps {
     actions: Actions[];
 }
-export interface IconProps {
-    width?: number | string;
-    height?: number | string;
-    color?: string;
-}
 export declare const ContextMenu: React.FC<ContextMenuProps>;

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

@@ -90,6 +90,7 @@ export { default as SectionCategoryIcon } from './section-category';
 export { default as SliderOffIcon } from './slider-off';
 export { default as SliderOnIcon } from './slider-on';
 export { default as TaskStepDoneIcon } from './task-step-done';
+export { default as TickIcon } from './tick';
 export { default as ToolbarBoldIcon } from './toolbar-bold';
 export { default as ToolbarCitationIcon } from './toolbar-citation';
 export { default as ToolbarCodeIcon } from './toolbar-code';

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "2.0.35-LEAN-4304-v0.0",
+  "version": "2.0.35-LEAN-4314.0",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",