@trackunit/react-components 0.1.178 → 0.1.180

package/index.cjs.js

@@ -14912,7 +14912,7 @@ const localeLookup = {
  * @returns {Locale} The corresponding Locale object
  */
 const useLocale = (language) => {
-    return localeLookup[language] || localeLookup.en;
+    return localeLookup[language] || localeLookup.en || enGB;
 };
 
 /**
@@ -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

@@ -14883,7 +14883,7 @@ const localeLookup = {
  * @returns {Locale} The corresponding Locale object
  */
 const useLocale = (language) => {
-    return localeLookup[language] || localeLookup.en;
+    return localeLookup[language] || localeLookup.en || enGB;
 };
 
 /**
@@ -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.178",
+  "version": "0.1.180",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -9,9 +9,9 @@
   "dependencies": {
     "@floating-ui/react": "0.25.4",
     "@trackunit/css-class-variance-utilities": "0.0.14",
-    "@trackunit/css-core": "0.0.97",
-    "@trackunit/shared-utils": "0.0.11",
-    "@trackunit/ui-design-tokens": "0.0.78",
+    "@trackunit/css-core": "0.0.98",
+    "@trackunit/shared-utils": "0.0.12",
+    "@trackunit/ui-design-tokens": "0.0.79",
     "@trackunit/ui-icons": "0.0.78",
     "date-fns": "2.29.3",
     "lodash": "4.17.21",

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/useIsFullScreen.d.ts

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