@manuscripts/style-guide 2.0.36-LEAN-4311.2 → 2.0.36-LEAN-4356.1

package/dist/cjs/components/Menus/Submenu.js

@@ -58,7 +58,6 @@ exports.NestedSubmenusContainer = (0, styled_components_1.default)(exports.Subme
   position: absolute;
   top: 0;
   left: 100%;
-  overflow: visible;
 `;
 const Separator = styled_components_1.default.div `
   height: 0;

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

@@ -0,0 +1,14 @@
+"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 IndentIcon = (props) => (react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("line", { x1: "13", y1: "6.5", x2: "20", y2: "6.5", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("line", { x1: "13", y1: "10.25", x2: "20", y2: "10.25", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("line", { x1: "13", y1: "14", x2: "20", y2: "14", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("line", { x1: "5.5", y1: "17.75", x2: "20", y2: "17.75", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.35742 10.4997C8.35742 11.3873 7.98843 12.1069 7.53325 12.1069L3.82445 12.1069C3.36927 12.1069 3.00028 11.3873 3.00028 10.4997C3.00028 9.61212 3.36927 8.89258 3.82445 8.89258L7.53325 8.89258C7.98843 8.89258 8.35742 9.61212 8.35742 10.4997Z", fill: "#6E6E6E" }),
+    react_1.default.createElement("path", { d: "M9.94931 10.3645C10.0169 10.4325 10.0169 10.5675 9.94931 10.6355L6.88351 13.7199C6.85861 13.7449 6.84202 13.7484 6.83586 13.7494C6.827 13.7508 6.81287 13.7502 6.79482 13.7416C6.76137 13.7257 6.71429 13.6808 6.71429 13.5844L6.71429 7.41561C6.71429 7.31919 6.76137 7.27433 6.79482 7.25839C6.81287 7.24979 6.827 7.2492 6.83586 7.25059C6.84202 7.25156 6.85861 7.25508 6.88351 7.28013L9.94931 10.3645Z", fill: "#6E6E6E", stroke: "#6E6E6E" })));
+exports.default = IndentIcon;

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.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.IndentIcon = 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");
@@ -122,6 +122,8 @@ var image_default_1 = require("./image-default");
 Object.defineProperty(exports, "ImageDefaultIcon", { enumerable: true, get: function () { return __importDefault(image_default_1).default; } });
 var image_right_1 = require("./image-right");
 Object.defineProperty(exports, "ImageRightIcon", { enumerable: true, get: function () { return __importDefault(image_right_1).default; } });
+var indent_1 = require("./indent");
+Object.defineProperty(exports, "IndentIcon", { enumerable: true, get: function () { return __importDefault(indent_1).default; } });
 var link_1 = require("./link");
 Object.defineProperty(exports, "LinkIcon", { enumerable: true, get: function () { return __importDefault(link_1).default; } });
 var logout_1 = require("./logout");

package/dist/cjs/hooks/use-menus.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenus = void 0;
 const react_1 = require("react");
 const menus_1 = require("../lib/menus");
-const initialPointer = [-1, -1, -1, -1];
+const initialPointer = [-1, -1, -1];
 const transformPointer = (depth, index) => (pointer) => pointer.map((pointerPart, i) => {
     if (i === depth) {
         return index;
@@ -14,8 +14,7 @@ const transformPointer = (depth, index) => (pointer) => pointer.map((pointerPart
     return pointerPart;
 });
 const isPart = (pointer, position) => {
-    const max = initialPointer.length;
-    const limit = position.length < max ? position.length : max;
+    const limit = position.length < 3 ? position.length : 3;
     for (let i = 0; i < limit; i++) {
         if (position[i] !== pointer[i]) {
             return false;
@@ -61,7 +60,7 @@ const useMenus = (menus) => {
         }
         if (menu.run) {
             menu.run();
-            setPointer(initialPointer);
+            setPointer([-1, -1, -1]);
         }
         else if (menu.submenu) {
             const depth = indices.length - 1;
@@ -73,7 +72,7 @@ const useMenus = (menus) => {
     (0, react_1.useEffect)(() => {
         const handleClickOutside = (event) => {
             if (ref.current && !ref.current.contains(event.target)) {
-                setPointer(initialPointer);
+                setPointer([-1, -1, -1]);
             }
         };
         document.addEventListener('click', handleClickOutside);

package/dist/es/components/Menus/Submenu.js

@@ -52,7 +52,6 @@ export const NestedSubmenusContainer = styled(SubmenusContainer) `
   position: absolute;
   top: 0;
   left: 100%;
-  overflow: visible;
 `;
 const Separator = styled.div `
   height: 0;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+const IndentIcon = (props) => (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("line", { x1: "13", y1: "6.5", x2: "20", y2: "6.5", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("line", { x1: "13", y1: "10.25", x2: "20", y2: "10.25", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("line", { x1: "13", y1: "14", x2: "20", y2: "14", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("line", { x1: "5.5", y1: "17.75", x2: "20", y2: "17.75", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.35742 10.4997C8.35742 11.3873 7.98843 12.1069 7.53325 12.1069L3.82445 12.1069C3.36927 12.1069 3.00028 11.3873 3.00028 10.4997C3.00028 9.61212 3.36927 8.89258 3.82445 8.89258L7.53325 8.89258C7.98843 8.89258 8.35742 9.61212 8.35742 10.4997Z", fill: "#6E6E6E" }),
+    React.createElement("path", { d: "M9.94931 10.3645C10.0169 10.4325 10.0169 10.5675 9.94931 10.6355L6.88351 13.7199C6.85861 13.7449 6.84202 13.7484 6.83586 13.7494C6.827 13.7508 6.81287 13.7502 6.79482 13.7416C6.76137 13.7257 6.71429 13.6808 6.71429 13.5844L6.71429 7.41561C6.71429 7.31919 6.76137 7.27433 6.79482 7.25839C6.81287 7.24979 6.827 7.2492 6.83586 7.25059C6.84202 7.25156 6.85861 7.25508 6.88351 7.28013L9.94931 10.3645Z", fill: "#6E6E6E", stroke: "#6E6E6E" })));
+export default IndentIcon;

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

@@ -64,6 +64,7 @@ export { default as HelpIcon } from './help';
 export { default as ImageLeftIcon } from './image-left';
 export { default as ImageDefaultIcon } from './image-default';
 export { default as ImageRightIcon } from './image-right';
+export { default as IndentIcon } from './indent';
 export { default as LinkIcon } from './link';
 export { default as LogoutIcon } from './logout';
 export { default as OutlineBlockQuoteIcon } from './outline-block-quote';

package/dist/es/hooks/use-menus.js

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { isMenuSeparator, } from '../lib/menus';
-const initialPointer = [-1, -1, -1, -1];
+const initialPointer = [-1, -1, -1];
 const transformPointer = (depth, index) => (pointer) => pointer.map((pointerPart, i) => {
     if (i === depth) {
         return index;
@@ -11,8 +11,7 @@ const transformPointer = (depth, index) => (pointer) => pointer.map((pointerPart
     return pointerPart;
 });
 const isPart = (pointer, position) => {
-    const max = initialPointer.length;
-    const limit = position.length < max ? position.length : max;
+    const limit = position.length < 3 ? position.length : 3;
     for (let i = 0; i < limit; i++) {
         if (position[i] !== pointer[i]) {
             return false;
@@ -58,7 +57,7 @@ export const useMenus = (menus) => {
         }
         if (menu.run) {
             menu.run();
-            setPointer(initialPointer);
+            setPointer([-1, -1, -1]);
         }
         else if (menu.submenu) {
             const depth = indices.length - 1;
@@ -70,7 +69,7 @@ export const useMenus = (menus) => {
     useEffect(() => {
         const handleClickOutside = (event) => {
             if (ref.current && !ref.current.contains(event.target)) {
-                setPointer(initialPointer);
+                setPointer([-1, -1, -1]);
             }
         };
         document.addEventListener('click', handleClickOutside);

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

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

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

@@ -64,6 +64,7 @@ export { default as HelpIcon } from './help';
 export { default as ImageLeftIcon } from './image-left';
 export { default as ImageDefaultIcon } from './image-default';
 export { default as ImageRightIcon } from './image-right';
+export { default as IndentIcon } from './indent';
 export { default as LinkIcon } from './link';
 export { default as LogoutIcon } from './logout';
 export { default as OutlineBlockQuoteIcon } from './outline-block-quote';

package/dist/types/lib/menus.d.ts

@@ -41,4 +41,4 @@ export type MenuSeparator = {
     role: 'separator';
 };
 export declare const isMenuSeparator: (menu: any) => menu is MenuSeparator;
-export type MenuPointer = [number, number, number, number];
+export type MenuPointer = [number, number, number];

package/package.json

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