labsense-ui-kit 1.3.40 → 1.3.42

package/dist/index.js

@@ -4,10 +4,10 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var styled = require('styled-components');
 var styled__default = _interopDefault(styled);
+var reactDom = require('react-dom');
 var reactHotToast = require('react-hot-toast');
 var reactRouterDom = require('react-router-dom');
 var reactI18next = require('react-i18next');
-var reactDom = require('react-dom');
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -6333,13 +6333,13 @@ var Modal = function Modal(_ref4) {
     overflow = _ref4.overflow,
     children = _ref4.children;
   if (!isOpen) return null;
-  return React__default.createElement(ModalOverlay, null, React__default.createElement(ModalContainer, {
+  return reactDom.createPortal(React__default.createElement(ModalOverlay, null, React__default.createElement(ModalContainer, {
     "$maxWidth": maxWidth,
     "$overflowY": overflow,
     onClick: function onClick(e) {
       return e.stopPropagation();
     }
-  }, children));
+  }, children)), document.body);
 };
 
 var UseCustomModal = function UseCustomModal(_ref) {
@@ -6378,16 +6378,35 @@ var useTheme = function useTheme() {
 
 var useNotification = function useNotification() {
   var themeColors = useTheme();
+  var _useToasterStore = reactHotToast.useToasterStore(),
+    toasts = _useToasterStore.toasts;
+  var lastToastRef = React__default.useRef(null);
+  var getDuplicateToastId = function getDuplicateToastId(type, message) {
+    var _toasts$find;
+    return (_toasts$find = toasts.find(function (t) {
+      return t.visible && t.type === type && t.message === message;
+    })) === null || _toasts$find === void 0 ? void 0 : _toasts$find.id;
+  };
   var sendNotification = function sendNotification(_ref) {
+    var _lastToastRef$current, _lastToastRef$current2;
     var type = _ref.type,
       message = _ref.message,
       promiseConfig = _ref.promiseConfig,
       customStyle = _ref.customStyle,
       _ref$clearCurrent = _ref.clearCurrent,
       clearCurrent = _ref$clearCurrent === void 0 ? false : _ref$clearCurrent;
-    if (clearCurrent) {
+    var isSameAsLast = ((_lastToastRef$current = lastToastRef.current) === null || _lastToastRef$current === void 0 ? void 0 : _lastToastRef$current.type) === type && ((_lastToastRef$current2 = lastToastRef.current) === null || _lastToastRef$current2 === void 0 ? void 0 : _lastToastRef$current2.message) === message;
+    var duplicateToastId = getDuplicateToastId(type, message);
+    if (duplicateToastId && !isSameAsLast) {
+      reactHotToast.toast.dismiss(duplicateToastId);
+    }
+    if (clearCurrent && !duplicateToastId) {
       reactHotToast.toast.dismiss();
     }
+    lastToastRef.current = {
+      type: type,
+      message: message
+    };
     switch (type) {
       case 'success':
         reactHotToast.toast.success(message);
@@ -6398,16 +6417,15 @@ var useNotification = function useNotification() {
       case 'info':
         reactHotToast.toast(message, {
           icon: React__default.createElement(Container, {
-            "$minWidth": '20px',
-            "$height": '20px',
-            "$width": '20px',
-            "$alignItems": 'center',
-            "$justifyContent": 'center',
-            "$borderRadius": '100%',
+            "$minWidth": "20px",
+            "$height": "20px",
+            "$width": "20px",
+            "$alignItems": "center",
+            "$justifyContent": "center",
+            "$borderRadius": "100%",
             "$background": themeColors.vms.disabled.info
           }, React__default.createElement(Icon, {
-            icon: 'InformationFilled',
-            weight: '0px',
+            icon: "InformationFilled",
             size: 20,
             color: themeColors.vms["default"].info
           })),
@@ -6445,8 +6463,6 @@ var useNotification = function useNotification() {
           }
         });
         break;
-      default:
-        console.error('Invalid notification type or missing configuration!');
     }
   };
   return {
@@ -10096,8 +10112,9 @@ var Sidebar = function Sidebar(_ref17) {
   }, [isExpanded]);
   var toggleMenu = function toggleMenu(id) {
     setOpenMenus(function (prev) {
-      var _extends2;
-      return _extends({}, prev, (_extends2 = {}, _extends2[id] = !prev[id], _extends2));
+      var _ref18;
+      var isCurrentlyOpen = !!prev[id];
+      return isCurrentlyOpen ? {} : (_ref18 = {}, _ref18[id] = true, _ref18);
     });
   };
   var getTotalNotifications = React.useCallback(function (item) {
@@ -10122,8 +10139,8 @@ var Sidebar = function Sidebar(_ref17) {
       return currentBase === getBasePath(child.activeUrl) || currentBase === getBasePath(child.url);
     }));
   };
-  var ChildLink = React__default.memo(function (_ref18) {
-    var child = _ref18.child;
+  var ChildLink = React__default.memo(function (_ref19) {
+    var child = _ref19.child;
     var themeColors = styled.useTheme();
     var location = reactRouterDom.useLocation();
     var active = getBasePath(location.pathname) === getBasePath(child.activeUrl) || getBasePath(location.pathname) === getBasePath(child.url);
@@ -10169,14 +10186,14 @@ var Sidebar = function Sidebar(_ref17) {
       });
     }));
   };
-  var SidebarItem = React__default.memo(function (_ref19) {
-    var item = _ref19.item,
-      isActive = _ref19.isActive,
-      isOpen = _ref19.isOpen,
-      hasChildren = _ref19.hasChildren,
-      isExpanded = _ref19.isExpanded,
-      onToggle = _ref19.onToggle,
-      renderChildLinks = _ref19.renderChildLinks;
+  var SidebarItem = React__default.memo(function (_ref20) {
+    var item = _ref20.item,
+      isActive = _ref20.isActive,
+      isOpen = _ref20.isOpen,
+      hasChildren = _ref20.hasChildren,
+      isExpanded = _ref20.isExpanded,
+      onToggle = _ref20.onToggle,
+      renderChildLinks = _ref20.renderChildLinks;
     var themeColors = styled.useTheme();
     var activeClass = isActive ? 'active' : '';
     var handleClick = React.useCallback(function () {