@manuscripts/style-guide 2.1.2-LEAN-4366.0 → 2.1.3

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

@@ -58,6 +58,7 @@ 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/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];
+const initialPointer = [-1, -1, -1, -1];
 const transformPointer = (depth, index) => (pointer) => pointer.map((pointerPart, i) => {
     if (i === depth) {
         return index;
@@ -14,7 +14,8 @@ const transformPointer = (depth, index) => (pointer) => pointer.map((pointerPart
     return pointerPart;
 });
 const isPart = (pointer, position) => {
-    const limit = position.length < 3 ? position.length : 3;
+    const max = initialPointer.length;
+    const limit = position.length < max ? position.length : max;
     for (let i = 0; i < limit; i++) {
         if (position[i] !== pointer[i]) {
             return false;
@@ -60,7 +61,7 @@ const useMenus = (menus) => {
         }
         if (menu.run) {
             menu.run();
-            setPointer([-1, -1, -1]);
+            setPointer(initialPointer);
         }
         else if (menu.submenu) {
             const depth = indices.length - 1;
@@ -72,7 +73,7 @@ const useMenus = (menus) => {
     (0, react_1.useEffect)(() => {
         const handleClickOutside = (event) => {
             if (ref.current && !ref.current.contains(event.target)) {
-                setPointer([-1, -1, -1]);
+                setPointer(initialPointer);
             }
         };
         document.addEventListener('click', handleClickOutside);

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

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

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

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];
+export type MenuPointer = [number, number, number, number];

package/package.json

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