labsense-ui-kit 1.3.60 → 1.3.62

package/dist/index.modern.js

@@ -5811,6 +5811,26 @@ var TruckSpeed = function TruckSpeed(_ref) {
   }));
 };
 
+var Unlock = function Unlock(_ref) {
+  var size = _ref.size,
+    color = _ref.color,
+    weight = _ref.weight;
+  return React.createElement("svg", {
+    width: size,
+    height: size,
+    strokeWidth: weight,
+    viewBox: '0 0 14 15',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    d: "M7.25 8.75C7.25 9.159 7.0535 9.522 6.75 9.75V11.5C6.75 11.6989 6.67098 11.8897 6.53033 12.0303C6.38968 12.171 6.19891 12.25 6 12.25C5.80109 12.25 5.61032 12.171 5.46967 12.0303C5.32902 11.8897 5.25 11.6989 5.25 11.5V9.75C5.07954 9.62216 4.9446 9.45287 4.85797 9.2582C4.77134 9.06353 4.73592 8.84995 4.75505 8.63774C4.77419 8.42553 4.84725 8.22174 4.9673 8.04571C5.08735 7.86968 5.25041 7.72725 5.44098 7.63197C5.63156 7.53668 5.84333 7.49169 6.05619 7.50126C6.26904 7.51084 6.47592 7.57467 6.65716 7.68669C6.83841 7.7987 6.98802 7.95519 7.09178 8.14129C7.19554 8.3274 7.25 8.53693 7.25 8.75Z",
+    fill: color
+  }), React.createElement("path", {
+    d: "M7.75 3C7.75 2.20435 8.06607 1.44129 8.62868 0.87868C9.19129 0.316071 9.95435 0 10.75 0C11.5456 0 12.3087 0.316071 12.8713 0.87868C13.4339 1.44129 13.75 2.20435 13.75 3V3.875C13.75 4.04076 13.6842 4.19973 13.5669 4.31694C13.4497 4.43415 13.2908 4.5 13.125 4.5C12.9592 4.5 12.8003 4.43415 12.6831 4.31694C12.5658 4.19973 12.5 4.04076 12.5 3.875V3C12.5 2.53587 12.3156 2.09075 11.9874 1.76256C11.6592 1.43437 11.2141 1.25 10.75 1.25C10.2859 1.25 9.84075 1.43437 9.51256 1.76256C9.18437 2.09075 9 2.53587 9 3V4.5H10C10.5304 4.5 11.0391 4.71071 11.4142 5.08579C11.7893 5.46086 12 5.96957 12 6.5V13C12 13.5304 11.7893 14.0391 11.4142 14.4142C11.0391 14.7893 10.5304 15 10 15H2C1.46957 15 0.960859 14.7893 0.585786 14.4142C0.210714 14.0391 0 13.5304 0 13V6.5C0 5.96957 0.210714 5.46086 0.585786 5.08579C0.960859 4.71071 1.46957 4.5 2 4.5H7.75V3ZM2 5.5C1.73478 5.5 1.48043 5.60536 1.29289 5.79289C1.10536 5.98043 1 6.23478 1 6.5V13C1 13.2652 1.10536 13.5196 1.29289 13.7071C1.48043 13.8946 1.73478 14 2 14H10C10.2652 14 10.5196 13.8946 10.7071 13.7071C10.8946 13.5196 11 13.2652 11 13V6.5C11 6.23478 10.8946 5.98043 10.7071 5.79289C10.5196 5.60536 10.2652 5.5 10 5.5H2Z",
+    fill: color
+  }));
+};
+
 var UnPinned = function UnPinned(_ref) {
   var size = _ref.size,
     color = _ref.color,
@@ -6352,6 +6372,7 @@ var IconSVGs = {
   Translate: Translate,
   TriangularFilledWarning: TriangularFilledWarning,
   TruckSpeed: TruckSpeed,
+  Unlock: Unlock,
   UnPinned: UnPinned,
   UpArrow: UpArrow,
   UploadFile: UploadFile,
@@ -10254,7 +10275,7 @@ var Pagination = function Pagination(_ref4) {
   }, React.createElement(Span, {
     "$fontWeight": '400',
     "$fontSize": '14px'
-  }, t('Item_Per_Page')), React.createElement(Container, null, React.createElement(SelectOption, {
+  }, t('Items_Per_Page')), React.createElement(Container, null, React.createElement(SelectOption, {
     width: '54px',
     size: 'small',
     value: itemsPerPage.toString(),
@@ -10444,36 +10465,45 @@ var IconWrapper$2 = styled.div(_templateObject3$c || (_templateObject3$c = _tagg
     theme = _ref10.theme;
   return $selected ? theme.vms["default"].primary : theme.vms["default"].tertiary;
 });
-var StyledContainer = styled(Container)(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n  transition: none;\n  \n  &:hover {\n    svg {\n      color: ", " !important;\n      transition: none;\n    }\n  }\n  \n  &.active {\n    svg {\n      color: ", " !important;\n      transition: none;\n    }\n  }\n"])), function (_ref11) {
+var StyledContainer = styled(Container)(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n  transition: none;\n\n  svg {\n    transition: none;\n  }\n\n  /* Parent hover / active */\n  &:hover,\n  &.active {\n    svg {\n      color: ", " !important;\n    }\n  }\n\n  /* 2nd child reacts ONLY when parent is hovered */\n  &:hover > div:nth-child(2) {\n    svg {\n      color: ", " !important;\n\n      path {\n        stroke: ", " !important;\n      }\n    }\n  }\n\n  /* Default state for 2nd child */\n  > div:nth-child(2) {\n    svg {\n      color: ", " !important;\n\n      path {\n        stroke: ", " !important;\n      }\n    }\n  }\n"])), function (_ref11) {
   var theme = _ref11.theme;
   return theme.vms.text.white;
 }, function (_ref12) {
   var theme = _ref12.theme;
   return theme.vms.text.white;
+}, function (_ref13) {
+  var theme = _ref13.theme;
+  return theme.vms.text.white;
+}, function (_ref14) {
+  var theme = _ref14.theme;
+  return theme.vms.text.white;
+}, function (_ref15) {
+  var theme = _ref15.theme;
+  return theme.vms.text.medium;
 });
 var Logo = styled.div(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n  transition: none;\n  display: flex;\n  width: 100%;\n  min-width: max-content;\n  height: 32px;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n"])));
-var TextContainer = styled.span(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n  white-space: nowrap;\n  opacity: 0;\n  visibility: hidden;\n  transform: translateX(-10px);\n  transition: all 0.3s ease;\n  padding: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n\n  ", ":hover & {\n    opacity: 1;\n    visibility: visible;\n    transform: translateX(0);\n  }\n"])), function (_ref13) {
-  var $padding = _ref13.$padding;
+var TextContainer = styled.span(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n  white-space: nowrap;\n  opacity: 0;\n  visibility: hidden;\n  transform: translateX(-10px);\n  transition: all 0.3s ease;\n  padding: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n\n  ", ":hover & {\n    opacity: 1;\n    visibility: visible;\n    transform: translateX(0);\n  }\n"])), function (_ref16) {
+  var $padding = _ref16.$padding;
   return $padding;
-}, function (_ref14) {
-  var $fontSize = _ref14.$fontSize;
+}, function (_ref17) {
+  var $fontSize = _ref17.$fontSize;
   return $fontSize || '20px';
-}, function (_ref15) {
-  var $fontWeight = _ref15.$fontWeight;
+}, function (_ref18) {
+  var $fontWeight = _ref18.$fontWeight;
   return $fontWeight || '500';
 }, SidebarContainer);
-var NotificationBadge = styled.div(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteralLoose(["\n  position: ", ";\n  // top: -4px;\n  // right: 4px;\n  background: red;\n  color: white;\n  font-size: 10px;\n  font-weight: bold;\n  border-radius: 50%;\n  padding: 2px 5px;\n  min-width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  width: max-content;\n"])), function (_ref16) {
-  var $position = _ref16.$position;
+var NotificationBadge = styled.div(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteralLoose(["\n  position: ", ";\n  // top: -4px;\n  // right: 4px;\n  background: red;\n  color: white;\n  font-size: 10px;\n  font-weight: bold;\n  border-radius: 50%;\n  padding: 2px 5px;\n  min-width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  width: max-content;\n"])), function (_ref19) {
+  var $position = _ref19.$position;
   return $position || 'absolute';
 });
-var Sidebar = function Sidebar(_ref17) {
-  var logo = _ref17.logo,
-    content = _ref17.content,
-    background = _ref17.background,
-    ProfileContent = _ref17.ProfileContent,
-    _ref17$isExpanded = _ref17.isExpanded,
-    isExpanded = _ref17$isExpanded === void 0 ? false : _ref17$isExpanded,
-    setIsExpanded = _ref17.setIsExpanded;
+var Sidebar = function Sidebar(_ref20) {
+  var logo = _ref20.logo,
+    content = _ref20.content,
+    background = _ref20.background,
+    ProfileContent = _ref20.ProfileContent,
+    _ref20$isExpanded = _ref20.isExpanded,
+    isExpanded = _ref20$isExpanded === void 0 ? false : _ref20$isExpanded,
+    setIsExpanded = _ref20.setIsExpanded;
   var location = useLocation();
   var _useState = useState({}),
     openMenus = _useState[0],
@@ -10498,9 +10528,9 @@ var Sidebar = function Sidebar(_ref17) {
   }, [isExpanded]);
   var toggleMenu = function toggleMenu(id) {
     setOpenMenus(function (prev) {
-      var _ref18;
+      var _ref21;
       var isCurrentlyOpen = !!prev[id];
-      return isCurrentlyOpen ? {} : (_ref18 = {}, _ref18[id] = true, _ref18);
+      return isCurrentlyOpen ? {} : (_ref21 = {}, _ref21[id] = true, _ref21);
     });
   };
   var getTotalNotifications = useCallback(function (item) {
@@ -10525,8 +10555,8 @@ var Sidebar = function Sidebar(_ref17) {
       return currentBase === getBasePath(child.activeUrl) || currentBase === getBasePath(child.url);
     }));
   };
-  var ChildLink = React.memo(function (_ref19) {
-    var child = _ref19.child;
+  var ChildLink = React.memo(function (_ref22) {
+    var child = _ref22.child;
     var themeColors = useTheme$1();
     var location = useLocation();
     var active = getBasePath(location.pathname) === getBasePath(child.activeUrl) || getBasePath(location.pathname) === getBasePath(child.url);
@@ -10572,14 +10602,14 @@ var Sidebar = function Sidebar(_ref17) {
       });
     }));
   };
-  var SidebarItem = React.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 SidebarItem = React.memo(function (_ref23) {
+    var item = _ref23.item,
+      isActive = _ref23.isActive,
+      isOpen = _ref23.isOpen,
+      hasChildren = _ref23.hasChildren,
+      isExpanded = _ref23.isExpanded,
+      onToggle = _ref23.onToggle,
+      renderChildLinks = _ref23.renderChildLinks;
     var themeColors = useTheme$1();
     var activeClass = isActive ? 'active' : '';
     var handleClick = useCallback(function () {