@hitachivantara/uikit-react-viz 4.1.10 → 5.1.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/README.md +1 -1
- package/dist/cjs/components/LineChart/LineChart.cjs +398 -0
- package/dist/cjs/components/LineChart/LineChart.cjs.map +1 -0
- package/dist/cjs/components/LineChart/LineChart.styles.cjs +85 -0
- package/dist/cjs/components/LineChart/LineChart.styles.cjs.map +1 -0
- package/dist/cjs/hooks/useVizTheme.cjs +9 -0
- package/dist/cjs/hooks/useVizTheme.cjs.map +1 -0
- package/dist/cjs/index.cjs +8 -0
- package/dist/cjs/index.cjs.map +1 -0
- package/dist/cjs/providers/Provider.cjs +137 -0
- package/dist/cjs/providers/Provider.cjs.map +1 -0
- package/dist/cjs/utils/getAgFunc.cjs +5 -0
- package/dist/cjs/utils/getAgFunc.cjs.map +1 -0
- package/dist/cjs/utils/getAxisType.cjs +16 -0
- package/dist/cjs/utils/getAxisType.cjs.map +1 -0
- package/dist/cjs/utils/getLegendIcon.cjs +10 -0
- package/dist/cjs/utils/getLegendIcon.cjs.map +1 -0
- package/dist/esm/components/LineChart/LineChart.js +377 -0
- package/dist/esm/components/LineChart/LineChart.js.map +1 -0
- package/dist/esm/components/LineChart/LineChart.styles.js +85 -0
- package/dist/esm/components/LineChart/LineChart.styles.js.map +1 -0
- package/dist/esm/hooks/useVizTheme.js +9 -0
- package/dist/esm/hooks/useVizTheme.js.map +1 -0
- package/dist/esm/index.js +8 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/providers/Provider.js +118 -0
- package/dist/esm/providers/Provider.js.map +1 -0
- package/dist/esm/utils/getAgFunc.js +5 -0
- package/dist/esm/utils/getAgFunc.js.map +1 -0
- package/dist/esm/utils/getAxisType.js +16 -0
- package/dist/esm/utils/getAxisType.js.map +1 -0
- package/dist/esm/utils/getLegendIcon.js +10 -0
- package/dist/esm/utils/getLegendIcon.js.map +1 -0
- package/dist/types/index.d.ts +234 -0
- package/package.json +36 -48
- package/LICENSE.txt +0 -201
- package/dist/Barchart/Barchart.d.ts +0 -14
- package/dist/Barchart/Barchart.js +0 -214
- package/dist/Barchart/Barchart.js.map +0 -1
- package/dist/Barchart/barchartPlotlyOverrides.js +0 -47
- package/dist/Barchart/barchartPlotlyOverrides.js.map +0 -1
- package/dist/Barchart/index.d.ts +0 -2
- package/dist/Barchart/index.js +0 -14
- package/dist/Barchart/index.js.map +0 -1
- package/dist/Barchart/styles.js +0 -10
- package/dist/Barchart/styles.js.map +0 -1
- package/dist/Chart/Chart.d.ts +0 -44
- package/dist/Chart/Chart.js +0 -194
- package/dist/Chart/Chart.js.map +0 -1
- package/dist/Chart/Plot/Plot.d.ts +0 -43
- package/dist/Chart/Plot/Plot.js +0 -110
- package/dist/Chart/Plot/Plot.js.map +0 -1
- package/dist/Chart/Plot/index.d.ts +0 -2
- package/dist/Chart/Plot/index.js +0 -14
- package/dist/Chart/Plot/index.js.map +0 -1
- package/dist/Chart/Plot/styles.js +0 -10
- package/dist/Chart/Plot/styles.js.map +0 -1
- package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js +0 -143
- package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +0 -1
- package/dist/Chart/Tooltip/MultiTooltip/index.js +0 -14
- package/dist/Chart/Tooltip/MultiTooltip/index.js.map +0 -1
- package/dist/Chart/Tooltip/MultiTooltip/styles.js +0 -49
- package/dist/Chart/Tooltip/MultiTooltip/styles.js.map +0 -1
- package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js +0 -73
- package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +0 -1
- package/dist/Chart/Tooltip/SingleTooltip/index.js +0 -14
- package/dist/Chart/Tooltip/SingleTooltip/index.js.map +0 -1
- package/dist/Chart/Tooltip/SingleTooltip/styles.js +0 -24
- package/dist/Chart/Tooltip/SingleTooltip/styles.js.map +0 -1
- package/dist/Chart/Tooltip/Tooltip.js +0 -146
- package/dist/Chart/Tooltip/Tooltip.js.map +0 -1
- package/dist/Chart/Tooltip/index.js +0 -14
- package/dist/Chart/Tooltip/index.js.map +0 -1
- package/dist/Chart/Tooltip/styles.js +0 -16
- package/dist/Chart/Tooltip/styles.js.map +0 -1
- package/dist/Chart/chartPlotlyOverrides.js +0 -145
- package/dist/Chart/chartPlotlyOverrides.js.map +0 -1
- package/dist/Chart/index.d.ts +0 -5
- package/dist/Chart/index.js +0 -14
- package/dist/Chart/index.js.map +0 -1
- package/dist/Chart/styles.js +0 -36
- package/dist/Chart/styles.js.map +0 -1
- package/dist/ConfusionMatrix/ConfusionMatrix.d.ts +0 -10
- package/dist/ConfusionMatrix/ConfusionMatrix.js +0 -102
- package/dist/ConfusionMatrix/ConfusionMatrix.js.map +0 -1
- package/dist/ConfusionMatrix/CustomTooltip/CustomTooltip.js +0 -47
- package/dist/ConfusionMatrix/CustomTooltip/CustomTooltip.js.map +0 -1
- package/dist/ConfusionMatrix/CustomTooltip/index.js +0 -14
- package/dist/ConfusionMatrix/CustomTooltip/index.js.map +0 -1
- package/dist/ConfusionMatrix/CustomTooltip/styles.js +0 -26
- package/dist/ConfusionMatrix/CustomTooltip/styles.js.map +0 -1
- package/dist/ConfusionMatrix/confusionMatrixPlotlyOverrides.js +0 -189
- package/dist/ConfusionMatrix/confusionMatrixPlotlyOverrides.js.map +0 -1
- package/dist/ConfusionMatrix/index.d.ts +0 -2
- package/dist/ConfusionMatrix/index.js +0 -14
- package/dist/ConfusionMatrix/index.js.map +0 -1
- package/dist/ConfusionMatrix/styles.js +0 -10
- package/dist/ConfusionMatrix/styles.js.map +0 -1
- package/dist/Donutchart/Donutchart.d.ts +0 -10
- package/dist/Donutchart/Donutchart.js +0 -103
- package/dist/Donutchart/Donutchart.js.map +0 -1
- package/dist/Donutchart/donutchartPlotlyOverrides.js +0 -44
- package/dist/Donutchart/donutchartPlotlyOverrides.js.map +0 -1
- package/dist/Donutchart/index.d.ts +0 -2
- package/dist/Donutchart/index.js +0 -14
- package/dist/Donutchart/index.js.map +0 -1
- package/dist/Donutchart/styles.js +0 -10
- package/dist/Donutchart/styles.js.map +0 -1
- package/dist/Linechart/Linechart.d.ts +0 -14
- package/dist/Linechart/Linechart.js +0 -108
- package/dist/Linechart/Linechart.js.map +0 -1
- package/dist/Linechart/index.d.ts +0 -2
- package/dist/Linechart/index.js +0 -14
- package/dist/Linechart/index.js.map +0 -1
- package/dist/Linechart/lineChartPlotlyOverrides.js +0 -63
- package/dist/Linechart/lineChartPlotlyOverrides.js.map +0 -1
- package/dist/Linechart/styles.js +0 -10
- package/dist/Linechart/styles.js.map +0 -1
- package/dist/index.d.ts +0 -11
- package/dist/index.js +0 -35
- package/dist/index.js.map +0 -1
- package/dist/legacy/Barchart/Barchart.d.ts +0 -14
- package/dist/legacy/Barchart/Barchart.js +0 -199
- package/dist/legacy/Barchart/Barchart.js.map +0 -1
- package/dist/legacy/Barchart/barchartPlotlyOverrides.js +0 -38
- package/dist/legacy/Barchart/barchartPlotlyOverrides.js.map +0 -1
- package/dist/legacy/Barchart/index.d.ts +0 -2
- package/dist/legacy/Barchart/index.js +0 -2
- package/dist/legacy/Barchart/index.js.map +0 -1
- package/dist/legacy/Barchart/styles.js +0 -3
- package/dist/legacy/Barchart/styles.js.map +0 -1
- package/dist/legacy/Chart/Chart.d.ts +0 -44
- package/dist/legacy/Chart/Chart.js +0 -181
- package/dist/legacy/Chart/Chart.js.map +0 -1
- package/dist/legacy/Chart/Plot/Plot.d.ts +0 -43
- package/dist/legacy/Chart/Plot/Plot.js +0 -95
- package/dist/legacy/Chart/Plot/Plot.js.map +0 -1
- package/dist/legacy/Chart/Plot/index.d.ts +0 -2
- package/dist/legacy/Chart/Plot/index.js +0 -2
- package/dist/legacy/Chart/Plot/index.js.map +0 -1
- package/dist/legacy/Chart/Plot/styles.js +0 -3
- package/dist/legacy/Chart/Plot/styles.js.map +0 -1
- package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js +0 -130
- package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +0 -1
- package/dist/legacy/Chart/Tooltip/MultiTooltip/index.js +0 -2
- package/dist/legacy/Chart/Tooltip/MultiTooltip/index.js.map +0 -1
- package/dist/legacy/Chart/Tooltip/MultiTooltip/styles.js +0 -42
- package/dist/legacy/Chart/Tooltip/MultiTooltip/styles.js.map +0 -1
- package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js +0 -57
- package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +0 -1
- package/dist/legacy/Chart/Tooltip/SingleTooltip/index.js +0 -2
- package/dist/legacy/Chart/Tooltip/SingleTooltip/index.js.map +0 -1
- package/dist/legacy/Chart/Tooltip/SingleTooltip/styles.js +0 -17
- package/dist/legacy/Chart/Tooltip/SingleTooltip/styles.js.map +0 -1
- package/dist/legacy/Chart/Tooltip/Tooltip.js +0 -129
- package/dist/legacy/Chart/Tooltip/Tooltip.js.map +0 -1
- package/dist/legacy/Chart/Tooltip/index.js +0 -2
- package/dist/legacy/Chart/Tooltip/index.js.map +0 -1
- package/dist/legacy/Chart/Tooltip/styles.js +0 -9
- package/dist/legacy/Chart/Tooltip/styles.js.map +0 -1
- package/dist/legacy/Chart/chartPlotlyOverrides.js +0 -136
- package/dist/legacy/Chart/chartPlotlyOverrides.js.map +0 -1
- package/dist/legacy/Chart/index.d.ts +0 -5
- package/dist/legacy/Chart/index.js +0 -2
- package/dist/legacy/Chart/index.js.map +0 -1
- package/dist/legacy/Chart/styles.js +0 -28
- package/dist/legacy/Chart/styles.js.map +0 -1
- package/dist/legacy/ConfusionMatrix/ConfusionMatrix.d.ts +0 -10
- package/dist/legacy/ConfusionMatrix/ConfusionMatrix.js +0 -87
- package/dist/legacy/ConfusionMatrix/ConfusionMatrix.js.map +0 -1
- package/dist/legacy/ConfusionMatrix/CustomTooltip/CustomTooltip.js +0 -39
- package/dist/legacy/ConfusionMatrix/CustomTooltip/CustomTooltip.js.map +0 -1
- package/dist/legacy/ConfusionMatrix/CustomTooltip/index.js +0 -2
- package/dist/legacy/ConfusionMatrix/CustomTooltip/index.js.map +0 -1
- package/dist/legacy/ConfusionMatrix/CustomTooltip/styles.js +0 -19
- package/dist/legacy/ConfusionMatrix/CustomTooltip/styles.js.map +0 -1
- package/dist/legacy/ConfusionMatrix/confusionMatrixPlotlyOverrides.js +0 -181
- package/dist/legacy/ConfusionMatrix/confusionMatrixPlotlyOverrides.js.map +0 -1
- package/dist/legacy/ConfusionMatrix/index.d.ts +0 -2
- package/dist/legacy/ConfusionMatrix/index.js +0 -2
- package/dist/legacy/ConfusionMatrix/index.js.map +0 -1
- package/dist/legacy/ConfusionMatrix/styles.js +0 -3
- package/dist/legacy/ConfusionMatrix/styles.js.map +0 -1
- package/dist/legacy/Donutchart/Donutchart.d.ts +0 -10
- package/dist/legacy/Donutchart/Donutchart.js +0 -89
- package/dist/legacy/Donutchart/Donutchart.js.map +0 -1
- package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js +0 -35
- package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js.map +0 -1
- package/dist/legacy/Donutchart/index.d.ts +0 -2
- package/dist/legacy/Donutchart/index.js +0 -2
- package/dist/legacy/Donutchart/index.js.map +0 -1
- package/dist/legacy/Donutchart/styles.js +0 -3
- package/dist/legacy/Donutchart/styles.js.map +0 -1
- package/dist/legacy/Linechart/Linechart.d.ts +0 -14
- package/dist/legacy/Linechart/Linechart.js +0 -94
- package/dist/legacy/Linechart/Linechart.js.map +0 -1
- package/dist/legacy/Linechart/index.d.ts +0 -2
- package/dist/legacy/Linechart/index.js +0 -2
- package/dist/legacy/Linechart/index.js.map +0 -1
- package/dist/legacy/Linechart/lineChartPlotlyOverrides.js +0 -54
- package/dist/legacy/Linechart/lineChartPlotlyOverrides.js.map +0 -1
- package/dist/legacy/Linechart/styles.js +0 -3
- package/dist/legacy/Linechart/styles.js.map +0 -1
- package/dist/legacy/index.d.ts +0 -11
- package/dist/legacy/index.js +0 -6
- package/dist/legacy/index.js.map +0 -1
- package/dist/modern/Barchart/Barchart.d.ts +0 -14
- package/dist/modern/Barchart/Barchart.js +0 -185
- package/dist/modern/Barchart/Barchart.js.map +0 -1
- package/dist/modern/Barchart/barchartPlotlyOverrides.js +0 -36
- package/dist/modern/Barchart/barchartPlotlyOverrides.js.map +0 -1
- package/dist/modern/Barchart/index.d.ts +0 -2
- package/dist/modern/Barchart/index.js +0 -2
- package/dist/modern/Barchart/index.js.map +0 -1
- package/dist/modern/Barchart/styles.js +0 -3
- package/dist/modern/Barchart/styles.js.map +0 -1
- package/dist/modern/Chart/Chart.d.ts +0 -44
- package/dist/modern/Chart/Chart.js +0 -162
- package/dist/modern/Chart/Chart.js.map +0 -1
- package/dist/modern/Chart/Plot/Plot.d.ts +0 -43
- package/dist/modern/Chart/Plot/Plot.js +0 -89
- package/dist/modern/Chart/Plot/Plot.js.map +0 -1
- package/dist/modern/Chart/Plot/index.d.ts +0 -2
- package/dist/modern/Chart/Plot/index.js +0 -2
- package/dist/modern/Chart/Plot/index.js.map +0 -1
- package/dist/modern/Chart/Plot/styles.js +0 -3
- package/dist/modern/Chart/Plot/styles.js.map +0 -1
- package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js +0 -122
- package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +0 -1
- package/dist/modern/Chart/Tooltip/MultiTooltip/index.js +0 -2
- package/dist/modern/Chart/Tooltip/MultiTooltip/index.js.map +0 -1
- package/dist/modern/Chart/Tooltip/MultiTooltip/styles.js +0 -40
- package/dist/modern/Chart/Tooltip/MultiTooltip/styles.js.map +0 -1
- package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js +0 -54
- package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +0 -1
- package/dist/modern/Chart/Tooltip/SingleTooltip/index.js +0 -2
- package/dist/modern/Chart/Tooltip/SingleTooltip/index.js.map +0 -1
- package/dist/modern/Chart/Tooltip/SingleTooltip/styles.js +0 -15
- package/dist/modern/Chart/Tooltip/SingleTooltip/styles.js.map +0 -1
- package/dist/modern/Chart/Tooltip/Tooltip.js +0 -129
- package/dist/modern/Chart/Tooltip/Tooltip.js.map +0 -1
- package/dist/modern/Chart/Tooltip/index.js +0 -2
- package/dist/modern/Chart/Tooltip/index.js.map +0 -1
- package/dist/modern/Chart/Tooltip/styles.js +0 -9
- package/dist/modern/Chart/Tooltip/styles.js.map +0 -1
- package/dist/modern/Chart/chartPlotlyOverrides.js +0 -126
- package/dist/modern/Chart/chartPlotlyOverrides.js.map +0 -1
- package/dist/modern/Chart/index.d.ts +0 -5
- package/dist/modern/Chart/index.js +0 -2
- package/dist/modern/Chart/index.js.map +0 -1
- package/dist/modern/Chart/styles.js +0 -19
- package/dist/modern/Chart/styles.js.map +0 -1
- package/dist/modern/ConfusionMatrix/ConfusionMatrix.d.ts +0 -10
- package/dist/modern/ConfusionMatrix/ConfusionMatrix.js +0 -76
- package/dist/modern/ConfusionMatrix/ConfusionMatrix.js.map +0 -1
- package/dist/modern/ConfusionMatrix/CustomTooltip/CustomTooltip.js +0 -37
- package/dist/modern/ConfusionMatrix/CustomTooltip/CustomTooltip.js.map +0 -1
- package/dist/modern/ConfusionMatrix/CustomTooltip/index.js +0 -2
- package/dist/modern/ConfusionMatrix/CustomTooltip/index.js.map +0 -1
- package/dist/modern/ConfusionMatrix/CustomTooltip/styles.js +0 -17
- package/dist/modern/ConfusionMatrix/CustomTooltip/styles.js.map +0 -1
- package/dist/modern/ConfusionMatrix/confusionMatrixPlotlyOverrides.js +0 -154
- package/dist/modern/ConfusionMatrix/confusionMatrixPlotlyOverrides.js.map +0 -1
- package/dist/modern/ConfusionMatrix/index.d.ts +0 -2
- package/dist/modern/ConfusionMatrix/index.js +0 -2
- package/dist/modern/ConfusionMatrix/index.js.map +0 -1
- package/dist/modern/ConfusionMatrix/styles.js +0 -3
- package/dist/modern/ConfusionMatrix/styles.js.map +0 -1
- package/dist/modern/Donutchart/Donutchart.d.ts +0 -10
- package/dist/modern/Donutchart/Donutchart.js +0 -78
- package/dist/modern/Donutchart/Donutchart.js.map +0 -1
- package/dist/modern/Donutchart/donutchartPlotlyOverrides.js +0 -33
- package/dist/modern/Donutchart/donutchartPlotlyOverrides.js.map +0 -1
- package/dist/modern/Donutchart/index.d.ts +0 -2
- package/dist/modern/Donutchart/index.js +0 -2
- package/dist/modern/Donutchart/index.js.map +0 -1
- package/dist/modern/Donutchart/styles.js +0 -3
- package/dist/modern/Donutchart/styles.js.map +0 -1
- package/dist/modern/Linechart/Linechart.d.ts +0 -14
- package/dist/modern/Linechart/Linechart.js +0 -82
- package/dist/modern/Linechart/Linechart.js.map +0 -1
- package/dist/modern/Linechart/index.d.ts +0 -2
- package/dist/modern/Linechart/index.js +0 -2
- package/dist/modern/Linechart/index.js.map +0 -1
- package/dist/modern/Linechart/lineChartPlotlyOverrides.js +0 -50
- package/dist/modern/Linechart/lineChartPlotlyOverrides.js.map +0 -1
- package/dist/modern/Linechart/styles.js +0 -3
- package/dist/modern/Linechart/styles.js.map +0 -1
- package/dist/modern/index.d.ts +0 -11
- package/dist/modern/index.js +0 -6
- package/dist/modern/index.js.map +0 -1
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { StandardProps } from "@mui/material";
|
|
3
|
-
import type { Config, Layout, Data as PlotlyPlotData } from "plotly.js";
|
|
4
|
-
|
|
5
|
-
export type PlotData = PlotlyPlotData;
|
|
6
|
-
export type PlotLayout = Layout;
|
|
7
|
-
export type PlotConfig = Config;
|
|
8
|
-
|
|
9
|
-
export type HvPlotClassKey = "";
|
|
10
|
-
|
|
11
|
-
export interface HvPlotProps
|
|
12
|
-
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvPlotClassKey> {
|
|
13
|
-
/**
|
|
14
|
-
* Plotly data object.
|
|
15
|
-
*/
|
|
16
|
-
data: PlotData[];
|
|
17
|
-
/**
|
|
18
|
-
* Plotly layout object.
|
|
19
|
-
*/
|
|
20
|
-
layout?: Partial<PlotLayout>;
|
|
21
|
-
/**
|
|
22
|
-
* Plotly config object.
|
|
23
|
-
*/
|
|
24
|
-
config?: Partial<PlotConfig>;
|
|
25
|
-
/**
|
|
26
|
-
* OnHover function.
|
|
27
|
-
*/
|
|
28
|
-
onHover?: (data: PlotData) => void;
|
|
29
|
-
/**
|
|
30
|
-
* OnUnHover function.
|
|
31
|
-
*/
|
|
32
|
-
onUnHover?: (data: PlotData) => void;
|
|
33
|
-
/**
|
|
34
|
-
* Function to be call after plot render.
|
|
35
|
-
*/
|
|
36
|
-
afterPlot?: (data: PlotData, ref: any) => void;
|
|
37
|
-
/**
|
|
38
|
-
* Plot revision
|
|
39
|
-
*/
|
|
40
|
-
revision?: number;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
export default function HvPlot(props: HvPlotProps): JSX.Element | null;
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
-
const _excluded = ["data", "layout", "config", "revision", "onHover", "onUnHover", "afterPlot"];
|
|
4
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
|
-
import React, { useLayoutEffect, useRef, useCallback } from "react";
|
|
7
|
-
import PropTypes from "prop-types";
|
|
8
|
-
import Plotly from "plotly.js-dist-min";
|
|
9
|
-
import createPlotlyComponent from "react-plotly.js/factory";
|
|
10
|
-
import { withStyles } from "@mui/styles";
|
|
11
|
-
import styles from "./styles";
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
const PlotGraph = createPlotlyComponent(Plotly);
|
|
14
|
-
const plotGraphStyle = {
|
|
15
|
-
position: "relative"
|
|
16
|
-
};
|
|
17
|
-
const Plot = _ref => {
|
|
18
|
-
let {
|
|
19
|
-
data,
|
|
20
|
-
layout,
|
|
21
|
-
config,
|
|
22
|
-
revision = 0,
|
|
23
|
-
onHover,
|
|
24
|
-
onUnHover,
|
|
25
|
-
afterPlot
|
|
26
|
-
} = _ref,
|
|
27
|
-
others = _objectWithoutProperties(_ref, _excluded);
|
|
28
|
-
const ref = useRef(null);
|
|
29
|
-
|
|
30
|
-
/* Callbacks */
|
|
31
|
-
|
|
32
|
-
const afterPlotInternal = useCallback(() => {
|
|
33
|
-
afterPlot === null || afterPlot === void 0 ? void 0 : afterPlot(ref);
|
|
34
|
-
}, [afterPlot]);
|
|
35
|
-
|
|
36
|
-
/* Effects */
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* Call in the first render because react-plotly.js won't do so.
|
|
40
|
-
* (https://github.com/plotly/react-plotly.js/blob/bd15ca98be12b159633fb57c4ea762cb7a64c3a7/src/factory.js#L88)
|
|
41
|
-
*/
|
|
42
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
43
|
-
useLayoutEffect(afterPlotInternal, []);
|
|
44
|
-
return /*#__PURE__*/_jsx(PlotGraph, _objectSpread({
|
|
45
|
-
ref: ref,
|
|
46
|
-
data: data,
|
|
47
|
-
layout: layout,
|
|
48
|
-
config: config,
|
|
49
|
-
revision: revision,
|
|
50
|
-
onHover: onHover,
|
|
51
|
-
onUnhover: onUnHover,
|
|
52
|
-
onAfterPlot: afterPlot != null ? afterPlotInternal : null,
|
|
53
|
-
style: plotGraphStyle
|
|
54
|
-
}, others));
|
|
55
|
-
};
|
|
56
|
-
process.env.NODE_ENV !== "production" ? Plot.propTypes = {
|
|
57
|
-
/**
|
|
58
|
-
* Plotly data object.
|
|
59
|
-
*/
|
|
60
|
-
data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
|
|
61
|
-
/**
|
|
62
|
-
* Plotly layout object.
|
|
63
|
-
*/
|
|
64
|
-
layout: PropTypes.instanceOf(Object).isRequired,
|
|
65
|
-
/**
|
|
66
|
-
* Plotly config object.
|
|
67
|
-
*/
|
|
68
|
-
config: PropTypes.instanceOf(Object).isRequired,
|
|
69
|
-
/**
|
|
70
|
-
* OnHover function.
|
|
71
|
-
*/
|
|
72
|
-
onHover: PropTypes.func,
|
|
73
|
-
/**
|
|
74
|
-
* OnUnHover function.
|
|
75
|
-
*/
|
|
76
|
-
onUnHover: PropTypes.func,
|
|
77
|
-
/**
|
|
78
|
-
* Function to be call after plot render.
|
|
79
|
-
*/
|
|
80
|
-
afterPlot: PropTypes.func,
|
|
81
|
-
/**
|
|
82
|
-
* Plot revision.
|
|
83
|
-
*/
|
|
84
|
-
revision: PropTypes.number
|
|
85
|
-
} : void 0;
|
|
86
|
-
export default withStyles(styles, {
|
|
87
|
-
name: "HvChartPlot"
|
|
88
|
-
})(Plot);
|
|
89
|
-
//# sourceMappingURL=Plot.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Plot.js","names":["React","useLayoutEffect","useRef","useCallback","PropTypes","Plotly","createPlotlyComponent","withStyles","styles","PlotGraph","plotGraphStyle","position","Plot","data","layout","config","revision","onHover","onUnHover","afterPlot","others","ref","afterPlotInternal","propTypes","arrayOf","instanceOf","Object","isRequired","func","number","name"],"sources":["../../../../src/Chart/Plot/Plot.js"],"sourcesContent":["import React, { useLayoutEffect, useRef, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Plotly from \"plotly.js-dist-min\";\nimport createPlotlyComponent from \"react-plotly.js/factory\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst PlotGraph = createPlotlyComponent(Plotly);\n\nconst plotGraphStyle = { position: \"relative\" };\n\nconst Plot = ({ data, layout, config, revision = 0, onHover, onUnHover, afterPlot, ...others }) => {\n const ref = useRef(null);\n\n /* Callbacks */\n\n const afterPlotInternal = useCallback(() => {\n afterPlot?.(ref);\n }, [afterPlot]);\n\n /* Effects */\n\n /**\n * Call in the first render because react-plotly.js won't do so.\n * (https://github.com/plotly/react-plotly.js/blob/bd15ca98be12b159633fb57c4ea762cb7a64c3a7/src/factory.js#L88)\n */\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useLayoutEffect(afterPlotInternal, []);\n\n return (\n <PlotGraph\n ref={ref}\n data={data}\n layout={layout}\n config={config}\n revision={revision}\n onHover={onHover}\n onUnhover={onUnHover}\n onAfterPlot={afterPlot != null ? afterPlotInternal : null}\n style={plotGraphStyle}\n {...others}\n />\n );\n};\n\nPlot.propTypes = {\n /**\n * Plotly data object.\n */\n data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n /**\n * Plotly layout object.\n */\n layout: PropTypes.instanceOf(Object).isRequired,\n /**\n * Plotly config object.\n */\n config: PropTypes.instanceOf(Object).isRequired,\n /**\n * OnHover function.\n */\n onHover: PropTypes.func,\n /**\n * OnUnHover function.\n */\n onUnHover: PropTypes.func,\n /**\n * Function to be call after plot render.\n */\n afterPlot: PropTypes.func,\n /**\n * Plot revision.\n */\n revision: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvChartPlot\" })(Plot);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,eAAe,EAAEC,MAAM,EAAEC,WAAW,QAAQ,OAAO;AACnE,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,oBAAoB;AACvC,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,MAAMC,SAAS,GAAGH,qBAAqB,CAACD,MAAM,CAAC;AAE/C,MAAMK,cAAc,GAAG;EAAEC,QAAQ,EAAE;AAAW,CAAC;AAE/C,MAAMC,IAAI,GAAG,QAAsF;EAAA,IAArF;MAAEC,IAAI;MAAEC,MAAM;MAAEC,MAAM;MAAEC,QAAQ,GAAG,CAAC;MAAEC,OAAO;MAAEC,SAAS;MAAEC;IAAqB,CAAC;IAARC,MAAM;EAC1F,MAAMC,GAAG,GAAGnB,MAAM,CAAC,IAAI,CAAC;;EAExB;;EAEA,MAAMoB,iBAAiB,GAAGnB,WAAW,CAAC,MAAM;IAC1CgB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAGE,GAAG,CAAC;EAClB,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;;EAEf;;EAEA;AACF;AACA;AACA;EACE;EACAlB,eAAe,CAACqB,iBAAiB,EAAE,EAAE,CAAC;EAEtC,oBACE,KAAC,SAAS;IACR,GAAG,EAAED,GAAI;IACT,IAAI,EAAER,IAAK;IACX,MAAM,EAAEC,MAAO;IACf,MAAM,EAAEC,MAAO;IACf,QAAQ,EAAEC,QAAS;IACnB,OAAO,EAAEC,OAAQ;IACjB,SAAS,EAAEC,SAAU;IACrB,WAAW,EAAEC,SAAS,IAAI,IAAI,GAAGG,iBAAiB,GAAG,IAAK;IAC1D,KAAK,EAAEZ;EAAe,GAClBU,MAAM,EACV;AAEN,CAAC;AAED,wCAAAR,IAAI,CAACW,SAAS,GAAG;EACf;AACF;AACA;EACEV,IAAI,EAAET,SAAS,CAACoB,OAAO,CAACpB,SAAS,CAACqB,UAAU,CAACC,MAAM,CAAC,CAAC,CAACC,UAAU;EAChE;AACF;AACA;EACEb,MAAM,EAAEV,SAAS,CAACqB,UAAU,CAACC,MAAM,CAAC,CAACC,UAAU;EAC/C;AACF;AACA;EACEZ,MAAM,EAAEX,SAAS,CAACqB,UAAU,CAACC,MAAM,CAAC,CAACC,UAAU;EAC/C;AACF;AACA;EACEV,OAAO,EAAEb,SAAS,CAACwB,IAAI;EACvB;AACF;AACA;EACEV,SAAS,EAAEd,SAAS,CAACwB,IAAI;EACzB;AACF;AACA;EACET,SAAS,EAAEf,SAAS,CAACwB,IAAI;EACzB;AACF;AACA;EACEZ,QAAQ,EAAEZ,SAAS,CAACyB;AACtB,CAAC;AAED,eAAetB,UAAU,CAACC,MAAM,EAAE;EAAEsB,IAAI,EAAE;AAAc,CAAC,CAAC,CAAClB,IAAI,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Chart/Plot/index.js"],"sourcesContent":["export { default } from \"./Plot\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,QAAQ"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles"],"sources":["../../../../src/Chart/Plot/styles.js"],"sourcesContent":["const styles = {};\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,CAAC,CAAC;AAEjB,eAAeA,MAAM"}
|
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
import React, { memo } from "react";
|
|
2
|
-
import PropTypes from "prop-types";
|
|
3
|
-
import { withStyles } from "@mui/styles";
|
|
4
|
-
import { HvTypography } from "@hitachivantara/uikit-react-core";
|
|
5
|
-
import styles from "./styles";
|
|
6
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
-
const MultiTooltip = ({
|
|
9
|
-
classes,
|
|
10
|
-
data
|
|
11
|
-
}) => {
|
|
12
|
-
var _data$elements;
|
|
13
|
-
return /*#__PURE__*/_jsxs("div", {
|
|
14
|
-
className: classes.root,
|
|
15
|
-
children: [/*#__PURE__*/_jsx("div", {
|
|
16
|
-
className: classes.title,
|
|
17
|
-
children: /*#__PURE__*/_jsx("div", {
|
|
18
|
-
children: /*#__PURE__*/_jsx(HvTypography, {
|
|
19
|
-
variant: "highlightText",
|
|
20
|
-
children: data.title
|
|
21
|
-
})
|
|
22
|
-
})
|
|
23
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
24
|
-
className: classes.valuesContainer,
|
|
25
|
-
children: data === null || data === void 0 ? void 0 : (_data$elements = data.elements) === null || _data$elements === void 0 ? void 0 : _data$elements.map(element => /*#__PURE__*/_jsxs("div", {
|
|
26
|
-
className: classes.values,
|
|
27
|
-
children: [/*#__PURE__*/_jsxs("div", {
|
|
28
|
-
className: classes.valueNameWrapper,
|
|
29
|
-
children: [/*#__PURE__*/_jsx("div", {
|
|
30
|
-
className: classes.color,
|
|
31
|
-
style: {
|
|
32
|
-
backgroundColor: element.color
|
|
33
|
-
}
|
|
34
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
35
|
-
className: classes.separatorColor
|
|
36
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
37
|
-
children: /*#__PURE__*/_jsx(HvTypography, {
|
|
38
|
-
variant: "highlightText",
|
|
39
|
-
children: element.name
|
|
40
|
-
})
|
|
41
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
42
|
-
className: classes.separator
|
|
43
|
-
})]
|
|
44
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
45
|
-
children: /*#__PURE__*/_jsx(HvTypography, {
|
|
46
|
-
children: element.value
|
|
47
|
-
})
|
|
48
|
-
})]
|
|
49
|
-
}, element.name))
|
|
50
|
-
})]
|
|
51
|
-
});
|
|
52
|
-
};
|
|
53
|
-
process.env.NODE_ENV !== "production" ? MultiTooltip.propTypes = {
|
|
54
|
-
/**
|
|
55
|
-
* A Jss Object used to override or extend the styles applied.
|
|
56
|
-
*/
|
|
57
|
-
classes: PropTypes.shape({
|
|
58
|
-
/**
|
|
59
|
-
* Styles applied to the root.
|
|
60
|
-
*/
|
|
61
|
-
root: PropTypes.string,
|
|
62
|
-
/**
|
|
63
|
-
* Styles applied to the title.
|
|
64
|
-
*/
|
|
65
|
-
title: PropTypes.string,
|
|
66
|
-
/**
|
|
67
|
-
* Styles applied to the values container.
|
|
68
|
-
*/
|
|
69
|
-
valuesContainer: PropTypes.string,
|
|
70
|
-
/**
|
|
71
|
-
* Styling applied to the elements describing a data.
|
|
72
|
-
*/
|
|
73
|
-
valueNameWrapper: PropTypes.string,
|
|
74
|
-
/**
|
|
75
|
-
* Styles applied to the values.
|
|
76
|
-
*/
|
|
77
|
-
values: PropTypes.string,
|
|
78
|
-
/**
|
|
79
|
-
* Styles applied to the color.
|
|
80
|
-
*/
|
|
81
|
-
color: PropTypes.string,
|
|
82
|
-
/**
|
|
83
|
-
* Styles applied to the separator between color and title.
|
|
84
|
-
*/
|
|
85
|
-
separatorColor: PropTypes.string,
|
|
86
|
-
/**
|
|
87
|
-
* Styles applied to the separator.
|
|
88
|
-
*/
|
|
89
|
-
separator: PropTypes.string
|
|
90
|
-
}).isRequired,
|
|
91
|
-
/**
|
|
92
|
-
* Data of the tooltip.
|
|
93
|
-
*/
|
|
94
|
-
data: PropTypes.shape({
|
|
95
|
-
/**
|
|
96
|
-
* Styles applied to the barchart root class.
|
|
97
|
-
*/
|
|
98
|
-
title: PropTypes.string,
|
|
99
|
-
/**
|
|
100
|
-
* Values of tooltip
|
|
101
|
-
*/
|
|
102
|
-
elements: PropTypes.arrayOf(PropTypes.shape({
|
|
103
|
-
/**
|
|
104
|
-
* Color (in hex).
|
|
105
|
-
*/
|
|
106
|
-
color: PropTypes.string,
|
|
107
|
-
/**
|
|
108
|
-
* Name.
|
|
109
|
-
*/
|
|
110
|
-
name: PropTypes.string,
|
|
111
|
-
/**
|
|
112
|
-
* Value.
|
|
113
|
-
*/
|
|
114
|
-
value: PropTypes.number
|
|
115
|
-
}))
|
|
116
|
-
}).isRequired
|
|
117
|
-
} : void 0;
|
|
118
|
-
const arePropsEqual = (prevProps, nextProps) => prevProps.data === nextProps.data;
|
|
119
|
-
export default withStyles(styles, {
|
|
120
|
-
name: "HvChartMultiTooltip"
|
|
121
|
-
})( /*#__PURE__*/memo(MultiTooltip, arePropsEqual));
|
|
122
|
-
//# sourceMappingURL=MultiTooltip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MultiTooltip.js","names":["React","memo","PropTypes","withStyles","HvTypography","styles","MultiTooltip","classes","data","root","title","valuesContainer","elements","map","element","values","valueNameWrapper","color","backgroundColor","separatorColor","name","separator","value","propTypes","shape","string","isRequired","arrayOf","number","arePropsEqual","prevProps","nextProps"],"sources":["../../../../../src/Chart/Tooltip/MultiTooltip/MultiTooltip.js"],"sourcesContent":["import React, { memo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\nconst MultiTooltip = ({ classes, data }) => (\n <div className={classes.root}>\n <div className={classes.title}>\n <div>\n <HvTypography variant=\"highlightText\">{data.title}</HvTypography>\n </div>\n </div>\n <div className={classes.valuesContainer}>\n {data?.elements?.map((element) => (\n <div key={element.name} className={classes.values}>\n <div className={classes.valueNameWrapper}>\n <div className={classes.color} style={{ backgroundColor: element.color }} />\n <div className={classes.separatorColor} />\n <div>\n <HvTypography variant=\"highlightText\">{element.name}</HvTypography>\n </div>\n <div className={classes.separator} />\n </div>\n <div>\n <HvTypography>{element.value}</HvTypography>\n </div>\n </div>\n ))}\n </div>\n </div>\n);\n\nMultiTooltip.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the title.\n */\n title: PropTypes.string,\n /**\n * Styles applied to the values container.\n */\n valuesContainer: PropTypes.string,\n /**\n * Styling applied to the elements describing a data.\n */\n valueNameWrapper: PropTypes.string,\n /**\n * Styles applied to the values.\n */\n values: PropTypes.string,\n /**\n * Styles applied to the color.\n */\n color: PropTypes.string,\n /**\n * Styles applied to the separator between color and title.\n */\n separatorColor: PropTypes.string,\n /**\n * Styles applied to the separator.\n */\n separator: PropTypes.string,\n }).isRequired,\n /**\n * Data of the tooltip.\n */\n data: PropTypes.shape({\n /**\n * Styles applied to the barchart root class.\n */\n title: PropTypes.string,\n /**\n * Values of tooltip\n */\n elements: PropTypes.arrayOf(\n PropTypes.shape({\n /**\n * Color (in hex).\n */\n color: PropTypes.string,\n /**\n * Name.\n */\n name: PropTypes.string,\n /**\n * Value.\n */\n value: PropTypes.number,\n })\n ),\n }).isRequired,\n};\n\nconst arePropsEqual = (prevProps, nextProps) => prevProps.data === nextProps.data;\n\nexport default withStyles(styles, { name: \"HvChartMultiTooltip\" })(\n memo(MultiTooltip, arePropsEqual)\n);\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Chart/Tooltip/MultiTooltip/index.js"],"sourcesContent":["export { default } from \"./MultiTooltip\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAgB"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
const styles = theme => ({
|
|
2
|
-
root: {
|
|
3
|
-
backgroundColor: theme.hv.palette.atmosphere.atmo1,
|
|
4
|
-
width: "fit-content",
|
|
5
|
-
boxShadow: theme.hv.shadows[1],
|
|
6
|
-
zIndex: 100
|
|
7
|
-
},
|
|
8
|
-
title: {
|
|
9
|
-
padding: theme.hvSpacing("15px", "sm"),
|
|
10
|
-
borderBottom: `3px solid ${theme.hv.palette.atmosphere.atmo2}`
|
|
11
|
-
},
|
|
12
|
-
valuesContainer: {
|
|
13
|
-
padding: theme.hv.spacing.sm
|
|
14
|
-
},
|
|
15
|
-
values: {
|
|
16
|
-
display: "flex",
|
|
17
|
-
justifyContent: "space-between",
|
|
18
|
-
alignItems: "center",
|
|
19
|
-
paddingBottom: theme.hv.spacing.sm,
|
|
20
|
-
"&:last-child": {
|
|
21
|
-
paddingBottom: 0
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
valueNameWrapper: {
|
|
25
|
-
display: "flex",
|
|
26
|
-
alignItems: "center"
|
|
27
|
-
},
|
|
28
|
-
color: {
|
|
29
|
-
width: theme.hv.spacing.xs,
|
|
30
|
-
height: theme.hv.spacing.xs
|
|
31
|
-
},
|
|
32
|
-
separator: {
|
|
33
|
-
width: theme.hv.spacing.xs
|
|
34
|
-
},
|
|
35
|
-
separatorColor: {
|
|
36
|
-
width: "5px"
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
export default styles;
|
|
40
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","theme","root","backgroundColor","hv","palette","atmosphere","atmo1","width","boxShadow","shadows","zIndex","title","padding","hvSpacing","borderBottom","atmo2","valuesContainer","spacing","sm","values","display","justifyContent","alignItems","paddingBottom","valueNameWrapper","color","xs","height","separator","separatorColor"],"sources":["../../../../../src/Chart/Tooltip/MultiTooltip/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n width: \"fit-content\",\n boxShadow: theme.hv.shadows[1],\n zIndex: 100,\n },\n title: {\n padding: theme.hvSpacing(\"15px\", \"sm\"),\n borderBottom: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n },\n valuesContainer: {\n padding: theme.hv.spacing.sm,\n },\n values: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n paddingBottom: theme.hv.spacing.sm,\n \"&:last-child\": {\n paddingBottom: 0,\n },\n },\n valueNameWrapper: {\n display: \"flex\",\n alignItems: \"center\",\n },\n color: {\n width: theme.hv.spacing.xs,\n height: theme.hv.spacing.xs,\n },\n separator: {\n width: theme.hv.spacing.xs,\n },\n separatorColor: {\n width: \"5px\",\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,eAAe,EAAEF,KAAK,CAACG,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK;IAClDC,KAAK,EAAE,aAAa;IACpBC,SAAS,EAAER,KAAK,CAACG,EAAE,CAACM,OAAO,CAAC,CAAC,CAAC;IAC9BC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLC,OAAO,EAAEZ,KAAK,CAACa,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC;IACtCC,YAAY,EAAG,aAAYd,KAAK,CAACG,EAAE,CAACC,OAAO,CAACC,UAAU,CAACU,KAAM;EAC/D,CAAC;EACDC,eAAe,EAAE;IACfJ,OAAO,EAAEZ,KAAK,CAACG,EAAE,CAACc,OAAO,CAACC;EAC5B,CAAC;EACDC,MAAM,EAAE;IACNC,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAEvB,KAAK,CAACG,EAAE,CAACc,OAAO,CAACC,EAAE;IAClC,cAAc,EAAE;MACdK,aAAa,EAAE;IACjB;EACF,CAAC;EACDC,gBAAgB,EAAE;IAChBJ,OAAO,EAAE,MAAM;IACfE,UAAU,EAAE;EACd,CAAC;EACDG,KAAK,EAAE;IACLlB,KAAK,EAAEP,KAAK,CAACG,EAAE,CAACc,OAAO,CAACS,EAAE;IAC1BC,MAAM,EAAE3B,KAAK,CAACG,EAAE,CAACc,OAAO,CAACS;EAC3B,CAAC;EACDE,SAAS,EAAE;IACTrB,KAAK,EAAEP,KAAK,CAACG,EAAE,CAACc,OAAO,CAACS;EAC1B,CAAC;EACDG,cAAc,EAAE;IACdtB,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAeR,MAAM"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import React, { memo } from "react";
|
|
2
|
-
import PropTypes from "prop-types";
|
|
3
|
-
import { withStyles } from "@mui/styles";
|
|
4
|
-
import { HvTypography } from "@hitachivantara/uikit-react-core";
|
|
5
|
-
import styles from "./styles";
|
|
6
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
-
const SingleTooltip = ({
|
|
9
|
-
classes,
|
|
10
|
-
title,
|
|
11
|
-
value
|
|
12
|
-
}) => /*#__PURE__*/_jsxs("div", {
|
|
13
|
-
className: classes.root,
|
|
14
|
-
children: [/*#__PURE__*/_jsx("div", {
|
|
15
|
-
children: /*#__PURE__*/_jsx(HvTypography, {
|
|
16
|
-
variant: "highlightText",
|
|
17
|
-
children: title
|
|
18
|
-
})
|
|
19
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
20
|
-
className: classes.separator
|
|
21
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
22
|
-
children: /*#__PURE__*/_jsx(HvTypography, {
|
|
23
|
-
children: value
|
|
24
|
-
})
|
|
25
|
-
})]
|
|
26
|
-
});
|
|
27
|
-
process.env.NODE_ENV !== "production" ? SingleTooltip.propTypes = {
|
|
28
|
-
/**
|
|
29
|
-
* A Jss Object used to override or extend the styles applied.
|
|
30
|
-
*/
|
|
31
|
-
classes: PropTypes.shape({
|
|
32
|
-
/**
|
|
33
|
-
* Styles applied to the root class.
|
|
34
|
-
*/
|
|
35
|
-
root: PropTypes.string,
|
|
36
|
-
/**
|
|
37
|
-
* Styles applied to the separator between title and value.
|
|
38
|
-
*/
|
|
39
|
-
separator: PropTypes.string
|
|
40
|
-
}).isRequired,
|
|
41
|
-
/**
|
|
42
|
-
* Title of the chart.
|
|
43
|
-
*/
|
|
44
|
-
title: PropTypes.string.isRequired,
|
|
45
|
-
/**
|
|
46
|
-
* Value of the chart.
|
|
47
|
-
*/
|
|
48
|
-
value: PropTypes.number.isRequired
|
|
49
|
-
} : void 0;
|
|
50
|
-
const arePropsEqual = (prevProps, nextProps) => prevProps.title === nextProps.title && prevProps.value === nextProps.value;
|
|
51
|
-
export default withStyles(styles, {
|
|
52
|
-
name: "HvChartSingleTooltip"
|
|
53
|
-
})( /*#__PURE__*/memo(SingleTooltip, arePropsEqual));
|
|
54
|
-
//# sourceMappingURL=SingleTooltip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SingleTooltip.js","names":["React","memo","PropTypes","withStyles","HvTypography","styles","SingleTooltip","classes","title","value","root","separator","propTypes","shape","string","isRequired","number","arePropsEqual","prevProps","nextProps","name"],"sources":["../../../../../src/Chart/Tooltip/SingleTooltip/SingleTooltip.js"],"sourcesContent":["import React, { memo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\nconst SingleTooltip = ({ classes, title, value }) => (\n <div className={classes.root}>\n <div>\n <HvTypography variant=\"highlightText\">{title}</HvTypography>\n </div>\n <div className={classes.separator} />\n <div>\n <HvTypography>{value}</HvTypography>\n </div>\n </div>\n);\n\nSingleTooltip.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the separator between title and value.\n */\n separator: PropTypes.string,\n }).isRequired,\n /**\n * Title of the chart.\n */\n title: PropTypes.string.isRequired,\n /**\n * Value of the chart.\n */\n value: PropTypes.number.isRequired,\n};\n\nconst arePropsEqual = (prevProps, nextProps) =>\n prevProps.title === nextProps.title && prevProps.value === nextProps.value;\n\nexport default withStyles(styles, { name: \"HvChartSingleTooltip\" })(\n memo(SingleTooltip, arePropsEqual)\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,YAAY,QAAQ,kCAAkC;AAC/D,OAAOC,MAAM,MAAM,UAAU;AAAC;AAAA;AAE9B,MAAMC,aAAa,GAAG,CAAC;EAAEC,OAAO;EAAEC,KAAK;EAAEC;AAAM,CAAC,kBAC9C;EAAK,SAAS,EAAEF,OAAO,CAACG,IAAK;EAAA,wBAC3B;IAAA,uBACE,KAAC,YAAY;MAAC,OAAO,EAAC,eAAe;MAAA,UAAEF;IAAK;EAAgB,EACxD,eACN;IAAK,SAAS,EAAED,OAAO,CAACI;EAAU,EAAG,eACrC;IAAA,uBACE,KAAC,YAAY;MAAA,UAAEF;IAAK;EAAgB,EAChC;AAAA,EAET;AAED,wCAAAH,aAAa,CAACM,SAAS,GAAG;EACxB;AACF;AACA;EACEL,OAAO,EAAEL,SAAS,CAACW,KAAK,CAAC;IACvB;AACJ;AACA;IACIH,IAAI,EAAER,SAAS,CAACY,MAAM;IACtB;AACJ;AACA;IACIH,SAAS,EAAET,SAAS,CAACY;EACvB,CAAC,CAAC,CAACC,UAAU;EACb;AACF;AACA;EACEP,KAAK,EAAEN,SAAS,CAACY,MAAM,CAACC,UAAU;EAClC;AACF;AACA;EACEN,KAAK,EAAEP,SAAS,CAACc,MAAM,CAACD;AAC1B,CAAC;AAED,MAAME,aAAa,GAAG,CAACC,SAAS,EAAEC,SAAS,KACzCD,SAAS,CAACV,KAAK,KAAKW,SAAS,CAACX,KAAK,IAAIU,SAAS,CAACT,KAAK,KAAKU,SAAS,CAACV,KAAK;AAE5E,eAAeN,UAAU,CAACE,MAAM,EAAE;EAAEe,IAAI,EAAE;AAAuB,CAAC,CAAC,eACjEnB,IAAI,CAACK,aAAa,EAAEW,aAAa,CAAC,CACnC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Chart/Tooltip/SingleTooltip/index.js"],"sourcesContent":["export { default } from \"./SingleTooltip\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
const styles = theme => ({
|
|
2
|
-
root: {
|
|
3
|
-
padding: theme.hv.spacing.sm,
|
|
4
|
-
display: "flex",
|
|
5
|
-
backgroundColor: theme.hv.palette.atmosphere.atmo1,
|
|
6
|
-
boxShadow: theme.hv.shadows[1],
|
|
7
|
-
width: "fit-content",
|
|
8
|
-
zIndex: 100
|
|
9
|
-
},
|
|
10
|
-
separator: {
|
|
11
|
-
width: theme.hv.spacing.xs
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
export default styles;
|
|
15
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hv","spacing","sm","display","backgroundColor","palette","atmosphere","atmo1","boxShadow","shadows","width","zIndex","separator","xs"],"sources":["../../../../../src/Chart/Tooltip/SingleTooltip/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n padding: theme.hv.spacing.sm,\n display: \"flex\",\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n boxShadow: theme.hv.shadows[1],\n width: \"fit-content\",\n zIndex: 100,\n },\n separator: {\n width: theme.hv.spacing.xs,\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAEF,KAAK,CAACG,EAAE,CAACC,OAAO,CAACC,EAAE;IAC5BC,OAAO,EAAE,MAAM;IACfC,eAAe,EAAEP,KAAK,CAACG,EAAE,CAACK,OAAO,CAACC,UAAU,CAACC,KAAK;IAClDC,SAAS,EAAEX,KAAK,CAACG,EAAE,CAACS,OAAO,CAAC,CAAC,CAAC;IAC9BC,KAAK,EAAE,aAAa;IACpBC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTF,KAAK,EAAEb,KAAK,CAACG,EAAE,CAACC,OAAO,CAACY;EAC1B;AACF,CAAC,CAAC;AAEF,eAAejB,MAAM"}
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useRef, useState, useCallback } from "react";
|
|
2
|
-
import PropTypes from "prop-types";
|
|
3
|
-
import { withStyles } from "@mui/styles";
|
|
4
|
-
import SingleTooltip from "./SingleTooltip";
|
|
5
|
-
import MultipleTooltip from "./MultiTooltip";
|
|
6
|
-
import styles from "./styles";
|
|
7
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
-
const offset = 20;
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* Component responsible for deciding which tooltip should be use and to calculate
|
|
12
|
-
* the exact position where it should be render.
|
|
13
|
-
*/
|
|
14
|
-
const MainToolTip = ({
|
|
15
|
-
classes,
|
|
16
|
-
coordinates,
|
|
17
|
-
data,
|
|
18
|
-
useSingle,
|
|
19
|
-
tooltip
|
|
20
|
-
}) => {
|
|
21
|
-
var _MultipleTooltip;
|
|
22
|
-
const {
|
|
23
|
-
x,
|
|
24
|
-
y
|
|
25
|
-
} = coordinates;
|
|
26
|
-
const [style, setStyle] = useState({
|
|
27
|
-
left: x,
|
|
28
|
-
top: y,
|
|
29
|
-
visibility: "hidden"
|
|
30
|
-
});
|
|
31
|
-
const ref = useRef(null);
|
|
32
|
-
|
|
33
|
-
/**
|
|
34
|
-
* Calculate the position where the tooltip has to render, having in account
|
|
35
|
-
* the dimensions.
|
|
36
|
-
*/
|
|
37
|
-
useEffect(() => {
|
|
38
|
-
if (!ref.current || !ref.current.getBoundingClientRect().width) return;
|
|
39
|
-
const {
|
|
40
|
-
width,
|
|
41
|
-
height
|
|
42
|
-
} = ref.current.getBoundingClientRect();
|
|
43
|
-
setStyle({
|
|
44
|
-
left: x - width / 2,
|
|
45
|
-
top: y - height - offset
|
|
46
|
-
});
|
|
47
|
-
}, [x, y]);
|
|
48
|
-
const renderTooltip = useCallback(CustomTooltip => {
|
|
49
|
-
if (CustomTooltip) return CustomTooltip(data);
|
|
50
|
-
if (useSingle) return /*#__PURE__*/_jsx(SingleTooltip, {
|
|
51
|
-
title: data.title,
|
|
52
|
-
value: data.elements[0].value
|
|
53
|
-
});
|
|
54
|
-
return _MultipleTooltip || (_MultipleTooltip = /*#__PURE__*/_jsx(MultipleTooltip, {
|
|
55
|
-
data: data
|
|
56
|
-
}));
|
|
57
|
-
}, [data, useSingle]);
|
|
58
|
-
return /*#__PURE__*/_jsx("div", {
|
|
59
|
-
ref: ref,
|
|
60
|
-
className: classes.root,
|
|
61
|
-
style: style,
|
|
62
|
-
children: renderTooltip(tooltip)
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
process.env.NODE_ENV !== "production" ? MainToolTip.propTypes = {
|
|
66
|
-
/**
|
|
67
|
-
* A Jss Object used to override or extend the styles applied.
|
|
68
|
-
*/
|
|
69
|
-
classes: PropTypes.shape({
|
|
70
|
-
/**
|
|
71
|
-
* Styles applied to the barchart root class.
|
|
72
|
-
*/
|
|
73
|
-
root: PropTypes.string
|
|
74
|
-
}).isRequired,
|
|
75
|
-
/**
|
|
76
|
-
* Data of the tooltip.
|
|
77
|
-
*/
|
|
78
|
-
data: PropTypes.shape({
|
|
79
|
-
/**
|
|
80
|
-
* Title.
|
|
81
|
-
*/
|
|
82
|
-
title: PropTypes.string,
|
|
83
|
-
/**
|
|
84
|
-
* Values of the tooltip.
|
|
85
|
-
*/
|
|
86
|
-
elements: PropTypes.arrayOf(PropTypes.shape({
|
|
87
|
-
/**
|
|
88
|
-
* Color of the bar.
|
|
89
|
-
*/
|
|
90
|
-
color: PropTypes.string,
|
|
91
|
-
/**
|
|
92
|
-
* Name.
|
|
93
|
-
*/
|
|
94
|
-
name: PropTypes.string,
|
|
95
|
-
/**
|
|
96
|
-
* Value.
|
|
97
|
-
*/
|
|
98
|
-
value: PropTypes.number
|
|
99
|
-
}))
|
|
100
|
-
}).isRequired,
|
|
101
|
-
/**
|
|
102
|
-
* Coordinates.
|
|
103
|
-
*/
|
|
104
|
-
coordinates: PropTypes.shape({
|
|
105
|
-
/**
|
|
106
|
-
* xx's coordinate.
|
|
107
|
-
*/
|
|
108
|
-
x: PropTypes.number.isRequired,
|
|
109
|
-
/**
|
|
110
|
-
* yy's coordinate.
|
|
111
|
-
*/
|
|
112
|
-
y: PropTypes.number.isRequired
|
|
113
|
-
}).isRequired,
|
|
114
|
-
/**
|
|
115
|
-
* Defines if should use a single or multiline tooltip.
|
|
116
|
-
*/
|
|
117
|
-
useSingle: PropTypes.bool,
|
|
118
|
-
/**
|
|
119
|
-
* Custom tooltip element to be displayed
|
|
120
|
-
*/
|
|
121
|
-
tooltip: PropTypes.func
|
|
122
|
-
} : void 0;
|
|
123
|
-
MainToolTip.defaultProps = {
|
|
124
|
-
useSingle: false
|
|
125
|
-
};
|
|
126
|
-
export default withStyles(styles, {
|
|
127
|
-
name: "HvChartTooltip"
|
|
128
|
-
})(MainToolTip);
|
|
129
|
-
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","names":["React","useEffect","useRef","useState","useCallback","PropTypes","withStyles","SingleTooltip","MultipleTooltip","styles","offset","MainToolTip","classes","coordinates","data","useSingle","tooltip","x","y","style","setStyle","left","top","visibility","ref","current","getBoundingClientRect","width","height","renderTooltip","CustomTooltip","title","elements","value","root","propTypes","shape","string","isRequired","arrayOf","color","name","number","bool","func","defaultProps"],"sources":["../../../../src/Chart/Tooltip/Tooltip.js"],"sourcesContent":["import React, { useEffect, useRef, useState, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport SingleTooltip from \"./SingleTooltip\";\nimport MultipleTooltip from \"./MultiTooltip\";\nimport styles from \"./styles\";\n\nconst offset = 20;\n\n/**\n * Component responsible for deciding which tooltip should be use and to calculate\n * the exact position where it should be render.\n */\nconst MainToolTip = ({ classes, coordinates, data, useSingle, tooltip }) => {\n const { x, y } = coordinates;\n const [style, setStyle] = useState({ left: x, top: y, visibility: \"hidden\" });\n const ref = useRef(null);\n\n /**\n * Calculate the position where the tooltip has to render, having in account\n * the dimensions.\n */\n useEffect(() => {\n if (!ref.current || !ref.current.getBoundingClientRect().width) return;\n\n const { width, height } = ref.current.getBoundingClientRect();\n\n setStyle({ left: x - width / 2, top: y - height - offset });\n }, [x, y]);\n\n const renderTooltip = useCallback(\n (CustomTooltip) => {\n if (CustomTooltip) return CustomTooltip(data);\n if (useSingle) return <SingleTooltip title={data.title} value={data.elements[0].value} />;\n return <MultipleTooltip data={data} />;\n },\n [data, useSingle]\n );\n\n return (\n <div ref={ref} className={classes.root} style={style}>\n {renderTooltip(tooltip)}\n </div>\n );\n};\n\nMainToolTip.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the barchart root class.\n */\n root: PropTypes.string,\n }).isRequired,\n /**\n * Data of the tooltip.\n */\n data: PropTypes.shape({\n /**\n * Title.\n */\n title: PropTypes.string,\n /**\n * Values of the tooltip.\n */\n elements: PropTypes.arrayOf(\n PropTypes.shape({\n /**\n * Color of the bar.\n */\n color: PropTypes.string,\n /**\n * Name.\n */\n name: PropTypes.string,\n /**\n * Value.\n */\n value: PropTypes.number,\n })\n ),\n }).isRequired,\n /**\n * Coordinates.\n */\n coordinates: PropTypes.shape({\n /**\n * xx's coordinate.\n */\n x: PropTypes.number.isRequired,\n /**\n * yy's coordinate.\n */\n y: PropTypes.number.isRequired,\n }).isRequired,\n /**\n * Defines if should use a single or multiline tooltip.\n */\n useSingle: PropTypes.bool,\n /**\n * Custom tooltip element to be displayed\n */\n tooltip: PropTypes.func,\n};\n\nMainToolTip.defaultProps = {\n useSingle: false,\n};\n\nexport default withStyles(styles, { name: \"HvChartTooltip\" })(MainToolTip);\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Chart/Tooltip/index.js"],"sourcesContent":["export { default } from \"./Tooltip\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","root","position","zIndex","pointerEvents"],"sources":["../../../../src/Chart/Tooltip/styles.js"],"sourcesContent":["const styles = {\n root: {\n position: \"fixed\",\n zIndex: 100,\n pointerEvents: \"none\",\n },\n};\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,QAAQ,EAAE,OAAO;IACjBC,MAAM,EAAE,GAAG;IACXC,aAAa,EAAE;EACjB;AACF,CAAC;AAED,eAAeJ,MAAM"}
|