labsense-ui-kit 1.2.40 → 1.2.42

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import React, { useRef, useEffect, useState, useId } from 'react';
+import React, { useRef, useEffect, useCallback, useState, useId } from 'react';
 import styled, { useTheme as useTheme$1, css, keyframes, styled as styled$1 } from 'styled-components';
 import { toast } from 'react-hot-toast';
 import { useNavigate, NavLink, useLocation } from 'react-router-dom';
@@ -4907,6 +4907,33 @@ var useClickOutside = function useClickOutside(elRef, elCallback) {
   }, [elCallback, elRef]);
 };
 
+var useCopyToClipboard = function useCopyToClipboard() {
+  var copyToClipboard = useCallback(function (str) {
+    var el = document.createElement('textarea');
+    el.value = str;
+    el.setAttribute('readonly', '');
+    el.style.position = 'absolute';
+    el.style.left = '-9999px';
+    document.body.appendChild(el);
+    var selection = document.getSelection();
+    if (selection) {
+      var selected = selection.rangeCount > 0 ? selection.getRangeAt(0) : false;
+      el.select();
+      var success = document.execCommand('copy');
+      document.body.removeChild(el);
+      if (selected) {
+        selection.removeAllRanges();
+        selection.addRange(selected);
+      }
+      return success;
+    }
+    return false;
+  }, []);
+  return {
+    copyToClipboard: copyToClipboard
+  };
+};
+
 var _templateObject, _templateObject2;
 var ModalOverlay = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: NotoSans, sans-serif;\n  z-index: 9999;\n  backdrop-filter: blur(4px);\n"])));
 var ModalContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n  max-height: 100vh;\n  max-width: ", ";\n  overflow: visible;\n"])), function (_ref) {
@@ -5986,8 +6013,8 @@ var StyledButton = styled.button(_templateObject5$1 || (_templateObject5$1 = _ta
       return '';
   }
 }, function (_ref16) {
-  var color = _ref16.color;
-  return color;
+  var $color = _ref16.$color;
+  return $color;
 });
 var ButtonText = styled.span(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  white-space: nowrap;\n"])), function (_ref17) {
   var $fontFamily = _ref17.$fontFamily;
@@ -8967,7 +8994,7 @@ var Sidebar = function Sidebar(_ref16) {
       "$color": themeColors.text.medium
     }, child.label), _getTotalNotifications(child) > 0 && React.createElement(NotificationBadge, {
       "$position": 'unset'
-    }, _getTotalNotifications(child))));
+    }, _getTotalNotifications(child) > 99 ? '99+' : _getTotalNotifications(child))));
   });
   var renderChildLinks = function renderChildLinks(children) {
     return React.createElement(Container, {
@@ -9026,7 +9053,7 @@ var Sidebar = function Sidebar(_ref16) {
       size: 20,
       weight: item.iconWeight,
       color: isHovered || isActive ? themeColors.text.white : themeColors.text.medium
-    })), _getTotalNotifications(item) > 0 && React.createElement(NotificationBadge, null, _getTotalNotifications(item))), React.createElement(TextContainer, {
+    })), _getTotalNotifications(item) > 0 && React.createElement(NotificationBadge, null, _getTotalNotifications(item) > 99 ? '99+' : _getTotalNotifications(item))), React.createElement(TextContainer, {
       "$isExpanded": isExpanded,
       "$fontSize": '14px'
     }, item.label)), hasChildren && React.createElement(Container, {
@@ -9555,5 +9582,5 @@ var InternalTabs = function InternalTabs(_ref) {
   }));
 };
 
-export { Badge, Breadcrumbs, ButtonComponent as Button, ButtonCarousel, ButtonDropdown, CheckBox, CircularLoader, CircularProgress, Container, DatePicker, DropdownMenu$1 as DropdownMenu, Icon, IconTooltip, InternalTabs, Loader, MultiSelectDropdown, OptionComponent, Options, Pagination, ProgressBar, SearchBox, SelectOption, SelectedOption, Sidebar, Span, Table, TableCell, TableRow, Tabs, TextArea, TextField, TextFieldWithDropdown, convertEpochToDateString, convertEpochToOnlyDate, convertToEpoch, formatCalendarDateTime, formatDate, formatEpochToIST, formatTimestamp, getCurrentTheme, getSystemTimezoneAbbreviation, themes, timeAgo, timeStringToSeconds, useClickOutside, useCustomModal, useNotification, useTheme };
+export { Badge, Breadcrumbs, ButtonComponent as Button, ButtonCarousel, ButtonDropdown, CheckBox, CircularLoader, CircularProgress, Container, DatePicker, DropdownMenu$1 as DropdownMenu, Icon, IconTooltip, InternalTabs, Loader, MultiSelectDropdown, OptionComponent, Options, Pagination, ProgressBar, SearchBox, SelectOption, SelectedOption, Sidebar, Span, Table, TableCell, TableRow, Tabs, TextArea, TextField, TextFieldWithDropdown, convertEpochToDateString, convertEpochToOnlyDate, convertToEpoch, formatCalendarDateTime, formatDate, formatEpochToIST, formatTimestamp, getCurrentTheme, getSystemTimezoneAbbreviation, themes, timeAgo, timeStringToSeconds, useClickOutside, useCopyToClipboard, useCustomModal, useNotification, useTheme };
 //# sourceMappingURL=index.modern.js.map