@trinityui/design-system 1.0.12 → 1.0.15
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/CHANGELOG.md +38 -0
- package/CONTRIBUTING.md +2 -0
- package/README.md +124 -9
- package/dist/assets/design-system.css +1 -0
- package/dist/charts.js +6121 -2188
- package/dist/components/Autocomplete/Autocomplete.d.ts +113 -0
- package/dist/components/Autocomplete/Autocomplete.d.ts.map +1 -0
- package/dist/components/Autocomplete/index.d.ts +8 -0
- package/dist/components/Autocomplete/index.d.ts.map +1 -0
- package/dist/components/Charts/AreaChart.d.ts +1 -34
- package/dist/components/Charts/AreaChart.d.ts.map +1 -1
- package/dist/components/Charts/BarChart.d.ts +1 -43
- package/dist/components/Charts/BarChart.d.ts.map +1 -1
- package/dist/components/Charts/ComposedChart.d.ts +1 -30
- package/dist/components/Charts/ComposedChart.d.ts.map +1 -1
- package/dist/components/Charts/CustomTooltip.d.ts +1 -1
- package/dist/components/Charts/CustomTooltip.d.ts.map +1 -1
- package/dist/components/Charts/LineChart.d.ts +1 -32
- package/dist/components/Charts/LineChart.d.ts.map +1 -1
- package/dist/components/Charts/PieChart.d.ts +1 -47
- package/dist/components/Charts/PieChart.d.ts.map +1 -1
- package/dist/components/Charts/RadialChart.d.ts +1 -46
- package/dist/components/Charts/RadialChart.d.ts.map +1 -1
- package/dist/components/Charts/ScatterChart.d.ts +1 -50
- package/dist/components/Charts/ScatterChart.d.ts.map +1 -1
- package/dist/components/Charts/Sparkline.d.ts +1 -40
- package/dist/components/Charts/Sparkline.d.ts.map +1 -1
- package/dist/components/Charts/highchartsUtils.d.ts +12 -0
- package/dist/components/Charts/highchartsUtils.d.ts.map +1 -0
- package/dist/components/Charts/index.d.ts +1 -1
- package/dist/components/Charts/types.d.ts +3 -4
- package/dist/components/Charts/types.d.ts.map +1 -1
- package/dist/components/ClearableTextField/ClearableTextField.d.ts +42 -0
- package/dist/components/ClearableTextField/ClearableTextField.d.ts.map +1 -0
- package/dist/components/ClearableTextField/index.d.ts +2 -0
- package/dist/components/ClearableTextField/index.d.ts.map +1 -0
- package/dist/components/Cron/Cron.d.ts +51 -0
- package/dist/components/Cron/Cron.d.ts.map +1 -0
- package/dist/components/Cron/index.d.ts +2 -0
- package/dist/components/Cron/index.d.ts.map +1 -0
- package/dist/components/DataTable/CellRenderers.d.ts +1 -2
- package/dist/components/DataTable/CellRenderers.d.ts.map +1 -1
- package/dist/components/DataTable/DataTable.d.ts +4 -29
- package/dist/components/DataTable/DataTable.d.ts.map +1 -1
- package/dist/components/DataTable/InlineAddRow.d.ts +2 -3
- package/dist/components/DataTable/InlineAddRow.d.ts.map +1 -1
- package/dist/components/DataTable/agGridEnterprise.d.ts +2 -0
- package/dist/components/DataTable/agGridEnterprise.d.ts.map +1 -0
- package/dist/components/DataTable/index.d.ts +2 -1
- package/dist/components/DataTable/index.d.ts.map +1 -1
- package/dist/components/DataTable/types.d.ts +48 -1
- package/dist/components/DataTable/types.d.ts.map +1 -1
- package/dist/components/GoToTop/GoToTop.d.ts +33 -0
- package/dist/components/GoToTop/GoToTop.d.ts.map +1 -0
- package/dist/components/GoToTop/index.d.ts +2 -0
- package/dist/components/GoToTop/index.d.ts.map +1 -0
- package/dist/components/OverflowTooltip/OverflowTooltip.d.ts +27 -0
- package/dist/components/OverflowTooltip/OverflowTooltip.d.ts.map +1 -0
- package/dist/components/OverflowTooltip/index.d.ts +4 -0
- package/dist/components/OverflowTooltip/index.d.ts.map +1 -0
- package/dist/components/Popper/Popper.d.ts +49 -0
- package/dist/components/Popper/Popper.d.ts.map +1 -0
- package/dist/components/Popper/index.d.ts +2 -0
- package/dist/components/Popper/index.d.ts.map +1 -0
- package/dist/components/PredictiveTextInput/PredictiveTextInput.d.ts +83 -0
- package/dist/components/PredictiveTextInput/PredictiveTextInput.d.ts.map +1 -0
- package/dist/components/PredictiveTextInput/index.d.ts +2 -0
- package/dist/components/PredictiveTextInput/index.d.ts.map +1 -0
- package/dist/components/RichTextEditor/RichTextEditor.d.ts +15 -28
- package/dist/components/RichTextEditor/RichTextEditor.d.ts.map +1 -1
- package/dist/components/SimpleTable/SimpleTable.d.ts +2 -2
- package/dist/components/VirtualizedAutocomplete/index.d.ts +9 -1
- package/dist/components/VirtualizedAutocomplete/index.d.ts.map +1 -1
- package/dist/components/index.d.ts +14 -2
- package/dist/components/index.d.ts.map +1 -1
- package/dist/data-table.d.ts +1 -1
- package/dist/data-table.d.ts.map +1 -1
- package/dist/data-table.js +3 -2
- package/dist/data-table2.js +84388 -931
- package/dist/forms.js +45066 -809
- package/dist/index.d.ts +14 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5030 -3084
- package/package.json +24 -24
- package/dist/components/VirtualizedAutocomplete/VirtualizedAutocomplete.d.ts +0 -50
- package/dist/components/VirtualizedAutocomplete/VirtualizedAutocomplete.d.ts.map +0 -1
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview Generic typed autocomplete with optional list virtualization.
|
|
3
|
+
* @module components/Autocomplete
|
|
4
|
+
*/
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import { type AutocompleteProps as MuiAutocompleteProps, type AutocompleteValue, type TextFieldProps } from '@mui/material';
|
|
7
|
+
type AsyncPrimitive = string | number | boolean;
|
|
8
|
+
export interface AutocompleteAsyncRequest {
|
|
9
|
+
search: string;
|
|
10
|
+
page: number;
|
|
11
|
+
pageSize: number;
|
|
12
|
+
signal: AbortSignal;
|
|
13
|
+
}
|
|
14
|
+
export interface AutocompleteAsyncResult<T> {
|
|
15
|
+
options: T[];
|
|
16
|
+
hasMore: boolean;
|
|
17
|
+
nextPage?: number;
|
|
18
|
+
}
|
|
19
|
+
export type AutocompleteAsyncDataSource<T> = (request: AutocompleteAsyncRequest) => Promise<AutocompleteAsyncResult<T> | T[]>;
|
|
20
|
+
export interface AutocompleteAsyncConfig<T> {
|
|
21
|
+
/** Async data loader callback. */
|
|
22
|
+
dataSource?: AutocompleteAsyncDataSource<T>;
|
|
23
|
+
/** @deprecated Use dataSource instead. */
|
|
24
|
+
loadOptions?: AutocompleteAsyncDataSource<T>;
|
|
25
|
+
/** URL endpoint used when dataSource is not provided. */
|
|
26
|
+
url?: string;
|
|
27
|
+
/** Request method used with url mode. */
|
|
28
|
+
method?: 'GET' | 'POST';
|
|
29
|
+
/** Optional request headers for url mode. */
|
|
30
|
+
headers?: Record<string, string>;
|
|
31
|
+
/** Querystring/body key for input text. */
|
|
32
|
+
queryParam?: string;
|
|
33
|
+
/** Querystring/body key for current page. */
|
|
34
|
+
pageParam?: string;
|
|
35
|
+
/** Querystring/body key for page size. */
|
|
36
|
+
pageSizeParam?: string;
|
|
37
|
+
/** Page size used for paginated requests. */
|
|
38
|
+
pageSize?: number;
|
|
39
|
+
/** First page number sent to data source. */
|
|
40
|
+
initialPage?: number;
|
|
41
|
+
/** Debounce duration (ms) for search input. */
|
|
42
|
+
debounceMs?: number;
|
|
43
|
+
/** Minimum input length before async loading starts. */
|
|
44
|
+
minSearchLength?: number;
|
|
45
|
+
/** Loads the first page on open when search is empty. */
|
|
46
|
+
initialLoad?: boolean;
|
|
47
|
+
/** Enables loading additional pages on list scroll end. */
|
|
48
|
+
paginate?: boolean;
|
|
49
|
+
/** Runs local filterOptions after async results are returned. */
|
|
50
|
+
clientFilter?: boolean;
|
|
51
|
+
/** Additional static params included in url requests. */
|
|
52
|
+
additionalParams?: Record<string, AsyncPrimitive>;
|
|
53
|
+
/** Custom parser for url mode response. */
|
|
54
|
+
mapResponse?: (response: unknown, request: Omit<AutocompleteAsyncRequest, 'signal'>) => AutocompleteAsyncResult<T> | T[];
|
|
55
|
+
/** Error callback for async failures (except AbortError). */
|
|
56
|
+
onError?: (error: unknown) => void;
|
|
57
|
+
}
|
|
58
|
+
export interface AutocompleteHandle {
|
|
59
|
+
/** Scroll listbox to the given option index when dropdown is open */
|
|
60
|
+
scrollToIndex: (index: number, behavior?: ScrollBehavior) => void;
|
|
61
|
+
/** Focus underlying input */
|
|
62
|
+
focus: () => void;
|
|
63
|
+
/** Blur underlying input */
|
|
64
|
+
blur: () => void;
|
|
65
|
+
}
|
|
66
|
+
export interface AutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends Omit<MuiAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput' | 'renderOption' | 'onChange' | 'value' | 'options'> {
|
|
67
|
+
options: T[];
|
|
68
|
+
value: AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>;
|
|
69
|
+
multiple: Multiple;
|
|
70
|
+
name: string;
|
|
71
|
+
onHandleChange: (data: AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>, name: string) => void;
|
|
72
|
+
label?: TextFieldProps['label'];
|
|
73
|
+
size?: TextFieldProps['size'];
|
|
74
|
+
disabled?: boolean;
|
|
75
|
+
open?: boolean;
|
|
76
|
+
isLoading?: boolean;
|
|
77
|
+
labelProperty?: keyof T;
|
|
78
|
+
valueProperty?: keyof T;
|
|
79
|
+
selectAll?: boolean;
|
|
80
|
+
showOnlyCount?: boolean;
|
|
81
|
+
optionValues?: Array<keyof T>;
|
|
82
|
+
error?: boolean;
|
|
83
|
+
helperText?: React.ReactNode;
|
|
84
|
+
onEnterKeyPress?: () => void;
|
|
85
|
+
variant?: TextFieldProps['variant'];
|
|
86
|
+
required?: boolean;
|
|
87
|
+
textFieldProps?: TextFieldProps;
|
|
88
|
+
virtualized?: boolean;
|
|
89
|
+
/** Estimated option row height used before measuring */
|
|
90
|
+
estimatedItemSize?: number;
|
|
91
|
+
/** Number of extra rows rendered above/below viewport */
|
|
92
|
+
overscan?: number;
|
|
93
|
+
/** Max popup list height */
|
|
94
|
+
virtualizedMaxHeight?: number;
|
|
95
|
+
/** Threshold in pixels from list bottom before async paginate loads next page */
|
|
96
|
+
listEndOffset?: number;
|
|
97
|
+
/** Enables async data loading from a datasource callback or URL endpoint */
|
|
98
|
+
async?: AutocompleteAsyncConfig<T>;
|
|
99
|
+
/** Enables sortable selected chips in multi-select mode (drag/drop + Alt+Arrow keys). */
|
|
100
|
+
sortableSelected?: boolean;
|
|
101
|
+
}
|
|
102
|
+
type AutocompleteComponent = <T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined>(props: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo> & {
|
|
103
|
+
ref?: React.Ref<AutocompleteHandle>;
|
|
104
|
+
}) => React.ReactElement | null;
|
|
105
|
+
export declare const Autocomplete: AutocompleteComponent;
|
|
106
|
+
/** @deprecated Use Autocomplete instead. */
|
|
107
|
+
export type VirtualizedAutocompleteHandle = AutocompleteHandle;
|
|
108
|
+
/** @deprecated Use AutocompleteProps instead. */
|
|
109
|
+
export type VirtualizedAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>;
|
|
110
|
+
/** @deprecated Use Autocomplete instead. */
|
|
111
|
+
export declare const VirtualizedAutocomplete: AutocompleteComponent;
|
|
112
|
+
export default Autocomplete;
|
|
113
|
+
//# sourceMappingURL=Autocomplete.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { Autocomplete, type AutocompleteProps, type AutocompleteHandle, type AutocompleteAsyncConfig, type AutocompleteAsyncDataSource, type AutocompleteAsyncRequest, type AutocompleteAsyncResult,
|
|
2
|
+
/** @deprecated Use Autocomplete instead. */
|
|
3
|
+
VirtualizedAutocomplete,
|
|
4
|
+
/** @deprecated Use AutocompleteProps instead. */
|
|
5
|
+
type VirtualizedAutocompleteProps,
|
|
6
|
+
/** @deprecated Use AutocompleteHandle instead. */
|
|
7
|
+
type VirtualizedAutocompleteHandle, } from './Autocomplete';
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,2BAA2B,EAChC,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB;AAC5B,4CAA4C;AAC5C,uBAAuB;AACvB,iDAAiD;AACjD,KAAK,4BAA4B;AACjC,kDAAkD;AAClD,KAAK,6BAA6B,GACnC,MAAM,gBAAgB,CAAC"}
|
|
@@ -1,38 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview AreaChart component.
|
|
3
|
-
* @module components/Charts/AreaChart
|
|
4
|
-
* AreaChart Component
|
|
5
|
-
* Trinity-styled area chart with support for stacked and gradient fills
|
|
6
|
-
* @example
|
|
7
|
-
* ```tsx
|
|
8
|
-
* import { AreaChart } from '@trinityui/design-system';
|
|
9
|
-
*
|
|
10
|
-
* <AreaChart />
|
|
11
|
-
* ```
|
|
12
|
-
*/
|
|
13
1
|
import React from 'react';
|
|
14
|
-
import { AreaChartProps } from './types';
|
|
15
|
-
/**
|
|
16
|
-
* AreaChart - Multi-series area chart with Trinity styling
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* <AreaChart
|
|
21
|
-
* data={[
|
|
22
|
-
* { month: 'Jan', users: 4000, sessions: 2400 },
|
|
23
|
-
* { month: 'Feb', users: 3000, sessions: 1398 },
|
|
24
|
-
* ]}
|
|
25
|
-
* series={[
|
|
26
|
-
* { dataKey: 'users', name: 'Users' },
|
|
27
|
-
* { dataKey: 'sessions', name: 'Sessions' },
|
|
28
|
-
* ]}
|
|
29
|
-
* xAxis={{ dataKey: 'month' }}
|
|
30
|
-
* stacked
|
|
31
|
-
* gradient
|
|
32
|
-
* title="User Activity"
|
|
33
|
-
* />
|
|
34
|
-
* ```
|
|
35
|
-
*/
|
|
2
|
+
import type { AreaChartProps } from './types';
|
|
36
3
|
export declare const AreaChart: React.FC<AreaChartProps>;
|
|
37
4
|
export default AreaChart;
|
|
38
5
|
//# sourceMappingURL=AreaChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/AreaChart.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/AreaChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,SAAS,CAAC;AAGzD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsF9C,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,47 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview BarChart component.
|
|
3
|
-
* @module components/Charts/BarChart
|
|
4
|
-
* BarChart Component
|
|
5
|
-
* Trinity-styled bar chart with support for grouped, stacked, and horizontal layouts
|
|
6
|
-
* @example
|
|
7
|
-
* ```tsx
|
|
8
|
-
* import { BarChart } from '@trinityui/design-system';
|
|
9
|
-
*
|
|
10
|
-
* <BarChart />
|
|
11
|
-
* ```
|
|
12
|
-
*/
|
|
13
1
|
import React from 'react';
|
|
14
|
-
import { BarChartProps } from './types';
|
|
15
|
-
/**
|
|
16
|
-
* BarChart - Versatile bar chart with Trinity styling
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* // Grouped bar chart
|
|
21
|
-
* <BarChart
|
|
22
|
-
* data={[
|
|
23
|
-
* { category: 'Q1', sales: 4000, profit: 2400 },
|
|
24
|
-
* { category: 'Q2', sales: 3000, profit: 1398 },
|
|
25
|
-
* ]}
|
|
26
|
-
* series={[
|
|
27
|
-
* { dataKey: 'sales', name: 'Sales' },
|
|
28
|
-
* { dataKey: 'profit', name: 'Profit' },
|
|
29
|
-
* ]}
|
|
30
|
-
* xAxis={{ dataKey: 'category' }}
|
|
31
|
-
* title="Quarterly Performance"
|
|
32
|
-
* />
|
|
33
|
-
*
|
|
34
|
-
* // Stacked bar chart
|
|
35
|
-
* <BarChart
|
|
36
|
-
* variant="stacked"
|
|
37
|
-
* series={[
|
|
38
|
-
* { dataKey: 'desktop', name: 'Desktop', stackId: 'a' },
|
|
39
|
-
* { dataKey: 'mobile', name: 'Mobile', stackId: 'a' },
|
|
40
|
-
* ]}
|
|
41
|
-
* // ...
|
|
42
|
-
* />
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
2
|
+
import type { BarChartProps } from './types';
|
|
45
3
|
export declare const BarChart: React.FC<BarChartProps>;
|
|
46
4
|
export default BarChart;
|
|
47
5
|
//# sourceMappingURL=BarChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/BarChart.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/BarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,SAAS,CAAC;AAGxD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmF5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,34 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview ComposedChart component.
|
|
3
|
-
* @module components/Charts/ComposedChart
|
|
4
|
-
* ComposedChart Component
|
|
5
|
-
* Trinity-styled combined line, bar, and area chart
|
|
6
|
-
* @example
|
|
7
|
-
* ```tsx
|
|
8
|
-
* import { ComposedChart } from '@trinityui/design-system';
|
|
9
|
-
*
|
|
10
|
-
* <ComposedChart />
|
|
11
|
-
* ```
|
|
12
|
-
*/
|
|
13
1
|
import React from 'react';
|
|
14
|
-
import { ComposedChartProps } from './types';
|
|
15
|
-
/**
|
|
16
|
-
* ComposedChart - Combines line, bar, and area charts
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* <ComposedChart
|
|
21
|
-
* data={salesData}
|
|
22
|
-
* xAxisKey="month"
|
|
23
|
-
* series={[
|
|
24
|
-
* { key: 'revenue', type: 'bar', name: 'Revenue' },
|
|
25
|
-
* { key: 'orders', type: 'line', name: 'Orders' },
|
|
26
|
-
* { key: 'target', type: 'area', name: 'Target' },
|
|
27
|
-
* ]}
|
|
28
|
-
* title="Sales Dashboard"
|
|
29
|
-
* />
|
|
30
|
-
* ```
|
|
31
|
-
*/
|
|
2
|
+
import type { ComposedChartProps } from './types';
|
|
32
3
|
export declare const ComposedChart: React.FC<ComposedChartProps>;
|
|
33
4
|
export default ComposedChart;
|
|
34
5
|
//# sourceMappingURL=ComposedChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComposedChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/ComposedChart.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"ComposedChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/ComposedChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8EtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -17,7 +17,7 @@ import React from 'react';
|
|
|
17
17
|
export interface CustomTooltipProps {
|
|
18
18
|
/** Whether the tooltip is active */
|
|
19
19
|
active?: boolean;
|
|
20
|
-
/** Tooltip payload data
|
|
20
|
+
/** Tooltip payload data */
|
|
21
21
|
payload?: Array<{
|
|
22
22
|
color?: string;
|
|
23
23
|
name?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/CustomTooltip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,
|
|
1
|
+
{"version":3,"file":"CustomTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/CustomTooltip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5E,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,kCAAkC;IAClC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiItD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CA2CA,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,36 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview LineChart component.
|
|
3
|
-
* @module components/Charts/LineChart
|
|
4
|
-
* LineChart Component
|
|
5
|
-
* Trinity-styled line chart with support for multiple series
|
|
6
|
-
* @example
|
|
7
|
-
* ```tsx
|
|
8
|
-
* import { LineChart } from '@trinityui/design-system';
|
|
9
|
-
*
|
|
10
|
-
* <LineChart />
|
|
11
|
-
* ```
|
|
12
|
-
*/
|
|
13
1
|
import React from 'react';
|
|
14
|
-
import { LineChartProps } from './types';
|
|
15
|
-
/**
|
|
16
|
-
* LineChart - Multi-series line chart with Trinity styling
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* <LineChart
|
|
21
|
-
* data={[
|
|
22
|
-
* { month: 'Jan', sales: 4000, profit: 2400 },
|
|
23
|
-
* { month: 'Feb', sales: 3000, profit: 1398 },
|
|
24
|
-
* ]}
|
|
25
|
-
* series={[
|
|
26
|
-
* { dataKey: 'sales', name: 'Sales' },
|
|
27
|
-
* { dataKey: 'profit', name: 'Profit' },
|
|
28
|
-
* ]}
|
|
29
|
-
* xAxis={{ dataKey: 'month' }}
|
|
30
|
-
* title="Monthly Performance"
|
|
31
|
-
* />
|
|
32
|
-
* ```
|
|
33
|
-
*/
|
|
2
|
+
import type { LineChartProps } from './types';
|
|
34
3
|
export declare const LineChart: React.FC<LineChartProps>;
|
|
35
4
|
export default LineChart;
|
|
36
5
|
//# sourceMappingURL=LineChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/LineChart.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAa,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+E9C,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,52 +1,6 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview PieChart component.
|
|
3
|
-
* @module components/Charts/PieChart
|
|
4
|
-
* PieChart & DonutChart Components
|
|
5
|
-
* Trinity-styled pie and donut charts
|
|
6
|
-
* @example
|
|
7
|
-
* ```tsx
|
|
8
|
-
* import { PieChart } from '@trinityui/design-system';
|
|
9
|
-
*
|
|
10
|
-
* <PieChart />
|
|
11
|
-
* ```
|
|
12
|
-
*/
|
|
13
1
|
import React from 'react';
|
|
14
|
-
import { PieChartProps } from './types';
|
|
15
|
-
/**
|
|
16
|
-
* PieChart - Trinity-styled pie chart
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* <PieChart
|
|
21
|
-
* data={[
|
|
22
|
-
* { name: 'Desktop', value: 400 },
|
|
23
|
-
* { name: 'Mobile', value: 300 },
|
|
24
|
-
* { name: 'Tablet', value: 200 },
|
|
25
|
-
* ]}
|
|
26
|
-
* title="Traffic by Device"
|
|
27
|
-
* />
|
|
28
|
-
* ```
|
|
29
|
-
*/
|
|
2
|
+
import type { PieChartProps } from './types';
|
|
30
3
|
export declare const PieChart: React.FC<PieChartProps>;
|
|
31
|
-
/**
|
|
32
|
-
* DonutChart - Convenience wrapper for PieChart with inner radius
|
|
33
|
-
*
|
|
34
|
-
* @example
|
|
35
|
-
* ```tsx
|
|
36
|
-
* <DonutChart
|
|
37
|
-
* data={[
|
|
38
|
-
* { name: 'Completed', value: 75 },
|
|
39
|
-
* { name: 'Remaining', value: 25 },
|
|
40
|
-
* ]}
|
|
41
|
-
* centerContent={
|
|
42
|
-
* <Box>
|
|
43
|
-
* <Typography variant="h4">75%</Typography>
|
|
44
|
-
* <Typography variant="caption">Complete</Typography>
|
|
45
|
-
* </Box>
|
|
46
|
-
* }
|
|
47
|
-
* />
|
|
48
|
-
* ```
|
|
49
|
-
*/
|
|
50
4
|
export declare const DonutChart: React.FC<PieChartProps>;
|
|
51
5
|
export default PieChart;
|
|
52
6
|
//# sourceMappingURL=PieChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/PieChart.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/PieChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4F5C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAA8E,CAAC;AAE9H,eAAe,QAAQ,CAAC"}
|
|
@@ -1,51 +1,6 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview RadialChart component.
|
|
3
|
-
* @module components/Charts/RadialChart
|
|
4
|
-
* RadialChart & GaugeChart Components
|
|
5
|
-
* Trinity-styled radial bar and gauge charts
|
|
6
|
-
* @example
|
|
7
|
-
* ```tsx
|
|
8
|
-
* import { RadialChart } from '@trinityui/design-system';
|
|
9
|
-
*
|
|
10
|
-
* <RadialChart />
|
|
11
|
-
* ```
|
|
12
|
-
*/
|
|
13
1
|
import React from 'react';
|
|
14
|
-
import {
|
|
15
|
-
/**
|
|
16
|
-
* RadialBarChart - Trinity-styled radial/circular bar chart
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* <RadialBarChart
|
|
21
|
-
* data={[
|
|
22
|
-
* { name: 'Task A', value: 80 },
|
|
23
|
-
* { name: 'Task B', value: 60 },
|
|
24
|
-
* { name: 'Task C', value: 40 },
|
|
25
|
-
* ]}
|
|
26
|
-
* title="Progress Overview"
|
|
27
|
-
* />
|
|
28
|
-
* ```
|
|
29
|
-
*/
|
|
2
|
+
import type { GaugeChartProps, RadialBarChartProps } from './types';
|
|
30
3
|
export declare const RadialBarChart: React.FC<RadialBarChartProps>;
|
|
31
|
-
/**
|
|
32
|
-
* GaugeChart - Single-value gauge/meter chart
|
|
33
|
-
*
|
|
34
|
-
* @example
|
|
35
|
-
* ```tsx
|
|
36
|
-
* <GaugeChart
|
|
37
|
-
* value={75}
|
|
38
|
-
* max={100}
|
|
39
|
-
* title="CPU Usage"
|
|
40
|
-
* unit="%"
|
|
41
|
-
* thresholds={[
|
|
42
|
-
* { value: 50, color: '#24A148' },
|
|
43
|
-
* { value: 80, color: '#F59E0B' },
|
|
44
|
-
* { value: 100, color: '#DA1E28' },
|
|
45
|
-
* ]}
|
|
46
|
-
* />
|
|
47
|
-
* ```
|
|
48
|
-
*/
|
|
49
4
|
export declare const GaugeChart: React.FC<GaugeChartProps>;
|
|
50
5
|
export default RadialBarChart;
|
|
51
6
|
//# sourceMappingURL=RadialChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadialChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/RadialChart.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"RadialChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/RadialChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAapE,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmDxD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkFhD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,55 +1,6 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview ScatterChart component.
|
|
3
|
-
* @module components/Charts/ScatterChart
|
|
4
|
-
* ScatterChart Component
|
|
5
|
-
* Trinity-styled scatter and bubble charts
|
|
6
|
-
* @example
|
|
7
|
-
* ```tsx
|
|
8
|
-
* import { ScatterChart } from '@trinityui/design-system';
|
|
9
|
-
*
|
|
10
|
-
* <ScatterChart />
|
|
11
|
-
* ```
|
|
12
|
-
*/
|
|
13
1
|
import React from 'react';
|
|
14
|
-
import { ScatterChartProps } from './types';
|
|
15
|
-
/**
|
|
16
|
-
* ScatterChart - Trinity-styled scatter and bubble chart
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* // Simple scatter plot
|
|
21
|
-
* <ScatterChart
|
|
22
|
-
* data={[
|
|
23
|
-
* { x: 100, y: 200, name: 'A' },
|
|
24
|
-
* { x: 120, y: 100, name: 'B' },
|
|
25
|
-
* ]}
|
|
26
|
-
* xAxis={{ label: 'X Value' }}
|
|
27
|
-
* yAxis={{ label: 'Y Value' }}
|
|
28
|
-
* title="Scatter Plot"
|
|
29
|
-
* />
|
|
30
|
-
*
|
|
31
|
-
* // Bubble chart with size (z axis)
|
|
32
|
-
* <ScatterChart
|
|
33
|
-
* data={[
|
|
34
|
-
* { x: 100, y: 200, z: 50, name: 'A' },
|
|
35
|
-
* { x: 120, y: 100, z: 80, name: 'B' },
|
|
36
|
-
* ]}
|
|
37
|
-
* zAxis={{ range: [50, 400] }}
|
|
38
|
-
* />
|
|
39
|
-
*
|
|
40
|
-
* // Multiple series
|
|
41
|
-
* <ScatterChart
|
|
42
|
-
* data={[
|
|
43
|
-
* { name: 'Group A', data: [...], color: '#7841C9' },
|
|
44
|
-
* { name: 'Group B', data: [...], color: '#FF6150' },
|
|
45
|
-
* ]}
|
|
46
|
-
* />
|
|
47
|
-
* ```
|
|
48
|
-
*/
|
|
2
|
+
import type { ScatterChartProps } from './types';
|
|
49
3
|
export declare const ScatterChart: React.FC<ScatterChartProps>;
|
|
50
|
-
/**
|
|
51
|
-
* BubbleChart - Convenience wrapper for ScatterChart with z-axis
|
|
52
|
-
*/
|
|
53
4
|
export declare const BubbleChart: React.FC<ScatterChartProps>;
|
|
54
5
|
export default ScatterChart;
|
|
55
6
|
//# sourceMappingURL=ScatterChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/ScatterChart.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"ScatterChart.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/ScatterChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,iBAAiB,EAAoB,MAAM,SAAS,CAAC;AAgCnE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8EpD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAA0C,CAAC;AAE/F,eAAe,YAAY,CAAC"}
|
|
@@ -1,44 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview Sparkline component.
|
|
3
|
-
* @module components/Charts/Sparkline
|
|
4
|
-
* Sparkline Component
|
|
5
|
-
* Small, inline charts for dashboards and tables
|
|
6
|
-
* @example
|
|
7
|
-
* ```tsx
|
|
8
|
-
* import { Sparkline } from '@trinityui/design-system';
|
|
9
|
-
*
|
|
10
|
-
* <Sparkline />
|
|
11
|
-
* ```
|
|
12
|
-
*/
|
|
13
1
|
import React from 'react';
|
|
14
|
-
import { SparklineProps } from './types';
|
|
15
|
-
/**
|
|
16
|
-
* Sparkline - Compact inline chart
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* // Simple line sparkline
|
|
21
|
-
* <Sparkline
|
|
22
|
-
* data={[10, 20, 15, 30, 25, 40]}
|
|
23
|
-
* width={100}
|
|
24
|
-
* height={32}
|
|
25
|
-
* />
|
|
26
|
-
*
|
|
27
|
-
* // Bar sparkline with min/max highlighting
|
|
28
|
-
* <Sparkline
|
|
29
|
-
* type="bar"
|
|
30
|
-
* data={[10, 20, 15, 30, 25, 40]}
|
|
31
|
-
* showMinMax
|
|
32
|
-
* />
|
|
33
|
-
*
|
|
34
|
-
* // Area sparkline with reference line
|
|
35
|
-
* <Sparkline
|
|
36
|
-
* type="area"
|
|
37
|
-
* data={[10, 20, 15, 30, 25, 40]}
|
|
38
|
-
* referenceLine="average"
|
|
39
|
-
* />
|
|
40
|
-
* ```
|
|
41
|
-
*/
|
|
2
|
+
import type { SparklineProps } from './types';
|
|
42
3
|
export declare const Sparkline: React.FC<SparklineProps>;
|
|
43
4
|
export default Sparkline;
|
|
44
5
|
//# sourceMappingURL=Sparkline.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/Sparkline.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/Sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgF9C,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import Highcharts from 'highcharts';
|
|
2
|
+
import type { AxisConfig, DataPoint, LegendConfig, ReferenceLineConfig, TooltipConfig } from './types';
|
|
3
|
+
export type CategoryExtractor = (row: DataPoint, index: number) => string;
|
|
4
|
+
export declare const defaultCategoryExtractor: CategoryExtractor;
|
|
5
|
+
export declare const toNumber: (value: unknown) => number | null;
|
|
6
|
+
export declare const buildCategories: (data: DataPoint[], xAxis?: AxisConfig, fallback?: CategoryExtractor) => string[];
|
|
7
|
+
export declare const buildLegend: (legend?: LegendConfig) => Highcharts.LegendOptions;
|
|
8
|
+
export declare const buildTooltip: (tooltip?: TooltipConfig) => Highcharts.TooltipOptions;
|
|
9
|
+
export declare const buildXAxis: (categories: string[], xAxis?: AxisConfig) => Highcharts.XAxisOptions;
|
|
10
|
+
export declare const buildYAxis: (yAxis?: AxisConfig, referenceLines?: ReferenceLineConfig[]) => Highcharts.YAxisOptions;
|
|
11
|
+
export declare const baseChartOptions: (height: number, animate: boolean, ariaLabel: string, showGrid: boolean) => Pick<Highcharts.Options, "chart" | "title" | "credits" | "legend" | "accessibility" | "plotOptions">;
|
|
12
|
+
//# sourceMappingURL=highchartsUtils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"highchartsUtils.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/highchartsUtils.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAEvG,MAAM,MAAM,iBAAiB,GAAG,CAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAE1E,eAAO,MAAM,wBAAwB,EAAE,iBAGtC,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,OAAO,KAAG,MAAM,GAAG,IAIlD,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,MAAM,SAAS,EAAE,EACjB,QAAQ,UAAU,EAClB,WAAU,iBAA4C,KACrD,MAAM,EAQR,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,SAAS,YAAY,KAAG,UAAU,CAAC,aA0B9D,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,UAAU,aAAa,KAAG,UAAU,CAAC,cAmCjE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,YAAY,MAAM,EAAE,EAAE,QAAQ,UAAU,KAAG,UAAU,CAAC,YA2BhF,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,QAAQ,UAAU,EAClB,iBAAiB,mBAAmB,EAAE,KACrC,UAAU,CAAC,YAuCb,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,MAAM,EACd,SAAS,OAAO,EAChB,WAAW,MAAM,EACjB,UAAU,OAAO,KAChB,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,eAAe,GAAG,aAAa,CA2BpG,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Trinity Design System - Charts Component Library
|
|
3
3
|
*
|
|
4
|
-
* A comprehensive charting library built on
|
|
4
|
+
* A comprehensive charting library built on Highcharts with Trinity branding,
|
|
5
5
|
* accessibility support, and consistent styling.
|
|
6
6
|
*
|
|
7
7
|
* @example
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { SxProps, Theme } from '@mui/material';
|
|
6
6
|
/**
|
|
7
|
-
* Dot render function props
|
|
7
|
+
* Dot render function props for line/area point renderers.
|
|
8
8
|
* Used when customizing dot rendering with showMinMax, etc.
|
|
9
9
|
*/
|
|
10
10
|
export interface DotRenderProps {
|
|
@@ -19,8 +19,7 @@ export interface DotRenderProps {
|
|
|
19
19
|
r?: number;
|
|
20
20
|
}
|
|
21
21
|
/**
|
|
22
|
-
* Active shape props for Pie chart hover state
|
|
23
|
-
* Matches Recharts PieSectorDataItem structure
|
|
22
|
+
* Active shape props for Pie chart hover state.
|
|
24
23
|
*/
|
|
25
24
|
export interface PieActiveShapeProps {
|
|
26
25
|
cx: number;
|
|
@@ -39,7 +38,7 @@ export interface PieActiveShapeProps {
|
|
|
39
38
|
middleRadius?: number;
|
|
40
39
|
}
|
|
41
40
|
/**
|
|
42
|
-
* Tooltip payload item
|
|
41
|
+
* Tooltip payload item.
|
|
43
42
|
*/
|
|
44
43
|
export interface TooltipPayloadItem {
|
|
45
44
|
name: string;
|