labsense-ui-kit 1.3.79 → 1.3.81
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +7 -5
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +7 -5
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -10798,7 +10798,7 @@ var ProgressBar = function ProgressBar(_ref3) {
|
|
|
10798
10798
|
};
|
|
10799
10799
|
|
|
10800
10800
|
var _templateObject$n, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$8, _templateObject6$8, _templateObject7$6, _templateObject8$5, _templateObject9$5;
|
|
10801
|
-
var MOBILE_BREAKPOINT = '
|
|
10801
|
+
var MOBILE_BREAKPOINT = '992px';
|
|
10802
10802
|
var Overlay = styled.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) {
|
|
10803
10803
|
var $isOpen = _ref.$isOpen;
|
|
10804
10804
|
return $isOpen ? 1 : 0;
|
|
@@ -10920,7 +10920,7 @@ var Sidebar = function Sidebar(_ref26) {
|
|
|
10920
10920
|
badgePortalContainer = _useState4[0];
|
|
10921
10921
|
useEffect(function () {
|
|
10922
10922
|
var checkMobile = function checkMobile() {
|
|
10923
|
-
setIsMobile(window.innerWidth <=
|
|
10923
|
+
setIsMobile(window.innerWidth <= 992);
|
|
10924
10924
|
};
|
|
10925
10925
|
checkMobile();
|
|
10926
10926
|
window.addEventListener('resize', checkMobile);
|
|
@@ -10928,6 +10928,11 @@ var Sidebar = function Sidebar(_ref26) {
|
|
|
10928
10928
|
window.removeEventListener('resize', checkMobile);
|
|
10929
10929
|
};
|
|
10930
10930
|
}, []);
|
|
10931
|
+
useEffect(function () {
|
|
10932
|
+
if (isMobile) {
|
|
10933
|
+
setIsExpanded(true);
|
|
10934
|
+
}
|
|
10935
|
+
}, [isMobile, setIsExpanded]);
|
|
10931
10936
|
useEffect(function () {
|
|
10932
10937
|
isExpandedRef.current = isExpanded;
|
|
10933
10938
|
if (!isExpanded) setOpenMenus({});
|
|
@@ -10936,9 +10941,6 @@ var Sidebar = function Sidebar(_ref26) {
|
|
|
10936
10941
|
if (isMobile && !isMobileOpen) {
|
|
10937
10942
|
setOpenMenus({});
|
|
10938
10943
|
}
|
|
10939
|
-
if (isMobile) {
|
|
10940
|
-
setIsExpanded(true);
|
|
10941
|
-
}
|
|
10942
10944
|
}, [isMobile, isMobileOpen]);
|
|
10943
10945
|
var toggleMobileMenu = useCallback(function () {
|
|
10944
10946
|
setIsMobileOpen(function (prev) {
|