@hitachivantara/uikit-react-viz 5.5.15 → 5.6.1
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/cjs/components/BarChart/BarChart.cjs +29 -25
- package/dist/cjs/components/BarChart/BarChart.cjs.map +1 -1
- package/dist/cjs/components/BaseChart/BaseChart.cjs +14 -25
- package/dist/cjs/components/BaseChart/BaseChart.cjs.map +1 -1
- package/dist/cjs/components/ConfusionMatrix/ConfusionMatrix.cjs +29 -25
- package/dist/cjs/components/ConfusionMatrix/ConfusionMatrix.cjs.map +1 -1
- package/dist/cjs/components/DonutChart/DonutChart.cjs +24 -20
- package/dist/cjs/components/DonutChart/DonutChart.cjs.map +1 -1
- package/dist/cjs/components/LineChart/LineChart.cjs +31 -27
- package/dist/cjs/components/LineChart/LineChart.cjs.map +1 -1
- package/dist/cjs/hooks/tooltip/useTooltip.cjs.map +1 -1
- package/dist/cjs/hooks/useDataZoom.cjs.map +1 -1
- package/dist/cjs/hooks/useDataset.cjs.map +1 -1
- package/dist/cjs/hooks/useGrid.cjs.map +1 -1
- package/dist/cjs/hooks/useLegend.cjs.map +1 -1
- package/dist/cjs/hooks/useOption.cjs +24 -0
- package/dist/cjs/hooks/useOption.cjs.map +1 -0
- package/dist/cjs/hooks/useSeries.cjs.map +1 -1
- package/dist/cjs/hooks/useVisualMap.cjs.map +1 -1
- package/dist/cjs/hooks/useXAxis.cjs.map +1 -1
- package/dist/cjs/hooks/useYAxis.cjs +1 -1
- package/dist/cjs/hooks/useYAxis.cjs.map +1 -1
- package/dist/esm/components/BarChart/BarChart.js +30 -26
- package/dist/esm/components/BarChart/BarChart.js.map +1 -1
- package/dist/esm/components/BaseChart/BaseChart.js +15 -26
- package/dist/esm/components/BaseChart/BaseChart.js.map +1 -1
- package/dist/esm/components/ConfusionMatrix/ConfusionMatrix.js +30 -26
- package/dist/esm/components/ConfusionMatrix/ConfusionMatrix.js.map +1 -1
- package/dist/esm/components/DonutChart/DonutChart.js +25 -21
- package/dist/esm/components/DonutChart/DonutChart.js.map +1 -1
- package/dist/esm/components/LineChart/LineChart.js +32 -28
- package/dist/esm/components/LineChart/LineChart.js.map +1 -1
- package/dist/esm/hooks/tooltip/useTooltip.js.map +1 -1
- package/dist/esm/hooks/useDataZoom.js.map +1 -1
- package/dist/esm/hooks/useDataset.js.map +1 -1
- package/dist/esm/hooks/useGrid.js.map +1 -1
- package/dist/esm/hooks/useLegend.js.map +1 -1
- package/dist/esm/hooks/useOption.js +24 -0
- package/dist/esm/hooks/useOption.js.map +1 -0
- package/dist/esm/hooks/useSeries.js.map +1 -1
- package/dist/esm/hooks/useVisualMap.js.map +1 -1
- package/dist/esm/hooks/useXAxis.js.map +1 -1
- package/dist/esm/hooks/useYAxis.js +1 -1
- package/dist/esm/hooks/useYAxis.js.map +1 -1
- package/dist/types/index.d.ts +16 -5
- package/package.json +3 -3
package/dist/types/index.d.ts
CHANGED
|
@@ -3,8 +3,11 @@ import type ColumnTable from 'arquero/dist/types/table/column-table';
|
|
|
3
3
|
import type { Context } from 'react';
|
|
4
4
|
import type { CSSInterpolation } from '@emotion/serialize';
|
|
5
5
|
import { ExtractNames } from '@hitachivantara/uikit-react-core';
|
|
6
|
+
import type { ForwardRefExoticComponent } from 'react';
|
|
6
7
|
import type { HvColorAny } from '@hitachivantara/uikit-react-core';
|
|
7
8
|
import type { JSX as JSX_2 } from '@emotion/react/jsx-runtime';
|
|
9
|
+
import ReactECharts from 'echarts-for-react/lib/core';
|
|
10
|
+
import type { RefAttributes } from 'react';
|
|
8
11
|
|
|
9
12
|
declare interface AxisMeasures {
|
|
10
13
|
/** Id of the yAxis. */
|
|
@@ -68,7 +71,7 @@ declare interface HvAxisChartCommonProps {
|
|
|
68
71
|
/**
|
|
69
72
|
* A bar chart is a chart or graph that presents categorical data with rectangular bars.
|
|
70
73
|
*/
|
|
71
|
-
export declare const HvBarChart:
|
|
74
|
+
export declare const HvBarChart: ForwardRefExoticComponent<HvBarChartProps & RefAttributes<ReactECharts>>;
|
|
72
75
|
|
|
73
76
|
export declare interface HvBarChartClasses extends HvChartTooltipClasses {
|
|
74
77
|
}
|
|
@@ -135,7 +138,7 @@ export declare type HvChartAxisNameLocation = "start" | "end" | "center";
|
|
|
135
138
|
*/
|
|
136
139
|
export declare type HvChartAxisType = "continuous" | "categorical" | "time";
|
|
137
140
|
|
|
138
|
-
/** Props common among all charts.
|
|
141
|
+
/** Props common among all charts. */
|
|
139
142
|
declare interface HvChartCommonProps {
|
|
140
143
|
/** Chart data. */
|
|
141
144
|
data: HvChartData;
|
|
@@ -153,6 +156,12 @@ declare interface HvChartCommonProps {
|
|
|
153
156
|
width?: number;
|
|
154
157
|
/** Chart height. */
|
|
155
158
|
height?: number;
|
|
159
|
+
/**
|
|
160
|
+
* Callback called when the ECharts option changes.
|
|
161
|
+
* This prop can be used to customize the option before rendering the chart.
|
|
162
|
+
* For more information about the ECharts option and the available properties, take a look at their [documentation](https://echarts.apache.org/en/option.html).
|
|
163
|
+
*/
|
|
164
|
+
onOptionChange?: (option: HvEChartsOption) => HvEChartsOption;
|
|
156
165
|
}
|
|
157
166
|
|
|
158
167
|
/** Chart data */
|
|
@@ -237,7 +246,7 @@ declare interface HvChartYAxis extends HvChartAxis {
|
|
|
237
246
|
* Typically the columns show the predicted class and the rows the expected class.
|
|
238
247
|
* The main diagonal counts the positive matches while the cells outside it count the mismatches between predicted and expected.
|
|
239
248
|
*/
|
|
240
|
-
export declare const HvConfusionMatrix:
|
|
249
|
+
export declare const HvConfusionMatrix: ForwardRefExoticComponent<HvConfusionMatrixProps & RefAttributes<ReactECharts>>;
|
|
241
250
|
|
|
242
251
|
export declare type HvConfusionMatrixClasses = ExtractNames<typeof useClasses_2>;
|
|
243
252
|
|
|
@@ -303,7 +312,7 @@ export declare interface HvConfusionMatrixValuesProps {
|
|
|
303
312
|
* Donut charts nicely convey the part-whole relationship and they have become
|
|
304
313
|
* the most recognizable chart types for representing proportions in business and data statistics.
|
|
305
314
|
*/
|
|
306
|
-
export declare const HvDonutChart:
|
|
315
|
+
export declare const HvDonutChart: ForwardRefExoticComponent<HvDonutChartProps & RefAttributes<ReactECharts>>;
|
|
307
316
|
|
|
308
317
|
export declare interface HvDonutChartClasses extends HvChartTooltipClasses {
|
|
309
318
|
}
|
|
@@ -321,11 +330,13 @@ export declare interface HvDonutChartProps extends HvChartCommonProps {
|
|
|
321
330
|
classes?: HvDonutChartClasses;
|
|
322
331
|
}
|
|
323
332
|
|
|
333
|
+
declare type HvEChartsOption = Record<string, any>;
|
|
334
|
+
|
|
324
335
|
/**
|
|
325
336
|
* A line chart or line plot or line graph is a type of chart which displays information as a series of data points
|
|
326
337
|
* connected by straight line segments. It is a basic type of chart common in many fields.
|
|
327
338
|
*/
|
|
328
|
-
export declare const HvLineChart:
|
|
339
|
+
export declare const HvLineChart: ForwardRefExoticComponent<HvLineChartProps & RefAttributes<ReactECharts>>;
|
|
329
340
|
|
|
330
341
|
export declare interface HvLineChartClasses extends HvChartTooltipClasses {
|
|
331
342
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-viz",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.6.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Hitachi Vantara UI Kit Team",
|
|
6
6
|
"description": "Contributed React visualization components for the NEXT UI Kit.",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@emotion/css": "^11.11.0",
|
|
36
|
-
"@hitachivantara/uikit-react-core": "^5.
|
|
36
|
+
"@hitachivantara/uikit-react-core": "^5.32.0"
|
|
37
37
|
},
|
|
38
38
|
"files": [
|
|
39
39
|
"dist"
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"access": "public",
|
|
43
43
|
"directory": "package"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "c3dfa0e28fb43a89c410cd673b7e3ab20a7b70c6",
|
|
46
46
|
"main": "dist/cjs/index.cjs",
|
|
47
47
|
"exports": {
|
|
48
48
|
".": {
|