labsense-ui-kit 1.3.39 → 1.3.41

package/dist/Inputs/TextField.d.ts

@@ -26,6 +26,7 @@ interface InputProps {
         gap: string;
         node: React.ReactNode;
     };
+    autoComplete?: string;
 }
 declare const TextField: React.FC<InputProps>;
 export default TextField;

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,6 +6378,14 @@ var useTheme = function useTheme() {
 
 var useNotification = function useNotification() {
   var themeColors = useTheme();
+  var _useToasterStore = reactHotToast.useToasterStore(),
+    toasts = _useToasterStore.toasts;
+  var getDuplicateToastId = function getDuplicateToastId(type, message) {
+    var duplicate = toasts.find(function (t) {
+      return t.visible && t.type === type && t.message === message;
+    });
+    return duplicate === null || duplicate === void 0 ? void 0 : duplicate.id;
+  };
   var sendNotification = function sendNotification(_ref) {
     var type = _ref.type,
       message = _ref.message,
@@ -6385,7 +6393,11 @@ var useNotification = function useNotification() {
       customStyle = _ref.customStyle,
       _ref$clearCurrent = _ref.clearCurrent,
       clearCurrent = _ref$clearCurrent === void 0 ? false : _ref$clearCurrent;
-    if (clearCurrent) {
+    var duplicateToastId = getDuplicateToastId(type, message);
+    if (duplicateToastId) {
+      reactHotToast.toast.dismiss(duplicateToastId);
+    }
+    if (clearCurrent && !duplicateToastId) {
       reactHotToast.toast.dismiss();
     }
     switch (type) {
@@ -6398,16 +6410,16 @@ 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",
+            weight: "0px",
             size: 20,
             color: themeColors.vms["default"].info
           })),
@@ -8897,7 +8909,8 @@ var TextField = function TextField(_ref25) {
     required = _ref25$required === void 0 ? false : _ref25$required,
     background = _ref25.background,
     onEnter = _ref25.onEnter,
-    titleRightNode = _ref25.titleRightNode;
+    titleRightNode = _ref25.titleRightNode,
+    autoComplete = _ref25.autoComplete;
   var themeColors = useTheme();
   var _useState = React.useState(disabled),
     isDisabled = _useState[0],
@@ -9150,7 +9163,8 @@ var TextField = function TextField(_ref25) {
     readOnly: onChange === undefined || isDisabled ? true : false,
     onKeyDown: function onKeyDown(e) {
       if (e.key === 'Enter') onEnter === null || onEnter === void 0 ? void 0 : onEnter();
-    }
+    },
+    autoComplete: autoComplete
   }), type === 'password' && inputValue && React__default.createElement(IconWrapper$1, {
     "$disabled": disabled,
     onClick: function onClick() {
@@ -10094,8 +10108,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) {
@@ -10120,8 +10135,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);
@@ -10167,14 +10182,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 () {