@trackunit/react-components 1.8.21 → 1.8.23

package/src/components/Tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import { ActivityColors, CriticalityColors, GeneralColors, IntentColors } from "@trackunit/ui-design-tokens";
-import { MouseEventHandler, ReactNode, Ref } from "react";
+import { MouseEventHandler, ReactElement, ReactNode, Ref } from "react";
 import { CommonProps, Size } from "../../common";
 export type TagSize = Extract<Size, "small" | "medium">;
 export type TagColors = IntentColors | GeneralColors | CriticalityColors | ActivityColors;
@@ -58,6 +58,6 @@ export interface TagProps extends CommonProps {
  * @returns {ReactElement} The rendered Tag component.
  */
 export declare const Tag: {
-    ({ className, dataTestId, children, size, onClose, color, disabled, ref, icon, onMouseEnter, }: TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, dataTestId, children, size, onClose, color, disabled, ref, icon, onMouseEnter, }: TagProps): ReactElement;
     displayName: string;
 };

package/src/components/ToggleGroup/ToggleGroup.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@trackunit/css-class-variance-utilities";
 import { MappedOmit } from "@trackunit/shared-utils";
 import { IconName } from "@trackunit/ui-icons";
-import { Dispatch, SetStateAction } from "react";
+import { Dispatch, ReactElement, SetStateAction } from "react";
 import { CommonProps } from "../../common/CommonProps";
 import { TooltipPlacement } from "../Tooltip/Tooltip";
 import { cvaToggleGroup } from "./ToggleGroup.variants";
@@ -38,7 +38,7 @@ export interface BasicToggleGroupListProps<TSelectedId extends string = string>
         placement?: TooltipPlacement;
     };
 }
-export type ToggleGroupProps<TSelectedId extends string = string> = CommonProps & Omit<VariantProps<typeof cvaToggleGroup>, "className"> & {
+export type ToggleGroupProps<TSelectedId extends string = string> = CommonProps & MappedOmit<VariantProps<typeof cvaToggleGroup>, "className"> & {
     list: ReadonlyArray<BasicToggleGroupListProps<TSelectedId>>;
     /**
      * Instead of onClick, we now use onChange to return the selected value
@@ -62,7 +62,7 @@ export type ToggleGroupProps<TSelectedId extends string = string> = CommonProps
  * @param {ToggleGroupProps} props - The props for the ToggleGroup component
  * @returns {ReactElement} ToggleGroup component
  */
-export declare const ToggleGroup: <TSelectedId extends string = string>({ list, selected, setSelected, onChange, disabled, size, isIconOnly, className, dataTestId, }: ToggleGroupProps<TSelectedId>) => import("react/jsx-runtime").JSX.Element;
+export declare const ToggleGroup: <TSelectedId extends string = string>({ list, selected, setSelected, onChange, disabled, size, isIconOnly, className, dataTestId, }: ToggleGroupProps<TSelectedId>) => ReactElement;
 export interface ToggleItemProps extends CommonProps, MappedOmit<BasicToggleGroupListProps<string>, "id"> {
     title: string;
     text?: {

package/src/components/ValueBar/ValueBar.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from "react";
 import { CommonProps, Size } from "../../common";
 import { LevelColors } from "./ValueBarTypes";
 type ValueBarSize = Extract<Size, "small" | "large"> | "extraSmall";
@@ -47,5 +48,5 @@ export interface ValueBarProps extends CommonProps {
  * @param {ValueBarProps} props - The props for the ValueBar component
  * @returns {ReactElement} ValueBar component
  */
-export declare const ValueBar: ({ value, min, max, unit, size, levelColors, valueColor, showValue, className, dataTestId, zeroScoreAllowed, }: ValueBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ValueBar: ({ value, min, max, unit, size, levelColors, valueColor, showValue, className, dataTestId, zeroScoreAllowed, }: ValueBarProps) => ReactElement;
 export {};

package/src/components/VirtualizedList/VirtualizedList.d.ts

@@ -30,5 +30,5 @@ export interface VirtualizedListProps extends CommonProps {
  * @property {loadingIndicator} [loadingIndicator="spinner"] - The type of loading indicator in the list.
  * @property {skeletonLinesHeight} [skeletonLinesHeight="2rem"] - The height of the skeleton lines.
  */
-export declare const VirtualizedList: ({ count, rowHeight, pagination, children, className, dataTestId, separator, loadingIndicator, skeletonLinesHeight, onRowClick, scrollRef, }: VirtualizedListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VirtualizedList: ({ count, rowHeight, pagination, children, className, dataTestId, separator, loadingIndicator, skeletonLinesHeight, onRowClick, scrollRef, }: VirtualizedListProps) => ReactElement;
 export {};

package/src/components/ZStack/ZStack.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactElement, ReactNode } from "react";
 import { CommonProps } from "../../common/CommonProps";
 export type ZStackProps = CommonProps & {
     children: ReactNode;
@@ -10,4 +10,4 @@ export type ZStackProps = CommonProps & {
  * @param { ZStackProps} props - The props for the  ZStack component
  * @returns {Element}  ZStack component
  */
-export declare const ZStack: ({ children, className, dataTestId }: ZStackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ZStack: ({ children, className, dataTestId }: ZStackProps) => ReactElement;

package/src/components/buttons/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, ReactNode, Ref } from "react";
+import { MouseEvent, ReactElement, ReactNode, Ref } from "react";
 import { Size } from "../../../common";
 import { ButtonCommonProps, ButtonType } from "../shared/ButtonProps";
 export interface ButtonProps extends Omit<ButtonCommonProps, "size"> {
@@ -57,6 +57,6 @@ export interface ButtonProps extends Omit<ButtonCommonProps, "size"> {
  * @returns {ReactElement} Button component
  */
 export declare const Button: {
-    ({ onClick, children, loading, disabled, className, fullWidth, prefix, suffix, variant, type, size, square, dataTestId, title, role, tabIndex, asChild, circular, ref, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+    ({ onClick, children, loading, disabled, className, fullWidth, prefix, suffix, variant, type, size, square, dataTestId, title, role, tabIndex, asChild, circular, ref, ...rest }: ButtonProps): ReactElement;
     displayName: string;
 };

package/src/components/buttons/IconButton/IconButton.d.ts

@@ -1,7 +1,8 @@
-import { ComponentType, JSX, ReactNode, Ref } from "react";
+import { MappedOmit } from "@trackunit/shared-utils";
+import { ComponentType, JSX, ReactElement, ReactNode, Ref } from "react";
 import { Size } from "../../../common";
 import { ButtonCommonProps } from "../shared/ButtonProps";
-export interface IconButtonProps extends Omit<ButtonCommonProps, "size"> {
+export interface IconButtonProps extends MappedOmit<ButtonCommonProps, "size"> {
     /**
      * The icon to display.
      */
@@ -28,6 +29,6 @@ export interface IconButtonProps extends Omit<ButtonCommonProps, "size"> {
  *
  */
 export declare const IconButton: {
-    ({ icon, size, square, loading, disabled, className, ref, ...rest }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+    ({ icon, size, square, loading, disabled, className, ref, ...rest }: IconButtonProps): ReactElement;
     displayName: string;
 };

package/src/components/buttons/StarButton/StarButton.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent } from "react";
+import { MouseEvent, ReactElement } from "react";
 interface StarButtonProps {
     starred: boolean;
     onClick: (e: MouseEvent) => void;
@@ -9,5 +9,5 @@ interface StarButtonProps {
  * @param {StarButtonProps} props - The props for the StarButton component
  * @returns {ReactElement} StarButton component
  */
-export declare const StarButton: ({ starred, onClick }: StarButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StarButton: ({ starred, onClick }: StarButtonProps) => ReactElement;
 export {};

package/src/hooks/useContinuousTimeout.d.ts

@@ -17,6 +17,6 @@ export declare const useContinuousTimeout: ({ onTimeout, onMaxRetries, duration,
     startTimeouts: () => void;
     stopTimeouts: () => void;
     isRunning: boolean;
-    readonly retries: number;
+    retries: number;
 };
 export {};

package/src/hooks/useSelfUpdatingRef.d.ts

@@ -3,4 +3,4 @@
  *
  * @returns {boolean} Returns true if it is the first render, false otherwise.
  */
-export declare const useSelfUpdatingRef: <TState>(initialState: TState) => import("react").RefObject<TState>;
+export declare const useSelfUpdatingRef: <TState>(initialState: TState) => React.RefObject<TState>;