@trackunit/react-components 0.1.179 → 0.1.181

package/index.cjs.js

@@ -39194,6 +39194,22 @@ const useIsFirstRender = () => {
     return renderRef.current;
 };
 
+/**
+ * Custom hook for checking if the browser is in fullscreen mode.
+ */
+const useIsFullscreen = () => {
+    const [isFullScreen, setIsFullScreen] = React.useState(false);
+    document.addEventListener("fullscreenchange", () => {
+        if (document.fullscreenElement) {
+            setIsFullScreen(true);
+        }
+        else {
+            setIsFullScreen(false);
+        }
+    });
+    return isFullScreen;
+};
+
 /**
  * Check if text is cut off.
  *
@@ -39338,6 +39354,7 @@ exports.useDebounce = useDebounce;
 exports.useDevicePixelRatio = useDevicePixelRatio;
 exports.useHover = useHover;
 exports.useIsFirstRender = useIsFirstRender;
+exports.useIsFullscreen = useIsFullscreen;
 exports.useIsTextCutOff = useIsTextCutOff;
 exports.useLocalStorage = useLocalStorage;
 exports.useLocalStorageReducer = useLocalStorageReducer;

package/index.esm.js

@@ -39165,6 +39165,22 @@ const useIsFirstRender = () => {
     return renderRef.current;
 };
 
+/**
+ * Custom hook for checking if the browser is in fullscreen mode.
+ */
+const useIsFullscreen = () => {
+    const [isFullScreen, setIsFullScreen] = useState(false);
+    document.addEventListener("fullscreenchange", () => {
+        if (document.fullscreenElement) {
+            setIsFullScreen(true);
+        }
+        else {
+            setIsFullScreen(false);
+        }
+    });
+    return isFullScreen;
+};
+
 /**
  * Check if text is cut off.
  *
@@ -39236,4 +39252,4 @@ const useVisibilityChange = ({ onChange, targetState }) => {
     }, [onChange, targetState]);
 };
 
-export { Alert, Badge, Button$1 as Button, Card, CardBody, CardFooter, CardHeader, Collapse, CopyableText, DayPicker, DayPickerPopover, DayRangePicker, Drawer, EmptyState, ExternalLink, Heading, Icon, IconButton, Indicator, MenuItem, MenuList, Modal, ModalBackdrop, MoreMenu, PackageNameStoryComponent, PageHeader, Pagination, Popover, PopoverContent, PopoverTitle, PopoverTrigger, Prompt, ROLE_CARD, SectionHeader, Sidebar, SkeletonLines, Spacer, Spinner, StarButton, Tag, Text, Timeline, TimelineElement, Tip, Tooltip, ValueBar, WidgetBody, 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 };
+export { Alert, Badge, Button$1 as Button, Card, CardBody, CardFooter, CardHeader, Collapse, CopyableText, DayPicker, DayPickerPopover, DayRangePicker, Drawer, EmptyState, ExternalLink, Heading, Icon, IconButton, Indicator, MenuItem, MenuList, Modal, ModalBackdrop, MoreMenu, PackageNameStoryComponent, PageHeader, Pagination, Popover, PopoverContent, PopoverTitle, PopoverTrigger, Prompt, ROLE_CARD, SectionHeader, Sidebar, SkeletonLines, Spacer, Spinner, StarButton, Tag, Text, Timeline, TimelineElement, Tip, Tooltip, ValueBar, WidgetBody, 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, useIsFullscreen, useIsTextCutOff, useLocalStorage, useLocalStorageReducer, useModal, usePopoverContext, usePrompt, useResize, useTimeout, useVisibilityChange };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.179",
+  "version": "0.1.181",
   "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 "./useIsFullScreen";
 export * from "./useIsTextCutOff";
 export * from "./useResize";
 export * from "./useTimeout";

package/src/hooks/localStorage/types.d.ts

@@ -1,5 +1,5 @@
-import { ZodType } from "zod";
-export interface LocalStorageParams<State> {
+import { z } from "zod";
+export interface LocalStorageParams<TState> {
     /**
      * The key used to store the value in local storage.
      */
@@ -7,11 +7,11 @@ export interface LocalStorageParams<State> {
     /**
      * The default state value.
      */
-    defaultState: State;
+    defaultState: TState;
     /**
      * Optional schema for validating the state.
      */
-    schema?: ZodType<State>;
+    schema?: z.Schema<TState>;
 }
 export interface LocalStorageCallbacks {
     /**

package/src/hooks/useIsFullScreen.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Custom hook for checking if the browser is in fullscreen mode.
+ */
+export declare const useIsFullscreen: () => boolean;