@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.
- package/dist/components/BarChart/BarChart.d.ts +11 -3
- package/dist/components/BarChart/StyledBarChart.d.ts +7 -0
- package/dist/components/Header/NavItem.d.ts +1 -1
- package/dist/components/Header/types.d.ts +10 -1
- package/dist/index.cjs +171 -149
- package/dist/index.js +6892 -6600
- package/dist/theme/components/header.d.ts +2 -0
- package/package.json +2 -2
|
@@ -14,8 +14,10 @@ export interface BarChartProps extends Omit<BoxProps, 'size'> {
|
|
|
14
14
|
*/
|
|
15
15
|
data: BarData[];
|
|
16
16
|
/**
|
|
17
|
-
* Width of the chart
|
|
18
|
-
*
|
|
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
|
|
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
|
|
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
|
*/
|