scorer-ui-kit 2.0.4 → 2.0.5

package/dist/index.js

@@ -13390,7 +13390,8 @@ var MainMenu = function MainMenu(_ref5) {
       defaultMenuOpen = _ref5$defaultMenuOpen === void 0 ? true : _ref5$defaultMenuOpen,
       _ref5$canAlwaysPin = _ref5.canAlwaysPin,
       canAlwaysPin = _ref5$canAlwaysPin === void 0 ? false : _ref5$canAlwaysPin,
-      onMenuToggle = _ref5.onMenuToggle;
+      _ref5$onMenuToggle = _ref5.onMenuToggle,
+      onMenuToggle = _ref5$onMenuToggle === void 0 ? function () {} : _ref5$onMenuToggle;
 
   var _useMenu = useMenu(defaultMenuOpen, canAlwaysPin),
       menuState = _useMenu.menuState,
@@ -13414,29 +13415,20 @@ var MainMenu = function MainMenu(_ref5) {
     }
 
     setMenuOpen();
-
-    if (onMenuToggle) {
-      onMenuToggle(true);
-    }
-  }, [onMenuToggle, setMenuOpen]);
+  }, [setMenuOpen]);
   var autoMenuClose = React.useCallback(function () {
     setMenuClose();
-
-    if (onMenuToggle) {
-      onMenuToggle(false);
-    }
-  }, [onMenuToggle, setMenuClose]);
+  }, [setMenuClose]);
   var toggleMenuPin = React.useCallback(function (e) {
     if (e.pointerType === 'touch') {
       return;
     }
 
     togglePinned();
-
-    if (onMenuToggle) {
-      onMenuToggle(true);
-    }
-  }, [onMenuToggle, togglePinned]);
+  }, [togglePinned]);
+  React.useEffect(function () {
+    onMenuToggle(menuState.isMenuOpen);
+  }, [menuState.isMenuOpen, onMenuToggle]);
   var setFocusedContextCb = React.useCallback(function (contextKey) {
     if (contextKey === -1) {
       return;
@@ -14401,18 +14393,17 @@ var GlobalUI = function GlobalUI(_ref) {
     logoText: logoText,
     supportUrl: supportUrl,
     defaultMenuOpen: defaultMenuOpen,
-    canAlwaysPin: canAlwaysPin
+    canAlwaysPin: canAlwaysPin,
+    onMenuToggle: onMenuToggle
   })), React__default.createElement(MainContainer, null, React__default.createElement(TopBar, Object.assign({}, _extends({}, props))), React__default.createElement(ContentArea, Object.assign({}, {
     maxWidth: maxWidth,
-    paddingOverride: paddingOverride,
-    onMenuToggle: onMenuToggle
+    paddingOverride: paddingOverride
   }), children))) : React__default.createElement(MobileLayout, null, React__default.createElement(MobileNavbar, Object.assign({}, _extends({
     content: content,
     home: home,
     logoMark: logoMark,
     supportUrl: supportUrl,
-    defaultMenuOpen: defaultMenuOpen,
-    onMenuToggle: onMenuToggle
+    defaultMenuOpen: defaultMenuOpen
   }, props))), React__default.createElement(ContentArea, null, children));
 };