@trackunit/react-components 0.1.198 → 0.1.200

package/index.cjs.js

@@ -2865,6 +2865,19 @@ const getWindowSize = () => {
     }
 };
 
+/**
+ * A useRef that updates its given value whenever it changes.
+ *
+ * @returns {boolean} Returns true if it is the first render, false otherwise.
+ */
+const useSelfUpdatingRef = (initialState) => {
+    const stateRef = React.useRef(initialState);
+    React.useEffect(() => {
+        stateRef.current = initialState;
+    }, [initialState]);
+    return stateRef;
+};
+
 /**
  * Returns a callback that will be called when the visibility state of the document changes.
  */
@@ -2966,5 +2979,6 @@ exports.useOverflowItems = useOverflowItems;
 exports.usePopoverContext = usePopoverContext;
 exports.usePrompt = usePrompt;
 exports.useResize = useResize;
+exports.useSelfUpdatingRef = useSelfUpdatingRef;
 exports.useTimeout = useTimeout;
 exports.useVisibilityChange = useVisibilityChange;

package/index.esm.js

@@ -2836,6 +2836,19 @@ const getWindowSize = () => {
     }
 };
 
+/**
+ * A useRef that updates its given value whenever it changes.
+ *
+ * @returns {boolean} Returns true if it is the first render, false otherwise.
+ */
+const useSelfUpdatingRef = (initialState) => {
+    const stateRef = useRef(initialState);
+    useEffect(() => {
+        stateRef.current = initialState;
+    }, [initialState]);
+    return stateRef;
+};
+
 /**
  * Returns a callback that will be called when the visibility state of the document changes.
  */
@@ -2853,4 +2866,4 @@ const useVisibilityChange = ({ onChange, targetState = "hidden" }) => {
     }, [onChange, targetState]);
 };
 
-export { Alert, Badge, 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, useGeometry, useHover, useIsFirstRender, useIsFullscreen, useIsTextCutOff, useLocalStorage, useLocalStorageReducer, useModal, useOptionallyElevatedState, useOverflowItems, usePopoverContext, usePrompt, useResize, useTimeout, useVisibilityChange };
+export { Alert, Badge, 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, useGeometry, useHover, useIsFirstRender, useIsFullscreen, useIsTextCutOff, useLocalStorage, useLocalStorageReducer, useModal, useOptionallyElevatedState, useOverflowItems, usePopoverContext, usePrompt, useResize, useSelfUpdatingRef, useTimeout, useVisibilityChange };

package/package.json

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

package/src/hooks/index.d.ts

@@ -12,5 +12,6 @@ export * from "./useIsFullScreen";
 export * from "./useIsTextCutOff";
 export * from "./useOptionallyElevatedState";
 export * from "./useResize";
+export * from "./useSelfUpdatingRef";
 export * from "./useTimeout";
 export * from "./useVisibilityChange";

package/src/hooks/useSelfUpdatingRef.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * A useRef that updates its given value whenever it changes.
+ *
+ * @returns {boolean} Returns true if it is the first render, false otherwise.
+ */
+export declare const useSelfUpdatingRef: <T>(initialState: T) => import("react").MutableRefObject<T>;