labsense-ui-kit 1.3.78 → 1.3.80

package/dist/index.js

@@ -10802,7 +10802,7 @@ var ProgressBar = function ProgressBar(_ref3) {
 };
 
 var _templateObject$n, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$8, _templateObject6$8, _templateObject7$6, _templateObject8$5, _templateObject9$5;
-var MOBILE_BREAKPOINT = '768px';
+var MOBILE_BREAKPOINT = '992px';
 var Overlay = styled__default.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n  display: none;\n  \n  @media (max-width: ", ") {\n    display: block;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.5);\n    z-index: 997;\n    opacity: ", ";\n    visibility: ", ";\n    transition: opacity 0.3s ease, visibility 0.3s ease;\n  }\n"])), MOBILE_BREAKPOINT, function (_ref) {
   var $isOpen = _ref.$isOpen;
   return $isOpen ? 1 : 0;
@@ -10932,10 +10932,20 @@ var Sidebar = function Sidebar(_ref26) {
       window.removeEventListener('resize', checkMobile);
     };
   }, []);
+  React.useEffect(function () {
+    if (isMobile) {
+      setIsExpanded(true);
+    }
+  }, [isMobile, setIsExpanded]);
   React.useEffect(function () {
     isExpandedRef.current = isExpanded;
     if (!isExpanded) setOpenMenus({});
   }, [isExpanded]);
+  React.useEffect(function () {
+    if (isMobile && !isMobileOpen) {
+      setOpenMenus({});
+    }
+  }, [isMobile, isMobileOpen]);
   var toggleMobileMenu = React.useCallback(function () {
     setIsMobileOpen(function (prev) {
       return !prev;
@@ -11236,7 +11246,7 @@ var Sidebar = function Sidebar(_ref26) {
       isActive: active,
       isOpen: isOpen,
       hasChildren: hasChildren,
-      isExpanded: isMobile ? isMobileOpen : isExpanded,
+      isExpanded: isMobile ? true : isExpanded,
       onToggle: function onToggle() {
         return toggleMenu(item.id);
       },