scorer-ui-kit 2.0.2 → 2.0.4

package/dist/Global/index.d.ts

@@ -32,6 +32,7 @@ export interface IMenu {
     autoHideText?: string;
     defaultMenuOpen?: boolean;
     canAlwaysPin?: boolean;
+    onMenuToggle?: (isMenuOpen: boolean) => void;
 }
 export interface ICustomDrawer {
     customComponent: ReactElement;

package/dist/Global/templates/GlobalUI.d.ts

@@ -3,6 +3,7 @@ import { IMenu, ITopBar } from '..';
 interface OwnProps {
     maxWidth?: string;
     paddingOverride?: string;
+    onMenuToggle?: (isMenuOpen: boolean) => void;
 }
 declare type INavigation = OwnProps & IMenu & ITopBar;
 declare const GlobalUI: React.FC<INavigation>;

package/dist/index.js

@@ -13389,7 +13389,8 @@ var MainMenu = function MainMenu(_ref5) {
       _ref5$defaultMenuOpen = _ref5.defaultMenuOpen,
       defaultMenuOpen = _ref5$defaultMenuOpen === void 0 ? true : _ref5$defaultMenuOpen,
       _ref5$canAlwaysPin = _ref5.canAlwaysPin,
-      canAlwaysPin = _ref5$canAlwaysPin === void 0 ? false : _ref5$canAlwaysPin;
+      canAlwaysPin = _ref5$canAlwaysPin === void 0 ? false : _ref5$canAlwaysPin,
+      onMenuToggle = _ref5.onMenuToggle;
 
   var _useMenu = useMenu(defaultMenuOpen, canAlwaysPin),
       menuState = _useMenu.menuState,
@@ -13413,17 +13414,29 @@ var MainMenu = function MainMenu(_ref5) {
     }
 
     setMenuOpen();
-  }, [setMenuOpen]);
+
+    if (onMenuToggle) {
+      onMenuToggle(true);
+    }
+  }, [onMenuToggle, setMenuOpen]);
   var autoMenuClose = React.useCallback(function () {
     setMenuClose();
-  }, [setMenuClose]);
+
+    if (onMenuToggle) {
+      onMenuToggle(false);
+    }
+  }, [onMenuToggle, setMenuClose]);
   var toggleMenuPin = React.useCallback(function (e) {
     if (e.pointerType === 'touch') {
       return;
     }
 
     togglePinned();
-  }, [togglePinned]);
+
+    if (onMenuToggle) {
+      onMenuToggle(true);
+    }
+  }, [onMenuToggle, togglePinned]);
   var setFocusedContextCb = React.useCallback(function (contextKey) {
     if (contextKey === -1) {
       return;
@@ -14360,7 +14373,7 @@ var MobileNavbar = function MobileNavbar(_ref3) {
   })))));
 };
 
-var _excluded$J = ["content", "home", "openWidth", "logoMark", "logoText", "supportUrl", "defaultMenuOpen", "canAlwaysPin", "paddingOverride", "maxWidth", "children"];
+var _excluded$J = ["content", "home", "openWidth", "logoMark", "logoText", "supportUrl", "defaultMenuOpen", "canAlwaysPin", "paddingOverride", "maxWidth", "children", "onMenuToggle"];
 
 var GlobalUI = function GlobalUI(_ref) {
   var content = _ref.content,
@@ -14374,6 +14387,7 @@ var GlobalUI = function GlobalUI(_ref) {
       paddingOverride = _ref.paddingOverride,
       maxWidth = _ref.maxWidth,
       children = _ref.children,
+      onMenuToggle = _ref.onMenuToggle,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$J);
 
   var _useBreakpoints = useBreakpoints(),
@@ -14390,13 +14404,15 @@ var GlobalUI = function GlobalUI(_ref) {
     canAlwaysPin: canAlwaysPin
   })), React__default.createElement(MainContainer, null, React__default.createElement(TopBar, Object.assign({}, _extends({}, props))), React__default.createElement(ContentArea, Object.assign({}, {
     maxWidth: maxWidth,
-    paddingOverride: paddingOverride
+    paddingOverride: paddingOverride,
+    onMenuToggle: onMenuToggle
   }), children))) : React__default.createElement(MobileLayout, null, React__default.createElement(MobileNavbar, Object.assign({}, _extends({
     content: content,
     home: home,
     logoMark: logoMark,
     supportUrl: supportUrl,
-    defaultMenuOpen: defaultMenuOpen
+    defaultMenuOpen: defaultMenuOpen,
+    onMenuToggle: onMenuToggle
   }, props))), React__default.createElement(ContentArea, null, children));
 };