labsense-ui-kit 1.2.40 → 1.2.42

package/dist/hooks/index.d.ts

@@ -1,5 +1,6 @@
 import useClickOutside from './useClickOutside';
+import useCopyToClipboard from './useCopyToClipboard';
 import useCustomModal from './useCustomModal';
 import useNotification from './useNotification';
 import useTheme from './useTheme';
-export { useClickOutside, useCustomModal, useNotification, useTheme };
+export { useClickOutside, useCopyToClipboard, useCustomModal, useNotification, useTheme };

package/dist/hooks/useCopyToClipboard.d.ts

@@ -0,0 +1,4 @@
+declare const useCopyToClipboard: () => {
+    copyToClipboard: (str: string) => boolean;
+};
+export default useCopyToClipboard;

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import { ButtonCarousel } from './Carousel';
 import { Container, Span } from './Container&Span/StyledComponents';
 import { DatePicker } from './Date-Time';
 import { ButtonDropdown, MultiSelectDropdown, OptionComponent, SelectedOption, SelectOption, DropdownMenu, Options } from './Dropdown';
-import { useClickOutside, useCustomModal, useNotification, useTheme } from './hooks';
+import { useClickOutside, useCopyToClipboard, useCustomModal, useNotification, useTheme } from './hooks';
 import { Icon, IconNames } from './Icons';
 import { SearchBox, TextArea, TextField, TextFieldWithDropdown, CheckBox } from './Inputs';
 import { CircularLoader, Loader } from './Loader';
@@ -24,7 +24,7 @@ export { ButtonCarousel };
 export { Container, Span };
 export { DatePicker };
 export { ButtonDropdown, MultiSelectDropdown, OptionComponent, SelectedOption, SelectOption, DropdownMenu, Options };
-export { useClickOutside, useCustomModal, useNotification, useTheme };
+export { useClickOutside, useCopyToClipboard, useCustomModal, useNotification, useTheme };
 export { Icon, IconNames };
 export { SearchBox, TextArea, TextField, TextFieldWithDropdown, CheckBox };
 export { CircularLoader, Loader };

package/dist/index.js

@@ -4911,6 +4911,33 @@ var useClickOutside = function useClickOutside(elRef, elCallback) {
   }, [elCallback, elRef]);
 };
 
+var useCopyToClipboard = function useCopyToClipboard() {
+  var copyToClipboard = React.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__default.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__default.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) {
@@ -5990,8 +6017,8 @@ var StyledButton = styled__default.button(_templateObject5$1 || (_templateObject
       return '';
   }
 }, function (_ref16) {
-  var color = _ref16.color;
-  return color;
+  var $color = _ref16.$color;
+  return $color;
 });
 var ButtonText = styled__default.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;
@@ -8971,7 +8998,7 @@ var Sidebar = function Sidebar(_ref16) {
       "$color": themeColors.text.medium
     }, child.label), _getTotalNotifications(child) > 0 && React__default.createElement(NotificationBadge, {
       "$position": 'unset'
-    }, _getTotalNotifications(child))));
+    }, _getTotalNotifications(child) > 99 ? '99+' : _getTotalNotifications(child))));
   });
   var renderChildLinks = function renderChildLinks(children) {
     return React__default.createElement(Container, {
@@ -9030,7 +9057,7 @@ var Sidebar = function Sidebar(_ref16) {
       size: 20,
       weight: item.iconWeight,
       color: isHovered || isActive ? themeColors.text.white : themeColors.text.medium
-    })), _getTotalNotifications(item) > 0 && React__default.createElement(NotificationBadge, null, _getTotalNotifications(item))), React__default.createElement(TextContainer, {
+    })), _getTotalNotifications(item) > 0 && React__default.createElement(NotificationBadge, null, _getTotalNotifications(item) > 99 ? '99+' : _getTotalNotifications(item))), React__default.createElement(TextContainer, {
       "$isExpanded": isExpanded,
       "$fontSize": '14px'
     }, item.label)), hasChildren && React__default.createElement(Container, {
@@ -9604,6 +9631,7 @@ exports.themes = themes;
 exports.timeAgo = timeAgo;
 exports.timeStringToSeconds = timeStringToSeconds;
 exports.useClickOutside = useClickOutside;
+exports.useCopyToClipboard = useCopyToClipboard;
 exports.useCustomModal = useCustomModal;
 exports.useNotification = useNotification;
 exports.useTheme = useTheme;