@trackunit/react-components 1.8.22 → 1.8.24

package/src/components/Tabs/TabContent.d.ts

@@ -1,6 +1,6 @@
 import { TabsContentProps } from "@radix-ui/react-tabs";
 import { IconName } from "@trackunit/ui-icons";
-import { ReactNode } from "react";
+import { ReactElement, ReactNode } from "react";
 export interface TabContentProps extends TabsContentProps {
     className?: string;
     dataTestId?: string;
@@ -11,4 +11,4 @@ export interface TabContentProps extends TabsContentProps {
 /**
  * Wrapper for radix tab content component.
  */
-export declare const TabContent: ({ className, dataTestId, children, ...rest }: TabContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabContent: ({ className, dataTestId, children, ...rest }: TabContentProps) => ReactElement;

package/src/components/Tabs/TabList.d.ts

@@ -18,4 +18,4 @@ export interface TabListProps extends TabsListProps {
 /**
  * Wrapper for radix tab list component.
  */
-export declare const TabList: ({ className, dataTestId, children, ...rest }: TabListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabList: ({ className, dataTestId, children, ...rest }: TabListProps) => ReactElement;

package/src/components/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import { TabsProps as TabsRootProps } from "@radix-ui/react-tabs";
-import { ReactNode } from "react";
+import { ReactElement, ReactNode } from "react";
 export interface TabsProps extends TabsRootProps {
     /**
      * If set to true, forces the content of all tabs to render even if not selected.
@@ -25,4 +25,4 @@ export interface TabsProps extends TabsRootProps {
 /**
  * Tabs are used to group different but related content, allowing users to navigate views without leaving the page. They always contain at least two items and one tab is active at a time. Tabs can be used on full page layouts or in components such as modals or tables.
  */
-export declare const Tabs: ({ children, forceRender, className, dataTestId, fullWidth, ...rest }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: ({ children, forceRender, className, dataTestId, fullWidth, ...rest }: TabsProps) => ReactElement;

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

@@ -17,6 +17,8 @@ export * from "./Icon/Icon";
 export * from "./Indicator";
 export * from "./KPI/KPI";
 export * from "./KPICard/KPICard";
+export * from "./List/List";
+export * from "./List/List.variants";
 export * from "./ListItem/ListItem";
 export * from "./Menu";
 export * from "./Notice";
@@ -44,7 +46,5 @@ export * from "./ToggleGroup/ToggleGroup";
 export * from "./ToggleGroup/ToggleGroup.variants";
 export * from "./Tooltip";
 export * from "./ValueBar";
-export * from "./VirtualizedList/VirtualizedList";
-export * from "./VirtualizedList/VirtualizedList.variants";
 export * from "./ZStack/ZStack";
 export * from "./ZStack/ZStack.variants";

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>;