@trackunit/react-components 0.1.117 → 0.1.119

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

@@ -1,44 +1,44 @@
-/// <reference types="react" />
-import { CommonProps } from "../../common";
-import { LevelColors } from "./ValueBarTypes";
-export interface ValueBarProps extends CommonProps {
-    /**
-     * Value to display.
-     */
-    value: number;
-    /**
-     * Minimum value visible on the bar.
-     */
-    min?: number;
-    /**
-     * Maximum value visible on the bar.
-     */
-    max?: number;
-    /**
-     * Value unit. Visible only together with value if showValue parameter is set to true.
-     */
-    unit?: string;
-    /**
-     * Size of the tooltip
-     */
-    size?: "small" | "large";
-    /**
-     * Custom level colors. If this param is not provided then default values are used.
-     */
-    levelColors?: LevelColors;
-    /**
-     * Custom value color. If this param is not provided then default value is used.
-     */
-    valueColor?: string;
-    /**
-     * Show value with unit (if provided) on the bar in large version or after the bar in the small version.
-     */
-    showValue?: boolean;
-}
-/**
- * ValueBar component is used to display value on a colorful bar within provided range.
- *
- * @param {ValueBarProps} props - The props for the ValueBar component
- * @returns {JSX.Element} ValueBar component
- */
-export declare const ValueBar: ({ value, min, max, unit, size, levelColors, valueColor, showValue, className, dataTestId, }: ValueBarProps) => JSX.Element;
+/// <reference types="react" />
+import { CommonProps } from "../../common";
+import { LevelColors } from "./ValueBarTypes";
+export interface ValueBarProps extends CommonProps {
+    /**
+     * Value to display.
+     */
+    value: number;
+    /**
+     * Minimum value visible on the bar.
+     */
+    min?: number;
+    /**
+     * Maximum value visible on the bar.
+     */
+    max?: number;
+    /**
+     * Value unit. Visible only together with value if showValue parameter is set to true.
+     */
+    unit?: string;
+    /**
+     * Size of the tooltip
+     */
+    size?: "small" | "large";
+    /**
+     * Custom level colors. If this param is not provided then default values are used.
+     */
+    levelColors?: LevelColors;
+    /**
+     * Custom value color. If this param is not provided then default value is used.
+     */
+    valueColor?: string;
+    /**
+     * Show value with unit (if provided) on the bar in large version or after the bar in the small version.
+     */
+    showValue?: boolean;
+}
+/**
+ * ValueBar component is used to display value on a colorful bar within provided range.
+ *
+ * @param {ValueBarProps} props - The props for the ValueBar component
+ * @returns {JSX.Element} ValueBar component
+ */
+export declare const ValueBar: ({ value, min, max, unit, size, levelColors, valueColor, showValue, className, dataTestId, }: ValueBarProps) => JSX.Element;

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

@@ -1,9 +1,9 @@
-export declare const cvaValueBar: (props?: ({
-    size?: "small" | "large" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const cvaValueBarProgress: (props?: ({
-    fill?: "default" | "background" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const cvaValueBarText: (props?: ({
-    size?: "small" | "large" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaValueBar: (props?: ({
+    size?: "small" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaValueBarProgress: (props?: ({
+    fill?: "default" | "background" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaValueBarText: (props?: ({
+    size?: "small" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

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

@@ -1,35 +1,35 @@
-import { LevelColors } from "./ValueBarTypes";
-/**
- * Helper function to get normalized score in range 0-1 used by the ValueBar
- *
- * @param {number} value - value for which score should be returned
- * @param {number} min - min range value
- * @param {number} max - max range value
- * @returns {number} normalized score
- */
-export declare const getScore: (value: number, min: number, max: number) => number;
-/**
- * Helper function to get default color used by the ValueBar
- *
- * @param {number} score - score number for which color should be returned
- * @returns {string} color value
- */
-export declare const getDefaultFillColor: (score: number) => string;
-/**
- * Helper function to get custom color used by the ValueBar
- *
- * @param {number} score - score number for which color should be returned
- * @param {LevelColors} levelColors - custom colors and levels definitions
- * @returns {string} color value
- */
-export declare const getFillColor: (score: number, levelColors: LevelColors) => string;
-/**
- * Helper function to get color used by the ValueBar
- *
- * @param {number} value - value for which color should be returned
- * @param {number} min - min range value
- * @param {number} max - max range value
- * @param {LevelColors} levelColors - level colors used to coloring the bar
- * @returns {JSX.Element} ValueBar component
- */
-export declare const getValueBarColorByValue: (value: number, min: number, max: number, levelColors: LevelColors) => string;
+import { LevelColors } from "./ValueBarTypes";
+/**
+ * Helper function to get normalized score in range 0-1 used by the ValueBar
+ *
+ * @param {number} value - value for which score should be returned
+ * @param {number} min - min range value
+ * @param {number} max - max range value
+ * @returns {number} normalized score
+ */
+export declare const getScore: (value: number, min: number, max: number) => number;
+/**
+ * Helper function to get default color used by the ValueBar
+ *
+ * @param {number} score - score number for which color should be returned
+ * @returns {string} color value
+ */
+export declare const getDefaultFillColor: (score: number) => string;
+/**
+ * Helper function to get custom color used by the ValueBar
+ *
+ * @param {number} score - score number for which color should be returned
+ * @param {LevelColors} levelColors - custom colors and levels definitions
+ * @returns {string} color value
+ */
+export declare const getFillColor: (score: number, levelColors: LevelColors) => string;
+/**
+ * Helper function to get color used by the ValueBar
+ *
+ * @param {number} value - value for which color should be returned
+ * @param {number} min - min range value
+ * @param {number} max - max range value
+ * @param {LevelColors} levelColors - level colors used to coloring the bar
+ * @returns {JSX.Element} ValueBar component
+ */
+export declare const getValueBarColorByValue: (value: number, min: number, max: number, levelColors: LevelColors) => string;

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

@@ -1,9 +1,9 @@
-export interface LevelColor {
-    level?: number;
-    color: string;
-}
-export interface LevelColors {
-    low?: LevelColor;
-    medium?: LevelColor;
-    high?: LevelColor;
-}
+export interface LevelColor {
+    level?: number;
+    color: string;
+}
+export interface LevelColors {
+    low?: LevelColor;
+    medium?: LevelColor;
+    high?: LevelColor;
+}

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

@@ -1,3 +1,3 @@
-export * from "./ValueBar";
-export * from "./ValueBarTypes";
-export { getValueBarColorByValue } from "./ValueBarHelper";
+export * from "./ValueBar";
+export * from "./ValueBarTypes";
+export { getValueBarColorByValue } from "./ValueBarHelper";

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

@@ -1,14 +1,14 @@
-import { CommonProps, Size } from "../../../common";
-export type BackToTopColor = "primary" | "secondary";
-export interface StyledBackToTopProps {
-    $color?: BackToTopColor;
-}
-export interface BackToTopProps extends CommonProps {
-    color?: BackToTopColor;
-    size?: Size;
-}
-/**
- * BackToTopButton appears at the bottom-right corner of the screen when the user scrolls down the page. When clicked, the page scrolls smoothly to the top.
- *
- */
-export declare const BackToTopButton: ({ color, size, dataTestId, className }: BackToTopProps) => JSX.Element;
+import { CommonProps, Size } from "../../../common";
+export type BackToTopColor = "primary" | "secondary";
+export interface StyledBackToTopProps {
+    $color?: BackToTopColor;
+}
+export interface BackToTopProps extends CommonProps {
+    color?: BackToTopColor;
+    size?: Size;
+}
+/**
+ * BackToTopButton appears at the bottom-right corner of the screen when the user scrolls down the page. When clicked, the page scrolls smoothly to the top.
+ *
+ */
+export declare const BackToTopButton: ({ color, size, dataTestId, className }: BackToTopProps) => JSX.Element;

package/src/components/buttons/BackToTopButton/BackToTopButton.variants.d.ts

@@ -1,3 +1,3 @@
-export declare const cvaBackToTopButton: (props?: ({
-    color?: "primary" | "secondary" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaBackToTopButton: (props?: ({
+    color?: "primary" | "secondary" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

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

@@ -1,44 +1,44 @@
-import * as React from "react";
-import { ButtonCommonProps, ButtonType } from "../shared/ButtonProps";
-export interface ButtonProps extends ButtonCommonProps {
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * Child nodes. Can be used to pass in text to be displayed on the button.
-     */
-    children?: React.ReactNode;
-    /**
-     * Whether button is fullWidth or not.
-     */
-    fullWidth?: boolean;
-    /**
-     * The button prefix.
-     */
-    prefix?: React.ReactNode;
-    /**
-     * The button suffix.
-     */
-    suffix?: React.ReactNode;
-    /**
-     * The type of the button. Values can be "submit" or "button".
-     */
-    type?: ButtonType;
-    /**
-     * The element type the button will be rendered as.
-     */
-    renderAs?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
-    /**
-     * The Id of the form to submit, for button type submit
-     */
-    form?: string;
-    /**
-     * The name of the button
-     */
-    name?: string;
-}
-/**
- * Buttons allow users to perform an action when triggered.
- *
- * @param {ButtonProps} props - The props for the Button component
- * @returns {JSX.Element} Button component
- */
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+import * as React from "react";
+import { ButtonCommonProps, ButtonType } from "../shared/ButtonProps";
+export interface ButtonProps extends ButtonCommonProps {
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * Child nodes. Can be used to pass in text to be displayed on the button.
+     */
+    children?: React.ReactNode;
+    /**
+     * Whether button is fullWidth or not.
+     */
+    fullWidth?: boolean;
+    /**
+     * The button prefix.
+     */
+    prefix?: React.ReactNode;
+    /**
+     * The button suffix.
+     */
+    suffix?: React.ReactNode;
+    /**
+     * The type of the button. Values can be "submit" or "button".
+     */
+    type?: ButtonType;
+    /**
+     * The element type the button will be rendered as.
+     */
+    renderAs?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
+    /**
+     * The Id of the form to submit, for button type submit
+     */
+    form?: string;
+    /**
+     * The name of the button
+     */
+    name?: string;
+}
+/**
+ * Buttons allow users to perform an action when triggered.
+ *
+ * @param {ButtonProps} props - The props for the Button component
+ * @returns {JSX.Element} Button component
+ */
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,20 +1,20 @@
-import * as React from "react";
-import { Size } from "../../../common";
-import { ButtonCommonProps } from "../shared/ButtonProps";
-export interface IconButtonProps extends ButtonCommonProps {
-    /**
-     * The icon to display.
-     */
-    icon: React.ReactNode;
-    /**
-     * The element type the button will be rendered as.
-     *
-     * @memberof IconButtonProps
-     */
-    renderAs?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
-    /**
-     * The size of the button. Defaults to "small".
-     */
-    size?: Size;
-}
-export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+import * as React from "react";
+import { Size } from "../../../common";
+import { ButtonCommonProps } from "../shared/ButtonProps";
+export interface IconButtonProps extends ButtonCommonProps {
+    /**
+     * The icon to display.
+     */
+    icon: React.ReactNode;
+    /**
+     * The element type the button will be rendered as.
+     *
+     * @memberof IconButtonProps
+     */
+    renderAs?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
+    /**
+     * The size of the button. Defaults to "small".
+     */
+    size?: Size;
+}
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,13 +1,13 @@
-import * as React from "react";
-interface StarButtonProps {
-    starred: boolean;
-    onClick: (e: React.MouseEvent) => void;
-}
-/**
- * The StarButton component is used for favorite actions or similar.
- *
- * @param {StarButtonProps} props - The props for the StarButton component
- * @returns {JSX.Element} StarButton component
- */
-export declare const StarButton: ({ starred, onClick }: StarButtonProps) => JSX.Element;
-export {};
+import * as React from "react";
+interface StarButtonProps {
+    starred: boolean;
+    onClick: (e: React.MouseEvent) => void;
+}
+/**
+ * The StarButton component is used for favorite actions or similar.
+ *
+ * @param {StarButtonProps} props - The props for the StarButton component
+ * @returns {JSX.Element} StarButton component
+ */
+export declare const StarButton: ({ starred, onClick }: StarButtonProps) => JSX.Element;
+export {};

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

@@ -1,4 +1,4 @@
-export * from "./Button/Button";
-export * from "./IconButton/IconButton";
-export * from "./shared/ButtonProps";
-export * from "./StarButton/StarButton";
+export * from "./Button/Button";
+export * from "./IconButton/IconButton";
+export * from "./shared/ButtonProps";
+export * from "./StarButton/StarButton";

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

@@ -1,13 +1,13 @@
-export declare const cvaButton: (props?: ({
-    color?: "primary" | "secondary" | "danger" | "warning" | "tertiary" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
-    rounded?: boolean | null | undefined;
-    fullWidth?: boolean | null | undefined;
-    square?: boolean | null | undefined;
-    disabled?: boolean | null | undefined;
-    variant?: "transparent" | "filled" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const cvaButtonSpinner: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaIconButtonContainer: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaButton: (props?: ({
+    color?: "primary" | "secondary" | "danger" | "warning" | "tertiary" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+    rounded?: boolean | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    square?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+    variant?: "transparent" | "filled" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaButtonSpinner: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaIconButtonContainer: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/buttons/shared/ButtonProps.d.ts

@@ -1,48 +1,48 @@
-/// <reference types="react" />
-import { GeneralColors, IntentColors } from "@trackunit/ui-design-tokens";
-import { CommonProps, Size } from "../../../common/CommonProps";
-export type ButtonVariant = "filled" | "transparent";
-export type ButtonColor = Extract<GeneralColors, "primary" | "secondary"> | Extract<IntentColors, "warning" | "danger"> | "tertiary";
-export type ButtonType = "button" | "submit";
-export interface ButtonCommonProps extends CommonProps {
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * Whether the button is loading.
-     */
-    loading?: boolean;
-    /**
-     * Whether the button is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Button with square aspect ratio.
-     */
-    square?: boolean;
-    /**
-     * The button's variant. Values are filled, transparent, plain.
-     */
-    color?: ButtonColor;
-    /**
-     * The variant of the button.
-     */
-    variant?: ButtonVariant;
-    /**
-     * The size of the button.
-     */
-    size?: Size;
-    /**
-     * The link to be used for the button.
-     */
-    to?: string;
-    /**
-     * The id of the button.
-     */
-    id?: string;
-    /**
-     * Whether the button is circular or not.
-     */
-    circular?: boolean;
-    title?: string;
-    tabIndex?: number;
-    role?: string;
-}
+/// <reference types="react" />
+import { GeneralColors, IntentColors } from "@trackunit/ui-design-tokens";
+import { CommonProps, Size } from "../../../common/CommonProps";
+export type ButtonVariant = "filled" | "transparent";
+export type ButtonColor = Extract<GeneralColors, "primary" | "secondary"> | Extract<IntentColors, "warning" | "danger"> | "tertiary";
+export type ButtonType = "button" | "submit";
+export interface ButtonCommonProps extends CommonProps {
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * Whether the button is loading.
+     */
+    loading?: boolean;
+    /**
+     * Whether the button is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Button with square aspect ratio.
+     */
+    square?: boolean;
+    /**
+     * The button's variant. Values are filled, transparent, plain.
+     */
+    color?: ButtonColor;
+    /**
+     * The variant of the button.
+     */
+    variant?: ButtonVariant;
+    /**
+     * The size of the button.
+     */
+    size?: Size;
+    /**
+     * The link to be used for the button.
+     */
+    to?: string;
+    /**
+     * The id of the button.
+     */
+    id?: string;
+    /**
+     * Whether the button is circular or not.
+     */
+    circular?: boolean;
+    title?: string;
+    tabIndex?: number;
+    role?: string;
+}

package/src/components/index.d.ts

@@ -1,30 +1,30 @@
-export * from "./Alert";
-export * from "./Badge";
-export * from "./buttons";
-export * from "./Card";
-export * from "./Collapse";
-export * from "./CopyableText";
-export * from "./DayPicker";
-export * from "./Drawer/Drawer";
-export * from "./ExternalLink/ExternalLink";
-export * from "./Heading";
-export * from "./Icon/Icon";
-export * from "./Indicator";
-export * from "./Menu";
-export * from "./Modal";
-export * from "./PageHeader";
-export * from "./Pagination/Pagination";
-export * from "./Popover";
-export * from "./Popover/Popover";
-export * from "./Prompt";
-export * from "./SectionHeader";
-export * from "./Sidebar/Sidebar";
-export * from "./SkeletonLines";
-export * from "./Spacer";
-export * from "./Spinner";
-export * from "./Tag";
-export * from "./Text";
-export * from "./Timeline/Timeline";
-export * from "./Tip";
-export * from "./Tooltip";
-export * from "./ValueBar";
+export * from "./Alert";
+export * from "./Badge";
+export * from "./buttons";
+export * from "./Card";
+export * from "./Collapse";
+export * from "./CopyableText";
+export * from "./DayPicker";
+export * from "./Drawer/Drawer";
+export * from "./ExternalLink/ExternalLink";
+export * from "./Heading";
+export * from "./Icon/Icon";
+export * from "./Indicator";
+export * from "./Menu";
+export * from "./Modal";
+export * from "./PageHeader";
+export * from "./Pagination/Pagination";
+export * from "./Popover";
+export * from "./Popover/Popover";
+export * from "./Prompt";
+export * from "./SectionHeader";
+export * from "./Sidebar/Sidebar";
+export * from "./SkeletonLines";
+export * from "./Spacer";
+export * from "./Spinner";
+export * from "./Tag";
+export * from "./Text";
+export * from "./Timeline/Timeline";
+export * from "./Tip";
+export * from "./Tooltip";
+export * from "./ValueBar";

package/src/hooks/index.d.ts

@@ -1,9 +1,9 @@
-export * from "./useClickOutside";
-export * from "./useDebounce";
-export * from "./useDevicePixelRatio";
-export * from "./useHover";
-export * from "./useIsFirstRender";
-export * from "./useLocalStorage";
-export * from "./useLocalStorageReducer";
-export * from "./useResize";
-export * from "./useTimeout";
+export * from "./useClickOutside";
+export * from "./useDebounce";
+export * from "./useDevicePixelRatio";
+export * from "./useHover";
+export * from "./useIsFirstRender";
+export * from "./useLocalStorage";
+export * from "./useLocalStorageReducer";
+export * from "./useResize";
+export * from "./useTimeout";

package/src/hooks/useClickOutside.d.ts

@@ -1,12 +1,12 @@
-import { RefObject } from "react";
-/**
- * Custom hook to handle click outside events.
- *
- * @param {RefObject<HTMLElement> | Array<RefObject<HTMLElement>>} el - The reference(s) to the element(s) to watch for click outside events.
- * @param {Object | Function} [options={}] - Configuration options or the click event handler if options are not provided.
- * @param {boolean} [options.active=true] - Whether the click outside event listener should be active.
- * @param {Function} [onClick] - The event handler for the click outside event.
- */
-export declare const useClickOutside: (el: RefObject<HTMLElement> | RefObject<HTMLElement>[], options?: {
-    active?: boolean | undefined;
-} | ((ev: MouseEvent) => void), onClick?: ((ev: MouseEvent) => void) | undefined) => void;
+import { RefObject } from "react";
+/**
+ * Custom hook to handle click outside events.
+ *
+ * @param {RefObject<HTMLElement> | Array<RefObject<HTMLElement>>} el - The reference(s) to the element(s) to watch for click outside events.
+ * @param {Object | Function} [options={}] - Configuration options or the click event handler if options are not provided.
+ * @param {boolean} [options.active=true] - Whether the click outside event listener should be active.
+ * @param {Function} [onClick] - The event handler for the click outside event.
+ */
+export declare const useClickOutside: (el: RefObject<HTMLElement> | RefObject<HTMLElement>[], options?: {
+    active?: boolean | undefined;
+} | ((ev: MouseEvent) => void), onClick?: ((ev: MouseEvent) => void) | undefined) => void;