@trackunit/react-components 1.4.170 → 1.4.172

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "1.4.170",
+  "version": "1.4.172",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -18,12 +18,12 @@
     "@tanstack/react-router": "1.114.29",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/ui-design-tokens": "1.3.137",
-    "@trackunit/css-class-variance-utilities": "1.3.139",
-    "@trackunit/shared-utils": "1.5.139",
-    "@trackunit/ui-icons": "1.3.139",
-    "@trackunit/react-table-pagination": "1.3.139",
-    "@trackunit/react-test-setup": "1.0.29"
+    "@trackunit/ui-design-tokens": "1.3.139",
+    "@trackunit/css-class-variance-utilities": "1.3.141",
+    "@trackunit/shared-utils": "1.5.141",
+    "@trackunit/ui-icons": "1.3.141",
+    "@trackunit/react-table-pagination": "1.3.141",
+    "@trackunit/react-test-setup": "1.0.31"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/components/Breadcrumb/utils/types.d.ts

@@ -4,11 +4,11 @@ export interface BreadcrumbItemProps {
     to: string;
 }
 export interface BreadcrumbProps extends CommonProps {
-    breadcrumbItems: BreadcrumbItemProps[];
+    breadcrumbItems: Array<BreadcrumbItemProps>;
     back: () => void;
 }
 export interface BreadcrumbContainerProps extends CommonProps {
-    breadcrumbItems: React.ReactElement<BreadcrumbItemProps>[];
+    breadcrumbItems: Array<React.ReactElement<BreadcrumbItemProps>>;
 }
 export interface BreadcrumbItemRenderProps extends CommonProps {
     item: React.ReactElement<BreadcrumbItemProps>;

package/src/components/Breadcrumb/utils/useBreadcrumbItemsToRender.d.ts

@@ -2,4 +2,4 @@ import { BreadcrumbItemProps } from "./types";
 /**
  * useBreadcrumbItemsToRender is a custom hook that takes an array of BreadcrumbItemProps and returns an array of React.ReactElement
  */
-export declare const useBreadcrumbItemsToRender: (breadcrumbItems: BreadcrumbItemProps[]) => React.ReactElement<BreadcrumbItemProps>[];
+export declare const useBreadcrumbItemsToRender: (breadcrumbItems: Array<BreadcrumbItemProps>) => Array<React.ReactElement<BreadcrumbItemProps>>;

package/src/components/Menu/MenuList/MenuList.d.ts

@@ -22,11 +22,11 @@ export interface MenuListProps extends CommonProps {
     /**
      * Array of IDs representing the currently selected items.
      */
-    selectedItems?: string[];
+    selectedItems?: Array<string>;
     /**
      * Callback triggered when selected items change.
      */
-    onSelectionChange?: (selected: string[]) => void;
+    onSelectionChange?: (selected: Array<string>) => void;
 }
 /**
  * The MenuList is a popover menu that appears above all other content on the page. The menu offers a list of actions or functions that a user can access by clicking on a trigger.

package/src/components/PageHeader/components/PageHeaderKpiMetrics.d.ts

@@ -1,4 +1,4 @@
 import { PageHeaderKpiMetricsType } from "../types";
 export declare const PageHeaderKpiMetrics: ({ kpiMetrics }: {
-    kpiMetrics: PageHeaderKpiMetricsType[];
+    kpiMetrics: Array<PageHeaderKpiMetricsType>;
 }) => import("react/jsx-runtime").JSX.Element;

package/src/components/PageHeader/components/PageHeaderSecondaryActions.d.ts

@@ -14,7 +14,7 @@ type ActionRendererProps = {
 };
 export declare function ActionRenderer({ action, isMenuItem, externalOnClick }: ActionRendererProps): import("react/jsx-runtime").JSX.Element;
 export declare const PageHeaderSecondaryActions: ({ actions, hasPrimaryAction, }: {
-    actions: PageHeaderSecondaryActionType[];
+    actions: Array<PageHeaderSecondaryActionType>;
     hasPrimaryAction?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/PageHeader/types.d.ts

@@ -72,12 +72,12 @@ interface BasePageHeaderProps extends CommonProps {
     tabsList?: ReactElement<TabListProps>;
 }
 interface WithActions {
-    secondaryActions?: PageHeaderSecondaryActionType[] | ReactNode;
+    secondaryActions?: Array<PageHeaderSecondaryActionType> | ReactNode;
     kpiMetrics?: never;
 }
 interface WithKpiMetrics {
     secondaryActions?: never;
-    kpiMetrics?: PageHeaderKpiMetricsType[];
+    kpiMetrics?: Array<PageHeaderKpiMetricsType>;
 }
 export type PageHeaderProps = BasePageHeaderProps & (WithActions | WithKpiMetrics);
 export {};

package/src/components/Polygon/Polygon.d.ts

@@ -1,7 +1,7 @@
 import { CommonProps } from "../../common/CommonProps";
 type Point = [number, number];
 export interface PolygonProps extends CommonProps {
-    points: Point[];
+    points: Array<Point>;
     size: number;
     color?: "white" | "black";
     opaque?: boolean;

package/src/components/Sidebar/Sidebar.d.ts

@@ -28,7 +28,7 @@ export interface SidebarProps extends CommonProps {
      *
      *  **For the overflow functionality to take effect use _"min-w-[*]"_ or _"flex-shrink-0"_ on the elements.**
      */
-    children: ReactElement<SidebarItemProps>[] | ReactElement<SidebarItemProps>;
+    children: Array<ReactElement<SidebarItemProps>> | ReactElement<SidebarItemProps>;
     /**
      * The childContainerClassName is applied to the element that contains the children.
      * This can be used to change gap or similar styling.

package/src/components/Sidebar/useOverflowItems.d.ts

@@ -5,14 +5,14 @@ export interface OverflowItemsOptions {
      * If the child elements of the container are not available at the time of the hook initialization,
      * you can pass the children as a prop, and the hook will initialize the observer when the children are available.
      */
-    children?: React.ReactElement<SidebarItemProps>[] | React.ReactElement<SidebarItemProps>;
+    children?: Array<React.ReactElement<SidebarItemProps>> | React.ReactElement<SidebarItemProps>;
     /**
      * The threshold for the intersection observer.
      * Learn more: https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#creating_an_intersection_observer
      *
      * @default 1
      */
-    threshold?: number | number[];
+    threshold?: number | Array<number>;
     /**
      * The unique identifier attribute for the child elements.
      * The identifier is the value that will be returned in the visibleItemsIds array.

package/src/components/SkeletonLines/SkeletonLines.d.ts

@@ -7,11 +7,11 @@ export interface SkeletonLinesProps extends CommonProps {
     /**
      * The height of lines. Can be a number or an array of numbers or string.
      */
-    height?: number | number[] | string;
+    height?: number | Array<number> | string;
     /**
      * The width of each line. Can be a number or an array of numbers or string.
      */
-    width?: number | number[] | string;
+    width?: number | Array<number> | string;
     /**
      * Margin of lines.
      */

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

@@ -5,7 +5,7 @@ export interface TabListProps extends TabsListProps {
     /**
      * The child elements to be displayed within the Tabs component.
      */
-    children: ReactElement<TabContentProps>[];
+    children: Array<ReactElement<TabContentProps>>;
     /**
      * A custom class name to be attached to root element
      */

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

@@ -38,7 +38,7 @@ export interface BasicToggleGroupListProps<TSelectedId extends string = string>
     };
 }
 export type ToggleGroupProps<TSelectedId extends string = string> = CommonProps & Omit<VariantProps<typeof cvaToggleGroup>, "className"> & {
-    list: readonly BasicToggleGroupListProps<TSelectedId>[];
+    list: ReadonlyArray<BasicToggleGroupListProps<TSelectedId>>;
     /**
      * Instead of onClick, we now use onChange to return the selected value
      */

package/src/hooks/useClickOutside.d.ts

@@ -7,7 +7,7 @@ import { RefObject } from "react";
  * @param {Function} [options.onClick] - The event handler for the click outside event.
  * @param {boolean} [options.active=true] - Whether the click outside event listener should be active.
  */
-export declare const useClickOutside: (el: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[], options: {
+export declare const useClickOutside: (el: RefObject<HTMLElement | null> | Array<RefObject<HTMLElement | null>>, options: {
     onClick: (ev: MouseEvent) => void;
     active?: boolean;
 }) => void;

package/src/hooks/useModifierKey.d.ts

@@ -3,7 +3,7 @@ interface UseModifierKeyProps {
     /**
      * Array of modifier keys to exclude from detection
      */
-    exclude?: ModifierKey[];
+    exclude?: Array<ModifierKey>;
 }
 /**
  * Hook that returns true if any modifier key (Ctrl, Alt, Shift, Meta/Cmd) is pressed