@trackunit/react-components 1.8.32 → 1.8.35

package/index.cjs.js

@@ -1896,9 +1896,9 @@ const ROLE_CARD = "region";
  * @param {CardProps} props - The props for the Card component
  * @returns {ReactElement} Card component
  */
-const Card = ({ children, onClick, fullHeight = false, onMouseEnter, onMouseLeave, className, dataTestId, ...rest }) => {
-    return (jsxRuntime.jsx("div", { className: cvaCard({ fullHeight, clickable: Boolean(onClick), className }), "data-testid": dataTestId, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, role: ROLE_CARD, ...rest, children: children }));
-};
+const Card = react.forwardRef(function Card({ children, onClick, fullHeight = false, onMouseEnter, onMouseLeave, className, dataTestId, ...rest }, ref) {
+    return (jsxRuntime.jsx("div", { className: cvaCard({ fullHeight, clickable: Boolean(onClick), className }), "data-testid": dataTestId, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: ref, role: ROLE_CARD, ...rest, children: children }));
+});
 
 /**
  * The CardBody component should be used to inform the user of important information.
@@ -1980,7 +1980,7 @@ const Heading = ({ variant = "primary", inverted = false, subtle = false, classN
 };
 
 /**
- * Header for Cards and Modals.
+ * Header for Cards.
  *
  * @param {CardHeaderProps} props - The props for the CardHeader component
  * @returns {ReactElement} CardHeader component

package/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useRef, useMemo, useEffect, useState, useCallback, createElement, useReducer, Fragment as Fragment$1, memo, forwardRef, createContext, useContext, isValidElement, cloneElement, Children } from 'react';
+import { useRef, useMemo, useEffect, useState, useCallback, createElement, useReducer, forwardRef, Fragment as Fragment$1, memo, createContext, useContext, isValidElement, cloneElement, Children } from 'react';
 import { objectKeys, uuidv4, objectEntries, objectValues, nonNullable } from '@trackunit/shared-utils';
 import { intentPalette, generalPalette, criticalityPalette, activityPalette, utilizationPalette, sitesPalette, rentalStatusPalette, themeScreenSizeAsNumber, color } from '@trackunit/ui-design-tokens';
 import { iconNames } from '@trackunit/ui-icons';
@@ -1894,9 +1894,9 @@ const ROLE_CARD = "region";
  * @param {CardProps} props - The props for the Card component
  * @returns {ReactElement} Card component
  */
-const Card = ({ children, onClick, fullHeight = false, onMouseEnter, onMouseLeave, className, dataTestId, ...rest }) => {
-    return (jsx("div", { className: cvaCard({ fullHeight, clickable: Boolean(onClick), className }), "data-testid": dataTestId, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, role: ROLE_CARD, ...rest, children: children }));
-};
+const Card = forwardRef(function Card({ children, onClick, fullHeight = false, onMouseEnter, onMouseLeave, className, dataTestId, ...rest }, ref) {
+    return (jsx("div", { className: cvaCard({ fullHeight, clickable: Boolean(onClick), className }), "data-testid": dataTestId, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: ref, role: ROLE_CARD, ...rest, children: children }));
+});
 
 /**
  * The CardBody component should be used to inform the user of important information.
@@ -1978,7 +1978,7 @@ const Heading = ({ variant = "primary", inverted = false, subtle = false, classN
 };
 
 /**
- * Header for Cards and Modals.
+ * Header for Cards.
  *
  * @param {CardHeaderProps} props - The props for the CardHeader component
  * @returns {ReactElement} CardHeader component

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "1.8.32",
+  "version": "1.8.35",
   "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.58",
-    "@trackunit/css-class-variance-utilities": "1.6.56",
-    "@trackunit/shared-utils": "1.8.57",
-    "@trackunit/ui-icons": "1.6.55",
-    "@trackunit/react-table-pagination": "1.6.55",
-    "@trackunit/react-test-setup": "1.3.56",
+    "@trackunit/ui-design-tokens": "1.6.60",
+    "@trackunit/css-class-variance-utilities": "1.6.58",
+    "@trackunit/shared-utils": "1.8.59",
+    "@trackunit/ui-icons": "1.6.57",
+    "@trackunit/react-table-pagination": "1.6.57",
+    "@trackunit/react-test-setup": "1.3.58",
     "@tanstack/react-router": "1.114.29"
   },
   "module": "./index.esm.js",

package/src/components/Card/Card.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes, MouseEventHandler, ReactElement, ReactNode } from "react";
+import { InputHTMLAttributes, MouseEventHandler, ReactNode } from "react";
 import { CommonProps } from "../../common/CommonProps";
 export declare const ROLE_CARD = "region";
 export interface CardProps extends CommonProps, InputHTMLAttributes<HTMLDivElement> {
@@ -30,4 +30,4 @@ export interface CardProps extends CommonProps, InputHTMLAttributes<HTMLDivEleme
  * @param {CardProps} props - The props for the Card component
  * @returns {ReactElement} Card component
  */
-export declare const Card: ({ children, onClick, fullHeight, onMouseEnter, onMouseLeave, className, dataTestId, ...rest }: CardProps) => ReactElement;
+export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;

package/src/components/Card/CardHeader.d.ts

@@ -39,7 +39,7 @@ export interface CardHeaderProps extends CommonProps {
     actions?: ReactNode | null;
 }
 /**
- * Header for Cards and Modals.
+ * Header for Cards.
  *
  * @param {CardHeaderProps} props - The props for the CardHeader component
  * @returns {ReactElement} CardHeader component