@trackunit/react-components 0.1.158 → 0.1.159

package/index.cjs.js

@@ -36836,6 +36836,24 @@ const useIsFirstRender = () => {
     return renderRef.current;
 };
 
+/**
+ * Check if text is cut off.
+ *
+ * @param {HTMLElement| null} element The element to check.
+ * @returns {boolean} True if the text is cut off.
+ */
+const useIsTextCutOff = (element) => {
+    const [isTextCutOff, setIsTextCutOff] = React.useState(false);
+    React.useEffect(() => {
+        if (!element) {
+            setIsTextCutOff(false);
+            return;
+        }
+        setIsTextCutOff(element.offsetWidth < element.scrollWidth);
+    }, [element]);
+    return isTextCutOff;
+};
+
 /**
  * Custom hook to handle window resize events and provide the current window size.
  *
@@ -39233,6 +39251,7 @@ exports.useDebounce = useDebounce;
 exports.useDevicePixelRatio = useDevicePixelRatio;
 exports.useHover = useHover;
 exports.useIsFirstRender = useIsFirstRender;
+exports.useIsTextCutOff = useIsTextCutOff;
 exports.useLocalStorage = useLocalStorage;
 exports.useLocalStorageReducer = useLocalStorageReducer;
 exports.useModal = useModal;

package/index.esm.js

@@ -36807,6 +36807,24 @@ const useIsFirstRender = () => {
     return renderRef.current;
 };
 
+/**
+ * Check if text is cut off.
+ *
+ * @param {HTMLElement| null} element The element to check.
+ * @returns {boolean} True if the text is cut off.
+ */
+const useIsTextCutOff = (element) => {
+    const [isTextCutOff, setIsTextCutOff] = useState(false);
+    useEffect(() => {
+        if (!element) {
+            setIsTextCutOff(false);
+            return;
+        }
+        setIsTextCutOff(element.offsetWidth < element.scrollWidth);
+    }, [element]);
+    return isTextCutOff;
+};
+
 /**
  * Custom hook to handle window resize events and provide the current window size.
  *
@@ -39132,4 +39150,4 @@ const cvaClickable = cvaMerge([
     },
 });
 
-export { Alert, Badge, Button$1 as Button, Card, CardBody, CardFooter, CardHeader, Collapse, CopyableText, DayPicker, DayPickerPopover, DayRangePicker, DensityContainer, Drawer, EmptyState, ExternalLink, Heading, Icon, IconButton, Indicator, MenuItem, MenuList, Modal, ModalBackdrop, MoreMenu, PageHeader, Pagination, Popover, PopoverContent, PopoverTitle, PopoverTrigger, Prompt, ROLE_CARD, SectionHeader, Sidebar, SkeletonLines, Spacer, Spinner, StarButton, Tag, Text, Timeline, TimelineElement, Tip, Tooltip, ValueBar, cvaButton, cvaButtonSpinner, cvaClickable, cvaIconButtonContainer, cvaIndicator, cvaIndicatorIcon, cvaIndicatorIconBackground, cvaIndicatorLabel, cvaIndicatorPing, cvaMenuItem, cvaMenuItemLabel, cvaMenuItemPrefix, cvaMenuItemSuffix, docs, getDevicePixelRatio, getValueBarColorByValue, iconColorNames, iconPalette, setLocalStorage, useClickOutside, useContainerProps, useContinuousTimeout, useDebounce, useDevicePixelRatio, useHover, useIsFirstRender, useLocalStorage, useLocalStorageReducer, useModal, usePopoverContext, usePrompt, useResize, useTimeout, useVisibilityChange };
+export { Alert, Badge, Button$1 as Button, Card, CardBody, CardFooter, CardHeader, Collapse, CopyableText, DayPicker, DayPickerPopover, DayRangePicker, DensityContainer, Drawer, EmptyState, ExternalLink, Heading, Icon, IconButton, Indicator, MenuItem, MenuList, Modal, ModalBackdrop, MoreMenu, PageHeader, Pagination, Popover, PopoverContent, PopoverTitle, PopoverTrigger, Prompt, ROLE_CARD, SectionHeader, Sidebar, SkeletonLines, Spacer, Spinner, StarButton, Tag, Text, Timeline, TimelineElement, Tip, Tooltip, ValueBar, cvaButton, cvaButtonSpinner, cvaClickable, cvaIconButtonContainer, cvaIndicator, cvaIndicatorIcon, cvaIndicatorIconBackground, cvaIndicatorLabel, cvaIndicatorPing, cvaMenuItem, cvaMenuItemLabel, cvaMenuItemPrefix, cvaMenuItemSuffix, docs, getDevicePixelRatio, getValueBarColorByValue, iconColorNames, iconPalette, setLocalStorage, useClickOutside, useContainerProps, useContinuousTimeout, useDebounce, useDevicePixelRatio, useHover, useIsFirstRender, useIsTextCutOff, useLocalStorage, useLocalStorageReducer, useModal, usePopoverContext, usePrompt, useResize, useTimeout, useVisibilityChange };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.158",
+  "version": "0.1.159",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/hooks/index.d.ts

@@ -7,6 +7,7 @@ export * from "./useDebounce";
 export * from "./useDevicePixelRatio";
 export * from "./useHover";
 export * from "./useIsFirstRender";
+export * from "./useIsTextCutOff";
 export * from "./useResize";
 export * from "./useTimeout";
 export * from "./useVisibilityChange";

package/src/hooks/useIsTextCutOff.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Check if text is cut off.
+ *
+ * @param {HTMLElement| null} element The element to check.
+ * @returns {boolean} True if the text is cut off.
+ */
+export declare const useIsTextCutOff: (element: HTMLElement | null) => boolean;