labsense-ui-kit 1.3.76 → 1.3.77

package/dist/hooks/breakpoints.d.ts

@@ -0,0 +1,13 @@
+export declare const breakpoints: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+};
+export declare const getResponsiveFlags: (width: number) => {
+    isXS: boolean;
+    isSM: boolean;
+    isMD: boolean;
+    isLG: boolean;
+    isXL: boolean;
+};

package/dist/hooks/index.d.ts

@@ -3,4 +3,6 @@ import useCopyToClipboard from './useCopyToClipboard';
 import useCustomModal from './useCustomModal';
 import useNotification from './useNotification';
 import useTheme from './useTheme';
-export { useClickOutside, useCopyToClipboard, useCustomModal, useNotification, useTheme };
+import useWindowSize from './useWindowSize';
+import { getResponsiveFlags } from './breakpoints';
+export { useClickOutside, useCopyToClipboard, useCustomModal, useNotification, useTheme, getResponsiveFlags, useWindowSize };

package/dist/hooks/useWindowSize.d.ts

@@ -0,0 +1,2 @@
+declare const useWindowSize: () => number[];
+export default useWindowSize;

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, useCopyToClipboard, useCustomModal, useNotification, useTheme } from './hooks';
+import { useClickOutside, useCopyToClipboard, useCustomModal, useNotification, useTheme, getResponsiveFlags, useWindowSize } from './hooks';
 import { Icon, IconProps, 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, useCopyToClipboard, useCustomModal, useNotification, useTheme };
+export { useClickOutside, useCopyToClipboard, useCustomModal, useNotification, useTheme, getResponsiveFlags, useWindowSize };
 export { Icon, IconProps, IconNames };
 export { SearchBox, TextArea, TextField, TextFieldWithDropdown, CheckBox };
 export { CircularLoader, Loader };

package/dist/index.js

@@ -6890,6 +6890,39 @@ var useNotification = function useNotification() {
   };
 };
 
+var useWindowSize = function useWindowSize() {
+  var _useState = React.useState([window.innerWidth, window.innerHeight]),
+    size = _useState[0],
+    setSize = _useState[1];
+  React.useLayoutEffect(function () {
+    function updateSize() {
+      setSize([window.innerWidth, window.innerHeight]);
+    }
+    window.addEventListener('resize', updateSize);
+    updateSize();
+    return function () {
+      return window.removeEventListener('resize', updateSize);
+    };
+  }, []);
+  return size;
+};
+
+var breakpoints = {
+  xs: 576,
+  sm: 768,
+  md: 992,
+  lg: 1280
+};
+var getResponsiveFlags = function getResponsiveFlags(width) {
+  return {
+    isXS: width < breakpoints.xs,
+    isSM: width < breakpoints.sm && width >= breakpoints.xs,
+    isMD: width < breakpoints.md && width >= breakpoints.sm,
+    isLG: width < breakpoints.lg && width >= breakpoints.md,
+    isXL: width >= breakpoints.lg
+  };
+};
+
 var _templateObject$3, _templateObject2$3;
 var TooltipWrapper = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n"])));
 var TooltipText = styled__default.span(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n  visibility: ", ";\n  opacity: ", ";\n  transition: opacity 0.2s ease-in-out;\n  background-color: ", ";\n  color: ", ";\n  border: ", ";\n  border-radius: 8px;\n  padding: 8px 16px;\n  font-size: ", ";\n  font-weight: ", ";\n  max-width: 300px;\n  width: max-content;\n  position: fixed;\n  z-index: 999;\n  pointer-events: none;\n"])), function (_ref) {
@@ -12417,6 +12450,7 @@ exports.formatDate = formatDate;
 exports.formatEpochToIST = formatEpochToIST;
 exports.formatTimestamp = formatTimestamp;
 exports.getCurrentTheme = getCurrentTheme;
+exports.getResponsiveFlags = getResponsiveFlags;
 exports.getSystemTimezoneAbbreviation = getSystemTimezoneAbbreviation;
 exports.themes = themes;
 exports.timeAgo = timeAgo;
@@ -12426,4 +12460,5 @@ exports.useCopyToClipboard = useCopyToClipboard;
 exports.useCustomModal = UseCustomModal;
 exports.useNotification = useNotification;
 exports.useTheme = useTheme;
+exports.useWindowSize = useWindowSize;
 //# sourceMappingURL=index.js.map