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.js
CHANGED
|
@@ -10802,7 +10802,7 @@ var ProgressBar = function ProgressBar(_ref3) {
|
|
|
10802
10802
|
};
|
|
10803
10803
|
|
|
10804
10804
|
var _templateObject$n, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$8, _templateObject6$8, _templateObject7$6, _templateObject8$5, _templateObject9$5;
|
|
10805
|
-
var MOBILE_BREAKPOINT = '
|
|
10805
|
+
var MOBILE_BREAKPOINT = '992px';
|
|
10806
10806
|
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) {
|
|
10807
10807
|
var $isOpen = _ref.$isOpen;
|
|
10808
10808
|
return $isOpen ? 1 : 0;
|
|
@@ -10924,7 +10924,7 @@ var Sidebar = function Sidebar(_ref26) {
|
|
|
10924
10924
|
badgePortalContainer = _useState4[0];
|
|
10925
10925
|
React.useEffect(function () {
|
|
10926
10926
|
var checkMobile = function checkMobile() {
|
|
10927
|
-
setIsMobile(window.innerWidth <=
|
|
10927
|
+
setIsMobile(window.innerWidth <= 992);
|
|
10928
10928
|
};
|
|
10929
10929
|
checkMobile();
|
|
10930
10930
|
window.addEventListener('resize', checkMobile);
|
|
@@ -10932,6 +10932,11 @@ var Sidebar = function Sidebar(_ref26) {
|
|
|
10932
10932
|
window.removeEventListener('resize', checkMobile);
|
|
10933
10933
|
};
|
|
10934
10934
|
}, []);
|
|
10935
|
+
React.useEffect(function () {
|
|
10936
|
+
if (isMobile) {
|
|
10937
|
+
setIsExpanded(true);
|
|
10938
|
+
}
|
|
10939
|
+
}, [isMobile, setIsExpanded]);
|
|
10935
10940
|
React.useEffect(function () {
|
|
10936
10941
|
isExpandedRef.current = isExpanded;
|
|
10937
10942
|
if (!isExpanded) setOpenMenus({});
|
|
@@ -10940,9 +10945,6 @@ var Sidebar = function Sidebar(_ref26) {
|
|
|
10940
10945
|
if (isMobile && !isMobileOpen) {
|
|
10941
10946
|
setOpenMenus({});
|
|
10942
10947
|
}
|
|
10943
|
-
if (isMobile) {
|
|
10944
|
-
setIsExpanded(true);
|
|
10945
|
-
}
|
|
10946
10948
|
}, [isMobile, isMobileOpen]);
|
|
10947
10949
|
var toggleMobileMenu = React.useCallback(function () {
|
|
10948
10950
|
setIsMobileOpen(function (prev) {
|