@aic-kits/react 0.33.1 → 0.34.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -14,8 +14,10 @@ export interface BarChartProps extends Omit<BoxProps, 'size'> {
14
14
  */
15
15
  data: BarData[];
16
16
  /**
17
- * Width of the chart - can be a number (pixels), string ('100px', 'auto', '100%'), or responsive values
18
- * When set, acts as maxWidth for responsive behavior
17
+ * Width of the chart
18
+ * Can be number (pixels), string ('100px', 'auto', '100%'),
19
+ * or responsive values. When set, acts as maxWidth for
20
+ * responsive behavior
19
21
  * @default 400
20
22
  */
21
23
  width?: WithResponsiveValue<number | string>;
@@ -25,7 +27,8 @@ export interface BarChartProps extends Omit<BoxProps, 'size'> {
25
27
  */
26
28
  minWidth?: WithResponsiveValue<number | string>;
27
29
  /**
28
- * Maximum width of the chart (if not set, width prop is used as maxWidth)
30
+ * Maximum width of the chart
31
+ * If not set, width prop is used as maxWidth
29
32
  */
30
33
  maxWidth?: WithResponsiveValue<number | string>;
31
34
  /**
@@ -82,6 +85,11 @@ export interface BarChartProps extends Omit<BoxProps, 'size'> {
82
85
  * @default 300
83
86
  */
84
87
  animationDuration?: number;
88
+ /**
89
+ * Show tooltip on hover
90
+ * @default true
91
+ */
92
+ showTooltip?: boolean;
85
93
  /**
86
94
  * Test ID for automation
87
95
  */
@@ -30,4 +30,11 @@ export declare const StyledBar: import('styled-components/dist/types').IStyledCo
30
30
  export declare const StyledAxisLine: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGLineElementAttributes<SVGLineElement>, StyledAxisLineProps>> & string;
31
31
  export declare const StyledAxisLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGTextElementAttributes<SVGTextElement>, StyledAxisLabelProps>> & string;
32
32
  export declare const StyledGridLine: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGLineElementAttributes<SVGLineElement>, StyledGridLineProps>> & string;
33
+ interface StyledTooltipProps {
34
+ $left: number;
35
+ $top: number;
36
+ }
37
+ export declare const StyledTooltip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTooltipProps>> & string;
38
+ export declare const StyledTooltipLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
39
+ export declare const StyledTooltipValue: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
33
40
  export {};
@@ -5,4 +5,4 @@ export interface NavItemContainerProps extends NavItemProps {
5
5
  onMouseEnter?: () => void;
6
6
  onToggleDropdown?: () => void;
7
7
  }
8
- export declare const NavItem: ({ label, isActive, isLoading, dropdownItems, onClick, size, isDropdownOpen, isDropdownItem, onMouseEnter, onToggleDropdown, paddingX, paddingY, }: NavItemContainerProps) => import("react/jsx-runtime").JSX.Element;
8
+ export declare const NavItem: ({ label, icon: IconComponent, iconSize, isActive, isLoading, dropdownItems, onClick, size, isDropdownOpen, isDropdownItem, onMouseEnter, onToggleDropdown, paddingX, paddingY, }: NavItemContainerProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +1,19 @@
1
+ import { Icon } from '@phosphor-icons/react';
1
2
  import { Color, Size, Space } from '../../theme';
2
3
  import { BoxProps } from '../Box';
3
4
  export interface NavItemProps {
4
5
  /**
5
6
  * Label for the navigation item
6
7
  */
7
- label: string;
8
+ label?: string;
9
+ /**
10
+ * Icon to display before the label
11
+ */
12
+ icon?: Icon;
13
+ /**
14
+ * Size of the icon in pixels. Overrides the default theme icon size.
15
+ */
16
+ iconSize?: number;
8
17
  /**
9
18
  * Whether this navigation item is currently active
10
19
  */