labsense-ui-kit 1.2.41 → 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) {
@@ -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;