@scality/core-ui 0.186.0 → 0.187.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/{linetemporalchart/MetricTimespanProvider.d.ts → charts/MetricsTimeSpanProvider.d.ts} +1 -1
- package/dist/components/charts/MetricsTimeSpanProvider.d.ts.map +1 -0
- package/dist/components/{barchartv2/Barchart.component.d.ts → charts/barchart/Barchart.d.ts} +2 -33
- package/dist/components/charts/barchart/Barchart.d.ts.map +1 -0
- package/dist/components/charts/barchart/Barchart.js +56 -0
- package/dist/components/{barchartv2/utils.d.ts → charts/barchart/Barchart.utils.d.ts} +8 -35
- package/dist/components/charts/barchart/Barchart.utils.d.ts.map +1 -0
- package/dist/components/{barchartv2/utils.js → charts/barchart/Barchart.utils.js} +7 -88
- package/dist/components/{barchartv2 → charts/barchart}/BarchartTooltip.d.ts +2 -1
- package/dist/components/charts/barchart/BarchartTooltip.d.ts.map +1 -0
- package/dist/components/{barchartv2 → charts/barchart}/BarchartTooltip.js +3 -3
- package/dist/components/{charttooltip → charts/common}/ChartTooltip.d.ts +9 -2
- package/dist/components/charts/common/ChartTooltip.d.ts.map +1 -0
- package/dist/components/{charttooltip → charts/common}/ChartTooltip.js +11 -15
- package/dist/components/charts/common/SharedComponents.d.ts +47 -0
- package/dist/components/charts/common/SharedComponents.d.ts.map +1 -0
- package/dist/components/charts/common/SharedComponents.js +73 -0
- package/dist/components/charts/common/chartUtils.d.ts +91 -0
- package/dist/components/charts/common/chartUtils.d.ts.map +1 -0
- package/dist/components/charts/common/chartUtils.js +243 -0
- package/dist/components/{globalhealthbar/GlobalHealthBarRecharts.component.d.ts → charts/globalhealthbar/GlobalHealthBar.d.ts} +2 -2
- package/dist/components/charts/globalhealthbar/GlobalHealthBar.d.ts.map +1 -0
- package/dist/components/{globalhealthbar/useHealthBarData.d.ts → charts/globalhealthbar/GlobalHealthBar.hooks.d.ts} +1 -1
- package/dist/components/charts/globalhealthbar/GlobalHealthBar.hooks.d.ts.map +1 -0
- package/dist/components/{globalhealthbar/GlobalHealthBarRecharts.component.js → charts/globalhealthbar/GlobalHealthBar.js} +4 -4
- package/dist/components/{globalhealthbar/healthBarUtils.d.ts → charts/globalhealthbar/GlobalHealthBar.utils.d.ts} +1 -1
- package/dist/components/charts/globalhealthbar/GlobalHealthBar.utils.d.ts.map +1 -0
- package/dist/components/{globalhealthbar/healthBarUtils.js → charts/globalhealthbar/GlobalHealthBar.utils.js} +1 -1
- package/dist/components/{globalhealthbar/components → charts/globalhealthbar}/GlobalHealthBarTooltip.d.ts +1 -1
- package/dist/components/charts/globalhealthbar/GlobalHealthBarTooltip.d.ts.map +1 -0
- package/dist/components/{globalhealthbar/components → charts/globalhealthbar}/GlobalHealthBarTooltip.js +7 -3
- package/dist/components/charts/globalhealthbar/HealthBarXAxis.d.ts.map +1 -0
- package/dist/components/{globalhealthbar/components → charts/globalhealthbar}/HealthBarXAxis.js +1 -1
- package/dist/components/charts/index.d.ts +16 -0
- package/dist/components/charts/index.d.ts.map +1 -0
- package/dist/components/charts/index.js +15 -0
- package/dist/components/{chartlegend → charts/legend}/ChartLegend.d.ts +1 -1
- package/dist/components/charts/legend/ChartLegend.d.ts.map +1 -0
- package/dist/components/{chartlegend → charts/legend}/ChartLegend.js +2 -2
- package/dist/components/{chartlegend → charts/legend}/ChartLegendWrapper.d.ts +1 -1
- package/dist/components/charts/legend/ChartLegendWrapper.d.ts.map +1 -0
- package/dist/components/{linetimeseriechart/linetimeseriechart.component.d.ts → charts/linetimeseries/LineTimeSerieChart.d.ts} +12 -2
- package/dist/components/charts/linetimeseries/LineTimeSerieChart.d.ts.map +1 -0
- package/dist/components/{linetimeseriechart/linetimeseriechart.component.js → charts/linetimeseries/LineTimeSerieChart.js} +34 -35
- package/dist/components/charts/linetimeseries/LineTimeSerieChart.utils.d.ts +14 -0
- package/dist/components/charts/linetimeseries/LineTimeSerieChart.utils.d.ts.map +1 -0
- package/dist/components/{linetimeseriechart/utils.js → charts/linetimeseries/LineTimeSerieChart.utils.js} +4 -6
- package/dist/components/charts/sparkline/Sparkline.d.ts +23 -0
- package/dist/components/charts/sparkline/Sparkline.d.ts.map +1 -0
- package/dist/components/{sparkline/sparkline.component.js → charts/sparkline/Sparkline.js} +12 -6
- package/dist/components/charts/types.d.ts +34 -0
- package/dist/components/charts/types.d.ts.map +1 -0
- package/dist/components/charts/types.js +4 -0
- package/dist/components/icon/Icon.component.d.ts +1 -0
- package/dist/components/icon/Icon.component.d.ts.map +1 -1
- package/dist/components/icon/Icon.component.js +2 -2
- package/dist/components/textbadge/TextBadge.component.d.ts +1 -1
- package/dist/components/textbadge/TextBadge.component.d.ts.map +1 -1
- package/dist/index.d.ts +0 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -2
- package/dist/next.d.ts +3 -11
- package/dist/next.d.ts.map +1 -1
- package/dist/next.js +4 -11
- package/package.json +2 -6
- package/src/lib/components/{barchartv2/Barchart.component.test.tsx → charts/barchart/Barchart.test.tsx} +35 -10
- package/src/lib/components/{barchartv2/Barchart.component.tsx → charts/barchart/Barchart.tsx} +42 -207
- package/src/lib/components/{barchartv2/utils.test.ts → charts/barchart/Barchart.utils.test.ts} +2 -141
- package/src/lib/components/{barchartv2/utils.ts → charts/barchart/Barchart.utils.ts} +17 -143
- package/src/lib/components/{barchartv2 → charts/barchart}/BarchartTooltip.tsx +5 -9
- package/src/lib/components/{charttooltip → charts/common}/ChartTooltip.tsx +13 -20
- package/src/lib/components/charts/common/SharedComponents.tsx +180 -0
- package/src/lib/components/charts/common/chartUtils.test.ts +402 -0
- package/src/lib/components/charts/common/chartUtils.ts +334 -0
- package/src/lib/components/{globalhealthbar/useHealthBarData.spec.tsx → charts/globalhealthbar/GlobalHealthBar.hooks.test.tsx} +1 -1
- package/src/lib/components/{globalhealthbar/GlobalHealthBarRecharts.component.tsx → charts/globalhealthbar/GlobalHealthBar.tsx} +4 -4
- package/src/lib/components/{globalhealthbar/healthBarUtils.spec.ts → charts/globalhealthbar/GlobalHealthBar.utils.test.ts} +1 -1
- package/src/lib/components/{globalhealthbar/healthBarUtils.ts → charts/globalhealthbar/GlobalHealthBar.utils.ts} +1 -1
- package/src/lib/components/{globalhealthbar/components → charts/globalhealthbar}/GlobalHealthBarTooltip.tsx +8 -4
- package/src/lib/components/{globalhealthbar/components → charts/globalhealthbar}/HealthBarXAxis.tsx +1 -1
- package/src/lib/components/charts/index.ts +59 -0
- package/src/lib/components/{chartlegend → charts/legend}/ChartLegend.tsx +2 -2
- package/src/lib/components/{chartlegend → charts/legend}/ChartLegendWrapper.tsx +1 -1
- package/src/lib/components/{linetimeseriechart/linetimeseriechart.test.tsx → charts/linetimeseries/LineTimeSerieChart.test.tsx} +3 -6
- package/src/lib/components/{linetimeseriechart/linetimeseriechart.component.tsx → charts/linetimeseries/LineTimeSerieChart.tsx} +48 -44
- package/src/lib/components/{linetimeseriechart/utils.test.ts → charts/linetimeseries/LineTimeSerieChart.utils.test.ts} +1 -1
- package/src/lib/components/{linetimeseriechart/utils.ts → charts/linetimeseries/LineTimeSerieChart.utils.ts} +4 -6
- package/src/lib/components/charts/sparkline/Sparkline.tsx +80 -0
- package/src/lib/components/charts/types.ts +36 -0
- package/src/lib/components/icon/Icon.component.tsx +12 -8
- package/src/lib/components/textbadge/TextBadge.component.tsx +1 -1
- package/src/lib/index.ts +4 -2
- package/src/lib/next.ts +26 -13
- package/stories/BarChart/barchart.stories.tsx +10 -9
- package/stories/GlobalHealthBar/{globalhealthbarRecharts.stories.tsx → globalhealthbar.stories.tsx} +3 -21
- package/stories/GlobalHealthBar/globalheathbarrecharts.guideline.mdx +2 -2
- package/stories/guideline/chart-guideline.mdx +1 -38
- package/stories/linetimeseriechart.stories.tsx +4 -6
- package/stories/sparkline.stories.tsx +13 -11
- package/stories/textbadge.stories.tsx +15 -0
- package/dist/components/barchart/BarChart.component.d.ts +0 -17
- package/dist/components/barchart/BarChart.component.d.ts.map +0 -1
- package/dist/components/barchart/BarChart.component.js +0 -27
- package/dist/components/barchartv2/Barchart.component.d.ts.map +0 -1
- package/dist/components/barchartv2/Barchart.component.js +0 -122
- package/dist/components/barchartv2/BarchartTooltip.d.ts.map +0 -1
- package/dist/components/barchartv2/utils.d.ts.map +0 -1
- package/dist/components/chartlegend/ChartLegend.d.ts.map +0 -1
- package/dist/components/chartlegend/ChartLegendWrapper.d.ts.map +0 -1
- package/dist/components/charttooltip/ChartTooltip.d.ts.map +0 -1
- package/dist/components/globalhealthbar/GlobalHealthBar.component.d.ts +0 -23
- package/dist/components/globalhealthbar/GlobalHealthBar.component.d.ts.map +0 -1
- package/dist/components/globalhealthbar/GlobalHealthBar.component.js +0 -173
- package/dist/components/globalhealthbar/GlobalHealthBarRecharts.component.d.ts.map +0 -1
- package/dist/components/globalhealthbar/components/GlobalHealthBarTooltip.d.ts.map +0 -1
- package/dist/components/globalhealthbar/components/HealthBarXAxis.d.ts.map +0 -1
- package/dist/components/globalhealthbar/healthBarUtils.d.ts.map +0 -1
- package/dist/components/globalhealthbar/healthBarUtils.spec.d.ts +0 -2
- package/dist/components/globalhealthbar/healthBarUtils.spec.d.ts.map +0 -1
- package/dist/components/globalhealthbar/healthBarUtils.spec.js +0 -391
- package/dist/components/globalhealthbar/tooltip/index.d.ts +0 -8
- package/dist/components/globalhealthbar/tooltip/index.d.ts.map +0 -1
- package/dist/components/globalhealthbar/tooltip/index.js +0 -55
- package/dist/components/globalhealthbar/useHealthBarData.d.ts.map +0 -1
- package/dist/components/globalhealthbar/useHealthBarData.spec.d.ts +0 -2
- package/dist/components/globalhealthbar/useHealthBarData.spec.d.ts.map +0 -1
- package/dist/components/globalhealthbar/useHealthBarData.spec.js +0 -209
- package/dist/components/linetemporalchart/ChartUtil.d.ts +0 -41
- package/dist/components/linetemporalchart/ChartUtil.d.ts.map +0 -1
- package/dist/components/linetemporalchart/ChartUtil.js +0 -148
- package/dist/components/linetemporalchart/LineTemporalChart.component.d.ts +0 -46
- package/dist/components/linetemporalchart/LineTemporalChart.component.d.ts.map +0 -1
- package/dist/components/linetemporalchart/LineTemporalChart.component.js +0 -579
- package/dist/components/linetemporalchart/MetricTimespanProvider.d.ts.map +0 -1
- package/dist/components/linetemporalchart/tooltip/index.d.ts +0 -30
- package/dist/components/linetemporalchart/tooltip/index.d.ts.map +0 -1
- package/dist/components/linetemporalchart/tooltip/index.js +0 -104
- package/dist/components/linetimeseriechart/linetimeseriechart.component.d.ts.map +0 -1
- package/dist/components/linetimeseriechart/utils.d.ts +0 -16
- package/dist/components/linetimeseriechart/utils.d.ts.map +0 -1
- package/dist/components/sparkline/sparkline.component.d.ts +0 -17
- package/dist/components/sparkline/sparkline.component.d.ts.map +0 -1
- package/dist/components/vegachartv2/SyncedCursorCharts.d.ts +0 -12
- package/dist/components/vegachartv2/SyncedCursorCharts.d.ts.map +0 -1
- package/dist/components/vegachartv2/SyncedCursorCharts.js +0 -15
- package/dist/components/vegachartv2/VegaChartV2.component.d.ts +0 -15
- package/dist/components/vegachartv2/VegaChartV2.component.d.ts.map +0 -1
- package/dist/components/vegachartv2/VegaChartV2.component.js +0 -218
- package/src/lib/components/barchart/BarChart.component.tsx +0 -51
- package/src/lib/components/globalhealthbar/GlobalHealthBar.component.tsx +0 -204
- package/src/lib/components/globalhealthbar/tooltip/index.ts +0 -72
- package/src/lib/components/linetemporalchart/ChartUtil.test.ts +0 -250
- package/src/lib/components/linetemporalchart/ChartUtil.ts +0 -225
- package/src/lib/components/linetemporalchart/LineTemporalChart.component.tsx +0 -800
- package/src/lib/components/linetemporalchart/tooltip/index.ts +0 -178
- package/src/lib/components/sparkline/sparkline.component.tsx +0 -56
- package/src/lib/components/vegachartv2/SyncedCursorCharts.tsx +0 -28
- package/src/lib/components/vegachartv2/VegaChartV2.component.tsx +0 -276
- package/stories/barchart.stories.tsx +0 -142
- package/stories/globalhealthbar.stories.tsx +0 -191
- package/stories/guideline/mdxExampleComponents.tsx +0 -57
- package/stories/linecharttemporal.stories.tsx +0 -88
- /package/dist/components/{linetemporalchart/MetricTimespanProvider.js → charts/MetricsTimeSpanProvider.js} +0 -0
- /package/dist/components/{globalhealthbar/useHealthBarData.js → charts/globalhealthbar/GlobalHealthBar.hooks.js} +0 -0
- /package/dist/components/{globalhealthbar/components → charts/globalhealthbar}/HealthBarXAxis.d.ts +0 -0
- /package/dist/components/{chartlegend → charts/legend}/ChartLegendWrapper.js +0 -0
- /package/src/lib/components/{linetemporalchart/MetricTimespanProvider.tsx → charts/MetricsTimeSpanProvider.tsx} +0 -0
- /package/src/lib/components/{barchartv2 → charts/barchart}/BarchartTooltip.test.tsx +0 -0
- /package/src/lib/components/{globalhealthbar/useHealthBarData.ts → charts/globalhealthbar/GlobalHealthBar.hooks.ts} +0 -0
- /package/src/lib/components/{chartlegend → charts/legend}/ChartLegend.test.tsx +0 -0
- /package/src/lib/components/{chartlegend → charts/legend}/ChartLegendWrapper.test.tsx +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/charts/sparkline/Sparkline.tsx"],"names":[],"mappings":"AAYA,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE;QACL,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;QAChC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;CACtC,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,SAAS,GACV,EAAE,cAAc,2CAwChB"}
|
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useMemo } from
|
|
3
|
-
import { Area, AreaChart, CartesianGrid, ResponsiveContainer, YAxis } from
|
|
4
|
-
import { useTheme } from
|
|
5
|
-
import { chartColors } from
|
|
6
|
-
import { addMissingDataPoint } from
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { Area, AreaChart, CartesianGrid, ResponsiveContainer, YAxis, } from 'recharts';
|
|
4
|
+
import { useTheme } from 'styled-components';
|
|
5
|
+
import { chartColors } from '../../../style/theme';
|
|
6
|
+
import { addMissingDataPoint } from '../common/chartUtils';
|
|
7
7
|
/**
|
|
8
8
|
* Sparkline is a simple dynamically sized area chart.
|
|
9
9
|
* Used to show trends in data over time.
|
|
10
|
+
* @param serie - The data series to display
|
|
11
|
+
* @param startingTimeStamp - The starting timestamp in seconds
|
|
12
|
+
* @param sampleDuration - The total duration in seconds to cover in the sparkline
|
|
13
|
+
* @param sampleInterval - The interval in seconds between data points
|
|
14
|
+
* @param yAxisType - The type of y-axis to display
|
|
15
|
+
* @returns The sparkline component
|
|
10
16
|
*/
|
|
11
|
-
export function Sparkline({ serie, startingTimeStamp, sampleDuration, sampleInterval, yAxisType }) {
|
|
17
|
+
export function Sparkline({ serie, startingTimeStamp, sampleDuration, sampleInterval, yAxisType, }) {
|
|
12
18
|
var _a;
|
|
13
19
|
const data = useMemo(() => {
|
|
14
20
|
const dataMdp = addMissingDataPoint(serie.data, startingTimeStamp, sampleDuration, sampleInterval);
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Shared types used across chart components
|
|
3
|
+
*/
|
|
4
|
+
/**
|
|
5
|
+
* Unit range configuration for automatic unit scaling
|
|
6
|
+
* Should at least have base unit with threshold 1
|
|
7
|
+
* @example [{ threshold: 1, label: 'B' }, { threshold: 1000, label: 'kB' }]
|
|
8
|
+
*/
|
|
9
|
+
export type UnitRange = {
|
|
10
|
+
threshold: number;
|
|
11
|
+
label: string;
|
|
12
|
+
}[];
|
|
13
|
+
/**
|
|
14
|
+
* Time-based chart configuration
|
|
15
|
+
* @param startDate - Start date
|
|
16
|
+
* @param endDate - End date
|
|
17
|
+
* @param interval - Interval in milliseconds
|
|
18
|
+
*/
|
|
19
|
+
export type TimeType = {
|
|
20
|
+
type: 'time';
|
|
21
|
+
timeRange: {
|
|
22
|
+
startDate: Date;
|
|
23
|
+
endDate: Date;
|
|
24
|
+
interval: number;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* Category-based chart configuration
|
|
29
|
+
*/
|
|
30
|
+
export type CategoryType = {
|
|
31
|
+
type: 'category';
|
|
32
|
+
gap?: number;
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/charts/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,EAAE,CAAC;AAEJ;;;;;GAKG;AACH,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE;QACT,SAAS,EAAE,IAAI,CAAC;QAChB,OAAO,EAAE,IAAI,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,UAAU,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icon/Icon.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAE7D,OAAO,EACL,aAAa,EAKd,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"Icon.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icon/Icon.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAE7D,OAAO,EACL,aAAa,EAKd,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiIrB,CAAC;AAEF,KAAK,SAAS,GAAG;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAC9B,MAAM,EACN,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAQ/D,CAAC;AAgBF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,GAAG,MAAM,OAAO,WAAW,CAAC;AACzE,MAAM,MAAM,SAAS,GAAG,MAAM,WAAW,CAAC;AAC1C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAiBF,eAAO,MAAM,WAAW;UAAsB,QAAQ;SAiCrD,CAAC;AA2DF,iBAAS,IAAI,CAAC,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAU7C;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -134,6 +134,7 @@ export const iconTable = {
|
|
|
134
134
|
ThumbsUp: 'far faThumbsUp',
|
|
135
135
|
ThumbsDown: 'far faThumbsDown',
|
|
136
136
|
Sidebar: 'fas faColumns',
|
|
137
|
+
Bookopen: 'fas faBookOpen',
|
|
137
138
|
};
|
|
138
139
|
export const customIcons = {
|
|
139
140
|
'Remote-user': ({ 'aria-label': ariaLabel, color, size }) => (_jsx(RemoteUser, { ariaLabel: ariaLabel, color: color, size: size })),
|
|
@@ -214,8 +215,7 @@ function NonWrappedIcon({ name, size = '1x', color, ariaLabel = '', title, ...re
|
|
|
214
215
|
return () => setIcon(undefined);
|
|
215
216
|
}
|
|
216
217
|
// Handle FontAwesome icons with dynamic import
|
|
217
|
-
import(`@fortawesome/${fontAwesomeType}/${iconClass}.js`)
|
|
218
|
-
.then((module) => {
|
|
218
|
+
import(`@fortawesome/${fontAwesomeType}/${iconClass}.js`).then((module) => {
|
|
219
219
|
setIcon(module[iconClass]);
|
|
220
220
|
iconCache[cacheKey] = module[iconClass];
|
|
221
221
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
type TextBadgeVariant = 'statusHealthy' | 'statusWarning' | 'statusCritical' | 'infoPrimary' | 'infoSecondary' | 'selectedActive';
|
|
2
2
|
type Props = {
|
|
3
|
-
text:
|
|
3
|
+
text: React.ReactNode;
|
|
4
4
|
className?: string;
|
|
5
5
|
variant?: TextBadgeVariant;
|
|
6
6
|
} & React.HTMLAttributes<HTMLSpanElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextBadge.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/textbadge/TextBadge.component.tsx"],"names":[],"mappings":"AAIA,KAAK,gBAAgB,GACjB,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,aAAa,GACb,eAAe,GACf,gBAAgB,CAAC;AAerB,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"TextBadge.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/textbadge/TextBadge.component.tsx"],"names":[],"mappings":"AAIA,KAAK,gBAAgB,GACjB,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,aAAa,GACb,eAAe,GACf,gBAAgB,CAAC;AAerB,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;AAC1C,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAuB,EACvB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,KAAK,2CAUP"}
|
package/dist/index.d.ts
CHANGED
|
@@ -15,10 +15,8 @@ export { Toggle } from './components/toggle/Toggle.component';
|
|
|
15
15
|
export { Tooltip } from './components/tooltip/Tooltip.component';
|
|
16
16
|
export { ProgressBar } from './components/progressbar/ProgressBar.component';
|
|
17
17
|
export { TextArea } from './components/textarea/TextArea.component';
|
|
18
|
-
export { BarChart } from './components/barchart/BarChart.component';
|
|
19
18
|
export { CircularProgressBar } from './components/circularprogressbar/CircularProgressBar.component';
|
|
20
19
|
export { LateralNavbarLayout } from './components/lateralnavbarlayout/LateralNavbarLayout.component';
|
|
21
|
-
export { GlobalHealthBar } from './components/globalhealthbar/GlobalHealthBar.component';
|
|
22
20
|
export { ConstrainedText } from './components/constrainedtext/Constrainedtext.component';
|
|
23
21
|
export { EmptyState } from './components/emptystate/Emptystate.component';
|
|
24
22
|
export { EmptyTable } from './components/emptytable/Emptytable.component';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AACpE,OAAO,EACL,WAAW,EACX,eAAe,EACf,cAAc,EACd,cAAc,EACd,cAAc,EACd,WAAW,EACX,cAAc,EACd,WAAW,EACX,MAAM,GACP,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,gDAAgD,CAAC;AAE7E,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,gDAAgD,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -15,10 +15,12 @@ export { Toggle } from './components/toggle/Toggle.component';
|
|
|
15
15
|
export { Tooltip } from './components/tooltip/Tooltip.component';
|
|
16
16
|
export { ProgressBar } from './components/progressbar/ProgressBar.component';
|
|
17
17
|
export { TextArea } from './components/textarea/TextArea.component';
|
|
18
|
-
|
|
18
|
+
// BarChart (deprecated) - Use Barchart from @scality/core-ui/dist/next instead
|
|
19
|
+
// export { BarChart } from './components/barchart/BarChart.component';
|
|
19
20
|
export { CircularProgressBar } from './components/circularprogressbar/CircularProgressBar.component';
|
|
20
21
|
export { LateralNavbarLayout } from './components/lateralnavbarlayout/LateralNavbarLayout.component';
|
|
21
|
-
|
|
22
|
+
// GlobalHealthBar (deprecated vega version) - Use GlobalHealthBar from @scality/core-ui/dist/next instead
|
|
23
|
+
// export { GlobalHealthBar } from './components/globalhealthbar/GlobalHealthBar.component';
|
|
22
24
|
export { ConstrainedText } from './components/constrainedtext/Constrainedtext.component';
|
|
23
25
|
export { EmptyState } from './components/emptystate/Emptystate.component';
|
|
24
26
|
export { EmptyTable } from './components/emptytable/Emptytable.component';
|
package/dist/next.d.ts
CHANGED
|
@@ -4,22 +4,14 @@ export { Button } from './components/buttonv2/Buttonv2.component';
|
|
|
4
4
|
export { CopyButton } from './components/buttonv2/CopyButton.component';
|
|
5
5
|
export { Tabs, Tab } from './components/tabsv2/Tabsv2.component';
|
|
6
6
|
export { Table } from './components/tablev2/Tablev2.component';
|
|
7
|
-
export {
|
|
8
|
-
export { MetricsTimeSpanProvider, useMetricsTimeSpan, } from './components/linetemporalchart/MetricTimespanProvider';
|
|
9
|
-
export { SyncedCursorCharts } from './components/vegachartv2/SyncedCursorCharts';
|
|
7
|
+
export { MetricsTimeSpanProvider, useMetricsTimeSpan, } from './components/charts/MetricsTimeSpanProvider';
|
|
10
8
|
export { Select } from './components/selectv2/Selectv2.component';
|
|
11
9
|
export { HealthSelector } from './components/healthselectorv2/HealthSelector.component';
|
|
12
10
|
export { CoreUiThemeProvider } from './components/coreuithemeprovider/CoreUiThemeProvider';
|
|
13
11
|
export { Box } from './components/box/Box';
|
|
14
12
|
export { Input } from './components/inputv2/inputv2';
|
|
15
13
|
export { Accordion } from './components/accordion/Accordion.component';
|
|
16
|
-
export { Barchart, BarchartSortFn, BarchartTooltipFn, } from './components/
|
|
17
|
-
export {
|
|
18
|
-
export { ChartLegendWrapper, useChartId, } from './components/chartlegend/ChartLegendWrapper';
|
|
19
|
-
export { ChartLegend } from './components/chartlegend/ChartLegend';
|
|
20
|
-
export { LineTimeSerieChart } from './components/linetimeseriechart/linetimeseriechart.component';
|
|
21
|
-
export { ChartTooltipContainer, ChartTooltipItem, ChartTooltipHeader, ChartTooltipItemsContainer, } from './components/charttooltip/ChartTooltip';
|
|
14
|
+
export { Barchart, BarchartSortFn, BarchartTooltipFn, BarchartTooltip, LineTimeSerieChart, GlobalHealthBar, Sparkline, ChartLegend, ChartLegendWrapper, useChartId, useChartLegend, ChartTooltipContainer, ChartTooltipItem, ChartTooltipHeader, ChartTooltipItemsContainer, } from './components/charts';
|
|
15
|
+
export type { BarchartProps, BarchartBars, LineChartProps, Serie, GlobalHealthProps, Alert, UnitRange, TimeType, CategoryType, } from './components/charts';
|
|
22
16
|
export { CoreUITheme } from './style/theme';
|
|
23
|
-
export { GlobalHealthBar } from './components/globalhealthbar/GlobalHealthBarRecharts.component';
|
|
24
|
-
export { Sparkline } from './components/sparkline/sparkline.component';
|
|
25
17
|
//# sourceMappingURL=next.d.ts.map
|
package/dist/next.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../src/lib/next.ts"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAC;AACnD,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,wCAAwC,CAAC;
|
|
1
|
+
{"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../src/lib/next.ts"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAC;AACnD,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,wCAAwC,CAAC;AAG/D,OAAO,EACL,uBAAuB,EACvB,kBAAkB,GACnB,MAAM,6CAA6C,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AAGvE,OAAO,EACL,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,SAAS,EACT,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,cAAc,EACd,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,EAClB,0BAA0B,GAC3B,MAAM,qBAAqB,CAAC;AAE7B,YAAY,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,KAAK,EACL,iBAAiB,EACjB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,GACb,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
package/dist/next.js
CHANGED
|
@@ -4,20 +4,13 @@ export { Button } from './components/buttonv2/Buttonv2.component';
|
|
|
4
4
|
export { CopyButton } from './components/buttonv2/CopyButton.component';
|
|
5
5
|
export { Tabs, Tab } from './components/tabsv2/Tabsv2.component';
|
|
6
6
|
export { Table } from './components/tablev2/Tablev2.component';
|
|
7
|
-
|
|
8
|
-
export { MetricsTimeSpanProvider, useMetricsTimeSpan, } from './components/
|
|
9
|
-
export { SyncedCursorCharts } from './components/vegachartv2/SyncedCursorCharts';
|
|
7
|
+
// Keep MetricsTimeSpanProvider for backward compatibility (still used in external projects)
|
|
8
|
+
export { MetricsTimeSpanProvider, useMetricsTimeSpan, } from './components/charts/MetricsTimeSpanProvider';
|
|
10
9
|
export { Select } from './components/selectv2/Selectv2.component';
|
|
11
10
|
export { HealthSelector } from './components/healthselectorv2/HealthSelector.component';
|
|
12
11
|
export { CoreUiThemeProvider } from './components/coreuithemeprovider/CoreUiThemeProvider';
|
|
13
12
|
export { Box } from './components/box/Box';
|
|
14
13
|
export { Input } from './components/inputv2/inputv2';
|
|
15
14
|
export { Accordion } from './components/accordion/Accordion.component';
|
|
16
|
-
|
|
17
|
-
export { BarchartTooltip } from './components/
|
|
18
|
-
export { ChartLegendWrapper, useChartId, } from './components/chartlegend/ChartLegendWrapper';
|
|
19
|
-
export { ChartLegend } from './components/chartlegend/ChartLegend';
|
|
20
|
-
export { LineTimeSerieChart } from './components/linetimeseriechart/linetimeseriechart.component';
|
|
21
|
-
export { ChartTooltipContainer, ChartTooltipItem, ChartTooltipHeader, ChartTooltipItemsContainer, } from './components/charttooltip/ChartTooltip';
|
|
22
|
-
export { GlobalHealthBar } from './components/globalhealthbar/GlobalHealthBarRecharts.component';
|
|
23
|
-
export { Sparkline } from './components/sparkline/sparkline.component';
|
|
15
|
+
// Export all chart components from the consolidated charts folder
|
|
16
|
+
export { Barchart, BarchartTooltip, LineTimeSerieChart, GlobalHealthBar, Sparkline, ChartLegend, ChartLegendWrapper, useChartId, useChartLegend, ChartTooltipContainer, ChartTooltipItem, ChartTooltipHeader, ChartTooltipItemsContainer, } from './components/charts';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@scality/core-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.187.0",
|
|
4
4
|
"description": "Scality common React component library",
|
|
5
5
|
"author": "Scality Engineering",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
@@ -110,11 +110,7 @@
|
|
|
110
110
|
"recharts": "^3.0.2",
|
|
111
111
|
"styled-components": "^5.2.1",
|
|
112
112
|
"styled-system": "^5.1.5",
|
|
113
|
-
"uuid": "^13.0.0"
|
|
114
|
-
"vega": "^5.17.3",
|
|
115
|
-
"vega-embed": "6.0.0",
|
|
116
|
-
"vega-lite": "5.0.0",
|
|
117
|
-
"vega-tooltip": "0.27.0"
|
|
113
|
+
"uuid": "^13.0.0"
|
|
118
114
|
},
|
|
119
115
|
"homepage": "https://scality.github.io/core-ui/",
|
|
120
116
|
"publishConfig": {
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { render, screen, waitFor } from '@testing-library/react';
|
|
2
|
-
import { getWrapper } from '
|
|
3
|
-
import { Barchart
|
|
4
|
-
import { ChartLegendWrapper } from '../
|
|
2
|
+
import { getWrapper } from '../../../testUtils';
|
|
3
|
+
import { Barchart } from './Barchart';
|
|
4
|
+
import { ChartLegendWrapper } from '../legend/ChartLegendWrapper';
|
|
5
5
|
import React from 'react';
|
|
6
|
+
import { CustomTick } from '../common/SharedComponents';
|
|
6
7
|
|
|
7
8
|
const ONE_DAY_IN_MILLISECONDS = 24 * 60 * 60 * 1000;
|
|
8
9
|
const ONE_HOUR_IN_MILLISECONDS = 60 * 60 * 1000;
|
|
@@ -60,21 +61,27 @@ describe('Barchart', () => {
|
|
|
60
61
|
render(
|
|
61
62
|
<Wrapper>
|
|
62
63
|
<ChartLegendWrapper colorSet={testColorSet}>
|
|
63
|
-
<Barchart
|
|
64
|
+
<Barchart
|
|
65
|
+
title="Test Title"
|
|
66
|
+
type={{ type: 'category' }}
|
|
67
|
+
bars={testBars}
|
|
68
|
+
/>
|
|
64
69
|
</ChartLegendWrapper>
|
|
65
70
|
</Wrapper>,
|
|
66
71
|
);
|
|
67
|
-
|
|
72
|
+
expect(screen.getByText('Test Title')).toBeInTheDocument();
|
|
68
73
|
expect(screen.getByText('category1')).toBeInTheDocument();
|
|
69
74
|
expect(screen.getByText('category2')).toBeInTheDocument();
|
|
70
75
|
expect(screen.getByText('category3')).toBeInTheDocument();
|
|
71
76
|
});
|
|
77
|
+
|
|
72
78
|
it('should render the Barchart component with time data', async () => {
|
|
73
79
|
const { Wrapper } = getWrapper();
|
|
74
80
|
render(
|
|
75
81
|
<Wrapper>
|
|
76
82
|
<ChartLegendWrapper colorSet={testColorSet}>
|
|
77
83
|
<Barchart
|
|
84
|
+
title="Test Title"
|
|
78
85
|
type={{
|
|
79
86
|
type: 'time',
|
|
80
87
|
timeRange: {
|
|
@@ -98,7 +105,12 @@ describe('Barchart', () => {
|
|
|
98
105
|
render(
|
|
99
106
|
<Wrapper>
|
|
100
107
|
<ChartLegendWrapper colorSet={testColorSet}>
|
|
101
|
-
<Barchart
|
|
108
|
+
<Barchart
|
|
109
|
+
title="Test Title"
|
|
110
|
+
type={{ type: 'category' }}
|
|
111
|
+
bars={[]}
|
|
112
|
+
isError
|
|
113
|
+
/>
|
|
102
114
|
</ChartLegendWrapper>
|
|
103
115
|
</Wrapper>,
|
|
104
116
|
);
|
|
@@ -111,7 +123,12 @@ describe('Barchart', () => {
|
|
|
111
123
|
render(
|
|
112
124
|
<Wrapper>
|
|
113
125
|
<ChartLegendWrapper colorSet={testColorSet}>
|
|
114
|
-
<Barchart
|
|
126
|
+
<Barchart
|
|
127
|
+
title="Test Title"
|
|
128
|
+
type={{ type: 'category' }}
|
|
129
|
+
bars={[]}
|
|
130
|
+
isLoading
|
|
131
|
+
/>
|
|
115
132
|
</ChartLegendWrapper>
|
|
116
133
|
</Wrapper>,
|
|
117
134
|
);
|
|
@@ -122,7 +139,11 @@ describe('Barchart', () => {
|
|
|
122
139
|
render(
|
|
123
140
|
<Wrapper>
|
|
124
141
|
<ChartLegendWrapper colorSet={testColorSet}>
|
|
125
|
-
<Barchart
|
|
142
|
+
<Barchart
|
|
143
|
+
title="Test Title"
|
|
144
|
+
type={{ type: 'category' }}
|
|
145
|
+
bars={undefined}
|
|
146
|
+
/>
|
|
126
147
|
</ChartLegendWrapper>
|
|
127
148
|
</Wrapper>,
|
|
128
149
|
);
|
|
@@ -139,6 +160,7 @@ describe('Barchart', () => {
|
|
|
139
160
|
<Wrapper>
|
|
140
161
|
<ChartLegendWrapper colorSet={testColorSet}>
|
|
141
162
|
<Barchart
|
|
163
|
+
title="Test Title"
|
|
142
164
|
type={{
|
|
143
165
|
type: 'time',
|
|
144
166
|
timeRange: {
|
|
@@ -196,7 +218,7 @@ describe('Barchart', () => {
|
|
|
196
218
|
Failed: 'lineColor2',
|
|
197
219
|
}}
|
|
198
220
|
>
|
|
199
|
-
<Barchart type={type} bars={bars} />
|
|
221
|
+
<Barchart title="Test Title" type={type} bars={bars} />
|
|
200
222
|
</ChartLegendWrapper>
|
|
201
223
|
</Wrapper>,
|
|
202
224
|
);
|
|
@@ -239,7 +261,7 @@ describe('Barchart', () => {
|
|
|
239
261
|
render(
|
|
240
262
|
<Wrapper>
|
|
241
263
|
<ChartLegendWrapper colorSet={testColorSet}>
|
|
242
|
-
<Barchart type={type} bars={testTimeBars} />
|
|
264
|
+
<Barchart title="Test Title" type={type} bars={testTimeBars} />
|
|
243
265
|
</ChartLegendWrapper>
|
|
244
266
|
</Wrapper>,
|
|
245
267
|
);
|
|
@@ -270,6 +292,7 @@ describe('Barchart', () => {
|
|
|
270
292
|
<Wrapper>
|
|
271
293
|
<ChartLegendWrapper colorSet={testColorSet}>
|
|
272
294
|
<Barchart
|
|
295
|
+
title="Test Title"
|
|
273
296
|
type={{
|
|
274
297
|
type: 'time',
|
|
275
298
|
timeRange: {
|
|
@@ -317,6 +340,7 @@ describe('Barchart', () => {
|
|
|
317
340
|
<Wrapper>
|
|
318
341
|
<ChartLegendWrapper colorSet={{ ...testColorSet, Failed: 'red' }}>
|
|
319
342
|
<Barchart
|
|
343
|
+
title="Test Title"
|
|
320
344
|
type={{ type: 'category' }}
|
|
321
345
|
bars={testStackedBars}
|
|
322
346
|
stacked
|
|
@@ -348,6 +372,7 @@ describe('Barchart', () => {
|
|
|
348
372
|
<Wrapper>
|
|
349
373
|
<ChartLegendWrapper colorSet={testColorSet}>
|
|
350
374
|
<Barchart
|
|
375
|
+
title="Test Title"
|
|
351
376
|
type={{ type: 'category' }}
|
|
352
377
|
bars={testBars}
|
|
353
378
|
defaultSort={(pointA, pointB) => {
|