@trackunit/react-components 1.8.21 → 1.8.22

package/index.cjs.js

@@ -1588,7 +1588,13 @@ const useSelfUpdatingRef = (initialState) => {
  * }
  */
 const useViewportBreakpoints = () => {
-    const [viewportSize, setViewportSize] = react.useState(() => defaultBreakpointState);
+    const [viewportSize, setViewportSize] = react.useState(() => {
+        const newViewportSize = sharedUtils.objectEntries(uiDesignTokens.themeScreenSizeAsNumber).reduce((acc, [size, minWidth]) => ({
+            ...acc,
+            [breakpointPropsMap[size]]: window.matchMedia(`(min-width: ${minWidth}px)`).matches,
+        }), { ...defaultBreakpointState });
+        return newViewportSize;
+    });
     const updateViewportSize = react.useCallback(() => {
         const newViewportSize = sharedUtils.objectEntries(uiDesignTokens.themeScreenSizeAsNumber).reduce((acc, [size, minWidth]) => ({
             ...acc,
@@ -2766,7 +2772,7 @@ const Tooltip = ({ children, dataTestId, disabled, className, label, placement =
     const { isMounted } = react$1.useTransitionStatus(context);
     // Please don't try to move this into the component body directly
     // I tried and it caused infinite re-renders some places (for whatever reason)
-    const wrappedChildren = (jsxRuntime.jsx("div", { className: cvaTooltipContainer({ className }), "data-testid": dataTestId ? `${dataTestId}-parent` : undefined, children: children }));
+    const wrappedChildren = react.useMemo(() => (jsxRuntime.jsx("div", { className: cvaTooltipContainer({ className }), "data-testid": dataTestId ? `${dataTestId}-parent` : undefined, children: children })), [children, className, dataTestId]);
     const openTooltip = react.useCallback(() => {
         if (disabled) {
             return;

package/index.esm.js

@@ -1586,7 +1586,13 @@ const useSelfUpdatingRef = (initialState) => {
  * }
  */
 const useViewportBreakpoints = () => {
-    const [viewportSize, setViewportSize] = useState(() => defaultBreakpointState);
+    const [viewportSize, setViewportSize] = useState(() => {
+        const newViewportSize = objectEntries(themeScreenSizeAsNumber).reduce((acc, [size, minWidth]) => ({
+            ...acc,
+            [breakpointPropsMap[size]]: window.matchMedia(`(min-width: ${minWidth}px)`).matches,
+        }), { ...defaultBreakpointState });
+        return newViewportSize;
+    });
     const updateViewportSize = useCallback(() => {
         const newViewportSize = objectEntries(themeScreenSizeAsNumber).reduce((acc, [size, minWidth]) => ({
             ...acc,
@@ -2764,7 +2770,7 @@ const Tooltip = ({ children, dataTestId, disabled, className, label, placement =
     const { isMounted } = useTransitionStatus(context);
     // Please don't try to move this into the component body directly
     // I tried and it caused infinite re-renders some places (for whatever reason)
-    const wrappedChildren = (jsx("div", { className: cvaTooltipContainer({ className }), "data-testid": dataTestId ? `${dataTestId}-parent` : undefined, children: children }));
+    const wrappedChildren = useMemo(() => (jsx("div", { className: cvaTooltipContainer({ className }), "data-testid": dataTestId ? `${dataTestId}-parent` : undefined, children: children })), [children, className, dataTestId]);
     const openTooltip = useCallback(() => {
         if (disabled) {
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "1.8.21",
+  "version": "1.8.22",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -17,12 +17,12 @@
     "@floating-ui/react": "^0.26.25",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/ui-design-tokens": "1.6.50",
-    "@trackunit/css-class-variance-utilities": "1.6.48",
-    "@trackunit/shared-utils": "1.8.48",
-    "@trackunit/ui-icons": "1.6.47",
-    "@trackunit/react-table-pagination": "1.6.47",
-    "@trackunit/react-test-setup": "1.3.48",
+    "@trackunit/ui-design-tokens": "1.6.51",
+    "@trackunit/css-class-variance-utilities": "1.6.49",
+    "@trackunit/shared-utils": "1.8.49",
+    "@trackunit/ui-icons": "1.6.48",
+    "@trackunit/react-table-pagination": "1.6.48",
+    "@trackunit/react-test-setup": "1.3.49",
     "@tanstack/react-router": "1.114.29"
   },
   "module": "./index.esm.js",