@spaced-out/ui-design-system 0.5.8 → 0.5.9-beta.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/.cspell/custom-words.txt +1 -0
- package/CHANGELOG.md +17 -0
- package/lib/components/Charts/SankeyChart/SankeyChart.d.ts +21 -0
- package/lib/components/Charts/SankeyChart/SankeyChart.d.ts.map +1 -0
- package/lib/components/Charts/SankeyChart/SankeyChart.js +106 -0
- package/lib/components/Charts/SankeyChart/SankeyChart.module.css +22 -0
- package/lib/components/Charts/SankeyChart/index.d.ts +2 -0
- package/lib/components/Charts/SankeyChart/index.d.ts.map +1 -0
- package/lib/components/Charts/SankeyChart/index.js +16 -0
- package/lib/components/Charts/SpiderChart/SpiderChart.module.css +7 -2
- package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts +24 -0
- package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts.map +1 -0
- package/lib/components/Charts/StackedBarChart/StackedBarChart.js +80 -0
- package/lib/components/Charts/StackedBarChart/StackedBarChart.module.css +22 -0
- package/lib/components/Charts/StackedBarChart/index.d.ts +2 -0
- package/lib/components/Charts/StackedBarChart/index.d.ts.map +1 -0
- package/lib/components/Charts/StackedBarChart/index.js +16 -0
- package/lib/components/Charts/index.d.ts +2 -0
- package/lib/components/Charts/index.d.ts.map +1 -1
- package/lib/components/Charts/index.js +22 -0
- package/lib/types/charts.d.ts +8 -2
- package/lib/types/charts.d.ts.map +1 -1
- package/lib/utils/charts/index.d.ts +2 -0
- package/lib/utils/charts/index.d.ts.map +1 -1
- package/lib/utils/charts/index.js +22 -0
- package/lib/utils/charts/sankeyChart.d.ts +9 -0
- package/lib/utils/charts/sankeyChart.d.ts.map +1 -0
- package/lib/utils/charts/sankeyChart.js +50 -0
- package/lib/utils/charts/stackedBarChart.d.ts +3 -0
- package/lib/utils/charts/stackedBarChart.d.ts.map +1 -0
- package/lib/utils/charts/stackedBarChart.js +51 -0
- package/package.json +1 -1
package/.cspell/custom-words.txt
CHANGED
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [0.5.9-beta.1](https://github.com/spaced-out/ui-design-system/compare/v0.5.9-beta.0...v0.5.9-beta.1) (2025-09-17)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* sankey module type check ([8304404](https://github.com/spaced-out/ui-design-system/commit/830440453bd51fc13195755140ed9d4a55b85c0e))
|
|
11
|
+
|
|
12
|
+
### [0.5.9-beta.0](https://github.com/spaced-out/ui-design-system/compare/v0.5.8...v0.5.9-beta.0) (2025-09-17)
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
### Bug Fixes
|
|
16
|
+
|
|
17
|
+
* sankey ([f6abec9](https://github.com/spaced-out/ui-design-system/commit/f6abec9144765f940c0a0e1af7846ca2535bac8c))
|
|
18
|
+
* sankey fix ([1939379](https://github.com/spaced-out/ui-design-system/commit/19393791b5485f25b6f2067b240daec053772812))
|
|
19
|
+
* sankey import ([1ae482d](https://github.com/spaced-out/ui-design-system/commit/1ae482dc1cd82fa10c3505e5d28925852ab8037d))
|
|
20
|
+
* sankey issue ([62d6440](https://github.com/spaced-out/ui-design-system/commit/62d64409de8abea8c324d6c0e16cf7d315ffd6db))
|
|
21
|
+
|
|
5
22
|
### [0.5.8](https://github.com/spaced-out/ui-design-system/compare/v0.5.7...v0.5.8) (2025-09-17)
|
|
6
23
|
|
|
7
24
|
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { ChartOptions } from '../../../types/charts';
|
|
3
|
+
import type { ChartWrapperClassNames, ExportOptionType } from '../../../components/Charts/ChartWrapper';
|
|
4
|
+
type ClassNames = Readonly<ChartWrapperClassNames & {
|
|
5
|
+
highChart?: string;
|
|
6
|
+
}>;
|
|
7
|
+
export interface SankeyChartProps extends Omit<ChartOptions, 'isLoading' | 'cardTitle' | 'emptyText' | 'nodeWidth' | 'classNames' | 'showLegend' | 'nodePadding' | 'hasEmptyData' | 'headerActions' | 'customExportOptions'> {
|
|
8
|
+
isLoading?: boolean;
|
|
9
|
+
cardTitle?: React.ReactNode;
|
|
10
|
+
emptyText?: React.ReactNode;
|
|
11
|
+
nodeWidth?: number;
|
|
12
|
+
classNames?: ClassNames;
|
|
13
|
+
showLegend?: boolean;
|
|
14
|
+
nodePadding?: number;
|
|
15
|
+
hasEmptyData?: boolean;
|
|
16
|
+
headerActions?: React.ReactNode;
|
|
17
|
+
customExportOptions?: Array<ExportOptionType> | null;
|
|
18
|
+
}
|
|
19
|
+
export declare const SankeyChart: ({ series, emptyText, drilldown, cardTitle, isLoading, nodeWidth, showLegend, classNames, nodePadding, hasEmptyData, headerActions, customExportOptions, ...userOptions }: SankeyChartProps) => React.ReactNode;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=SankeyChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SankeyChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/SankeyChart/SankeyChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAQnD,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAM5C,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,YAAY,EACV,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,cAAc,GACd,eAAe,GACf,qBAAqB,CACxB;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;CACtD;AAMD,eAAO,MAAM,WAAW,GAAI,0KAczB,gBAAgB,KAAG,KAAK,CAAC,SA4E3B,CAAC"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SankeyChart = void 0;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _highcharts = _interopRequireDefault(require("highcharts"));
|
|
9
|
+
var _sankey = _interopRequireDefault(require("highcharts/modules/sankey"));
|
|
10
|
+
var _highchartsReactOfficial = _interopRequireDefault(require("highcharts-react-official"));
|
|
11
|
+
var _charts = require("../../../utils/charts");
|
|
12
|
+
var _classify = _interopRequireDefault(require("../../../utils/classify"));
|
|
13
|
+
var _ChartWrapper = require("../ChartWrapper");
|
|
14
|
+
var _SankeyChartModule = _interopRequireDefault(require("./SankeyChart.module.css"));
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
18
|
+
if (typeof window !== 'undefined') {
|
|
19
|
+
(0, _sankey.default)(_highcharts.default);
|
|
20
|
+
}
|
|
21
|
+
const SankeyChart = _ref => {
|
|
22
|
+
let {
|
|
23
|
+
series,
|
|
24
|
+
emptyText,
|
|
25
|
+
drilldown,
|
|
26
|
+
cardTitle,
|
|
27
|
+
isLoading,
|
|
28
|
+
nodeWidth = 20,
|
|
29
|
+
showLegend = true,
|
|
30
|
+
classNames,
|
|
31
|
+
nodePadding = 10,
|
|
32
|
+
hasEmptyData,
|
|
33
|
+
headerActions,
|
|
34
|
+
customExportOptions,
|
|
35
|
+
...userOptions
|
|
36
|
+
} = _ref;
|
|
37
|
+
const chartRef = React.useRef(null);
|
|
38
|
+
const defaultSankeyChartOptions = (0, _charts.getSankeyChartOptions)({
|
|
39
|
+
nodeWidth,
|
|
40
|
+
showLegend,
|
|
41
|
+
nodePadding
|
|
42
|
+
});
|
|
43
|
+
const sankeyChartSeries = series?.map(seriesItem => ({
|
|
44
|
+
...seriesItem,
|
|
45
|
+
keys: seriesItem.keys || ['from', 'to', 'weight'],
|
|
46
|
+
nodes: seriesItem.nodes?.map((node, index) => ({
|
|
47
|
+
...node,
|
|
48
|
+
color: node.color || (0, _charts.getDataVizColor)(index)
|
|
49
|
+
})),
|
|
50
|
+
data: seriesItem.data.map(dataPoint => ({
|
|
51
|
+
...dataPoint,
|
|
52
|
+
weight: dataPoint.weight ?? 1
|
|
53
|
+
})),
|
|
54
|
+
nodeAlignment: 'center',
|
|
55
|
+
showLegend
|
|
56
|
+
}));
|
|
57
|
+
const sankeyDrilldownSeries = drilldown?.series?.map(seriesItem => ({
|
|
58
|
+
...seriesItem,
|
|
59
|
+
nodes: seriesItem.nodes?.map((node, index) => ({
|
|
60
|
+
...node,
|
|
61
|
+
color: node.color || (0, _charts.getDataVizColor)(index)
|
|
62
|
+
})),
|
|
63
|
+
data: seriesItem.data.map((dataItem, index) => ({
|
|
64
|
+
...dataItem,
|
|
65
|
+
color: dataItem.color || (0, _charts.getDataVizColor)(index),
|
|
66
|
+
weight: dataItem.weight || 1
|
|
67
|
+
})),
|
|
68
|
+
nodeAlignment: 'center',
|
|
69
|
+
showLegend
|
|
70
|
+
}));
|
|
71
|
+
const sankeyDrilldown = drilldown ? {
|
|
72
|
+
...drilldown,
|
|
73
|
+
series: sankeyDrilldownSeries,
|
|
74
|
+
breadcrumbs: {
|
|
75
|
+
floating: false
|
|
76
|
+
}
|
|
77
|
+
} : {};
|
|
78
|
+
const chartOptions = (0, _charts.mergeChartUserOptions)(defaultSankeyChartOptions, {
|
|
79
|
+
series: sankeyChartSeries,
|
|
80
|
+
drilldown: sankeyDrilldown,
|
|
81
|
+
...userOptions
|
|
82
|
+
});
|
|
83
|
+
const {
|
|
84
|
+
highChart,
|
|
85
|
+
...wrapperClassNames
|
|
86
|
+
} = classNames || {};
|
|
87
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartWrapper.ChartWrapper, {
|
|
88
|
+
isLoading: isLoading,
|
|
89
|
+
title: cardTitle,
|
|
90
|
+
ref: chartRef,
|
|
91
|
+
classNames: wrapperClassNames,
|
|
92
|
+
customExportOptions: customExportOptions,
|
|
93
|
+
headerActions: headerActions,
|
|
94
|
+
hasEmptyData: hasEmptyData,
|
|
95
|
+
emptyText: emptyText,
|
|
96
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_highchartsReactOfficial.default, {
|
|
97
|
+
highcharts: _highcharts.default,
|
|
98
|
+
containerProps: {
|
|
99
|
+
className: (0, _classify.default)(_SankeyChartModule.default.sankeyChartContainer, highChart)
|
|
100
|
+
},
|
|
101
|
+
ref: chartRef,
|
|
102
|
+
options: chartOptions
|
|
103
|
+
})
|
|
104
|
+
});
|
|
105
|
+
};
|
|
106
|
+
exports.SankeyChart = SankeyChart;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
@value (
|
|
2
|
+
size400,
|
|
3
|
+
size540,
|
|
4
|
+
size660,
|
|
5
|
+
size880,
|
|
6
|
+
sizeFluid
|
|
7
|
+
) from '../../../styles/variables/_size.css';
|
|
8
|
+
|
|
9
|
+
.wrapper {
|
|
10
|
+
display: flex;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.sankeyChartContainer {
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
width: sizeFluid;
|
|
18
|
+
min-width: size660;
|
|
19
|
+
max-width: size880;
|
|
20
|
+
min-height: size400;
|
|
21
|
+
max-height: size540;
|
|
22
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/SankeyChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,+CAA+C,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _SankeyChart = require("./SankeyChart");
|
|
7
|
+
Object.keys(_SankeyChart).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _SankeyChart[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _SankeyChart[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
@value (
|
|
2
|
-
|
|
1
|
+
@value (
|
|
2
|
+
size400,
|
|
3
|
+
size540,
|
|
4
|
+
size660,
|
|
5
|
+
size880,
|
|
6
|
+
sizeFluid
|
|
7
|
+
) from '../../../styles/variables/_size.css';
|
|
3
8
|
|
|
4
9
|
.wrapper {
|
|
5
10
|
display: flex;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { ChartOptions, DataOptionsType, Drilldown } from '../../../types/charts';
|
|
3
|
+
import type { ChartWrapperClassNames, ExportOptionType } from '../../../components/Charts/ChartWrapper';
|
|
4
|
+
type ClassNames = Readonly<ChartWrapperClassNames & {
|
|
5
|
+
highChart?: string;
|
|
6
|
+
}>;
|
|
7
|
+
export interface StackedBarSeries {
|
|
8
|
+
name: string;
|
|
9
|
+
data: DataOptionsType[];
|
|
10
|
+
}
|
|
11
|
+
export interface StackedBarChartProps extends Omit<ChartOptions, 'series' | 'isLoading' | 'drilldown' | 'cardTitle' | 'emptyText' | 'classNames' | 'hasEmptyData' | 'headerActions' | 'customExportOptions'> {
|
|
12
|
+
series: Array<StackedBarSeries>;
|
|
13
|
+
isLoading?: boolean;
|
|
14
|
+
drilldown?: Drilldown;
|
|
15
|
+
cardTitle?: React.ReactNode;
|
|
16
|
+
emptyText?: React.ReactNode;
|
|
17
|
+
classNames?: ClassNames;
|
|
18
|
+
hasEmptyData?: boolean;
|
|
19
|
+
headerActions?: React.ReactNode;
|
|
20
|
+
customExportOptions?: Array<ExportOptionType> | null;
|
|
21
|
+
}
|
|
22
|
+
export declare const StackedBarChart: ({ series, isLoading, drilldown, emptyText, cardTitle, classNames, hasEmptyData, headerActions, customExportOptions, ...userOptions }: StackedBarChartProps) => React.ReactNode;
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=StackedBarChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/StackedBarChart/StackedBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAS/E,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAe5C,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CACV,YAAY,EACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,cAAc,GACd,eAAe,GACf,qBAAqB,CACxB;IACD,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,eAAe,GAAI,sIAW7B,oBAAoB,KAAG,KAAK,CAAC,SAmD/B,CAAC"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.StackedBarChart = void 0;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _highcharts = _interopRequireDefault(require("highcharts"));
|
|
9
|
+
var _highchartsMore = _interopRequireDefault(require("highcharts/highcharts-more"));
|
|
10
|
+
var _highchartsReactOfficial = _interopRequireDefault(require("highcharts-react-official"));
|
|
11
|
+
var _charts = require("../../../utils/charts");
|
|
12
|
+
var _classify = _interopRequireDefault(require("../../../utils/classify"));
|
|
13
|
+
var _ChartWrapper = require("../ChartWrapper");
|
|
14
|
+
var _StackedBarChartModule = _interopRequireDefault(require("./StackedBarChart.module.css"));
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
18
|
+
if (!!_highchartsMore.default && !!_highcharts.default && typeof _highchartsMore.default === 'function' && typeof _highcharts.default === 'object') {
|
|
19
|
+
(0, _highchartsMore.default)(_highcharts.default);
|
|
20
|
+
}
|
|
21
|
+
const StackedBarChart = _ref => {
|
|
22
|
+
let {
|
|
23
|
+
series,
|
|
24
|
+
isLoading,
|
|
25
|
+
drilldown,
|
|
26
|
+
emptyText,
|
|
27
|
+
cardTitle,
|
|
28
|
+
classNames,
|
|
29
|
+
hasEmptyData,
|
|
30
|
+
headerActions,
|
|
31
|
+
customExportOptions,
|
|
32
|
+
...userOptions
|
|
33
|
+
} = _ref;
|
|
34
|
+
const chartRef = React.useRef(null);
|
|
35
|
+
const stackedBarSeries = series.map((seriesItem, index) => ({
|
|
36
|
+
...seriesItem,
|
|
37
|
+
name: seriesItem.name,
|
|
38
|
+
data: seriesItem.data,
|
|
39
|
+
color: (0, _charts.getDataVizColor)(index),
|
|
40
|
+
stacking: 'normal',
|
|
41
|
+
pointWidth: _charts.columnPlotWidth
|
|
42
|
+
}));
|
|
43
|
+
const defaultStackedBarChartOptions = (0, _charts.getStackedBarChartOptions)();
|
|
44
|
+
const stackedBarDrilldown = drilldown ? {
|
|
45
|
+
...drilldown,
|
|
46
|
+
breadcrumbs: {
|
|
47
|
+
floating: false
|
|
48
|
+
}
|
|
49
|
+
} : {};
|
|
50
|
+
|
|
51
|
+
//$FlowFixMe[cannot-spread-inexact]
|
|
52
|
+
const chartOptions = (0, _charts.mergeChartUserOptions)(defaultStackedBarChartOptions, {
|
|
53
|
+
series: stackedBarSeries,
|
|
54
|
+
drilldown: stackedBarDrilldown,
|
|
55
|
+
...userOptions
|
|
56
|
+
});
|
|
57
|
+
const {
|
|
58
|
+
highChart,
|
|
59
|
+
...wrapperClassNames
|
|
60
|
+
} = classNames || {};
|
|
61
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartWrapper.ChartWrapper, {
|
|
62
|
+
ref: chartRef,
|
|
63
|
+
title: cardTitle,
|
|
64
|
+
isLoading: isLoading,
|
|
65
|
+
emptyText: emptyText,
|
|
66
|
+
classNames: wrapperClassNames,
|
|
67
|
+
hasEmptyData: hasEmptyData,
|
|
68
|
+
headerActions: headerActions,
|
|
69
|
+
customExportOptions: customExportOptions,
|
|
70
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_highchartsReactOfficial.default, {
|
|
71
|
+
highcharts: _highcharts.default,
|
|
72
|
+
containerProps: {
|
|
73
|
+
className: (0, _classify.default)(_StackedBarChartModule.default.stackedBarChartContainer, highChart)
|
|
74
|
+
},
|
|
75
|
+
ref: chartRef,
|
|
76
|
+
options: chartOptions
|
|
77
|
+
})
|
|
78
|
+
});
|
|
79
|
+
};
|
|
80
|
+
exports.StackedBarChart = StackedBarChart;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
@value (
|
|
2
|
+
size400,
|
|
3
|
+
size540,
|
|
4
|
+
size660,
|
|
5
|
+
size880,
|
|
6
|
+
sizeFluid
|
|
7
|
+
) from '../../../styles/variables/_size.css';
|
|
8
|
+
|
|
9
|
+
.wrapper {
|
|
10
|
+
display: flex;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.stackedBarChartContainer {
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
width: sizeFluid;
|
|
18
|
+
min-width: size660;
|
|
19
|
+
max-width: size880;
|
|
20
|
+
min-height: size400;
|
|
21
|
+
max-height: size540;
|
|
22
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/StackedBarChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,uDAAuD,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _StackedBarChart = require("./StackedBarChart");
|
|
7
|
+
Object.keys(_StackedBarChart).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _StackedBarChart[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _StackedBarChart[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
@@ -4,5 +4,7 @@ export * from '../../components/Charts/ColumnChart';
|
|
|
4
4
|
export * from '../../components/Charts/DonutChart';
|
|
5
5
|
export * from '../../components/Charts/FunnelChart';
|
|
6
6
|
export * from '../../components/Charts/LineChart';
|
|
7
|
+
export * from '../../components/Charts/SankeyChart';
|
|
7
8
|
export * from '../../components/Charts/SpiderChart';
|
|
9
|
+
export * from '../../components/Charts/StackedBarChart';
|
|
8
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC"}
|
|
@@ -69,6 +69,17 @@ Object.keys(_LineChart).forEach(function (key) {
|
|
|
69
69
|
}
|
|
70
70
|
});
|
|
71
71
|
});
|
|
72
|
+
var _SankeyChart = require("./SankeyChart");
|
|
73
|
+
Object.keys(_SankeyChart).forEach(function (key) {
|
|
74
|
+
if (key === "default" || key === "__esModule") return;
|
|
75
|
+
if (key in exports && exports[key] === _SankeyChart[key]) return;
|
|
76
|
+
Object.defineProperty(exports, key, {
|
|
77
|
+
enumerable: true,
|
|
78
|
+
get: function () {
|
|
79
|
+
return _SankeyChart[key];
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
});
|
|
72
83
|
var _SpiderChart = require("./SpiderChart");
|
|
73
84
|
Object.keys(_SpiderChart).forEach(function (key) {
|
|
74
85
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -79,4 +90,15 @@ Object.keys(_SpiderChart).forEach(function (key) {
|
|
|
79
90
|
return _SpiderChart[key];
|
|
80
91
|
}
|
|
81
92
|
});
|
|
93
|
+
});
|
|
94
|
+
var _StackedBarChart = require("./StackedBarChart");
|
|
95
|
+
Object.keys(_StackedBarChart).forEach(function (key) {
|
|
96
|
+
if (key === "default" || key === "__esModule") return;
|
|
97
|
+
if (key in exports && exports[key] === _StackedBarChart[key]) return;
|
|
98
|
+
Object.defineProperty(exports, key, {
|
|
99
|
+
enumerable: true,
|
|
100
|
+
get: function () {
|
|
101
|
+
return _StackedBarChart[key];
|
|
102
|
+
}
|
|
103
|
+
});
|
|
82
104
|
});
|
package/lib/types/charts.d.ts
CHANGED
|
@@ -132,14 +132,18 @@ export interface CSSObject {
|
|
|
132
132
|
}
|
|
133
133
|
export interface DataOptionsType {
|
|
134
134
|
y?: number;
|
|
135
|
+
id?: string;
|
|
136
|
+
to?: string;
|
|
137
|
+
from?: string;
|
|
135
138
|
name?: string;
|
|
136
139
|
color?: string;
|
|
140
|
+
weight?: number;
|
|
137
141
|
drilldown?: string;
|
|
138
|
-
id?: string;
|
|
139
142
|
}
|
|
140
143
|
export interface SeriesOptionsType {
|
|
141
144
|
id?: string;
|
|
142
145
|
name?: string;
|
|
146
|
+
keys?: Array<string>;
|
|
143
147
|
data: Array<DataOptionsType>;
|
|
144
148
|
nodes?: Array<DataOptionsType>;
|
|
145
149
|
}
|
|
@@ -152,10 +156,12 @@ export interface Drilldown {
|
|
|
152
156
|
series?: Array<SeriesOptionsType>;
|
|
153
157
|
breadcrumbs?: BreadcrumbsOptions;
|
|
154
158
|
}
|
|
155
|
-
export type PlotOptionsType = Partial<Record<'pie' | 'line' | 'funnel', {
|
|
159
|
+
export type PlotOptionsType = Partial<Record<'pie' | 'line' | 'funnel' | 'sankey', {
|
|
156
160
|
innerSize?: string;
|
|
157
161
|
allowPointSelect?: boolean;
|
|
158
162
|
cursor?: 'pointer';
|
|
163
|
+
nodeWidth?: number;
|
|
164
|
+
nodePadding?: number;
|
|
159
165
|
dataLabels?: {
|
|
160
166
|
enabled?: boolean;
|
|
161
167
|
distance?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../src/types/charts.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../src/types/charts.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,8 @@ export * from '../../utils/charts/donutChart';
|
|
|
4
4
|
export * from '../../utils/charts/funnelChart';
|
|
5
5
|
export * from '../../utils/charts/helpers';
|
|
6
6
|
export * from '../../utils/charts/lineChart';
|
|
7
|
+
export * from '../../utils/charts/sankeyChart';
|
|
7
8
|
export * from '../../utils/charts/spiderChart';
|
|
9
|
+
export * from '../../utils/charts/stackedBarChart';
|
|
8
10
|
export * from '../../utils/charts/typography';
|
|
9
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC"}
|
|
@@ -69,6 +69,17 @@ Object.keys(_lineChart).forEach(function (key) {
|
|
|
69
69
|
}
|
|
70
70
|
});
|
|
71
71
|
});
|
|
72
|
+
var _sankeyChart = require("./sankeyChart");
|
|
73
|
+
Object.keys(_sankeyChart).forEach(function (key) {
|
|
74
|
+
if (key === "default" || key === "__esModule") return;
|
|
75
|
+
if (key in exports && exports[key] === _sankeyChart[key]) return;
|
|
76
|
+
Object.defineProperty(exports, key, {
|
|
77
|
+
enumerable: true,
|
|
78
|
+
get: function () {
|
|
79
|
+
return _sankeyChart[key];
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
});
|
|
72
83
|
var _spiderChart = require("./spiderChart");
|
|
73
84
|
Object.keys(_spiderChart).forEach(function (key) {
|
|
74
85
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -80,6 +91,17 @@ Object.keys(_spiderChart).forEach(function (key) {
|
|
|
80
91
|
}
|
|
81
92
|
});
|
|
82
93
|
});
|
|
94
|
+
var _stackedBarChart = require("./stackedBarChart");
|
|
95
|
+
Object.keys(_stackedBarChart).forEach(function (key) {
|
|
96
|
+
if (key === "default" || key === "__esModule") return;
|
|
97
|
+
if (key in exports && exports[key] === _stackedBarChart[key]) return;
|
|
98
|
+
Object.defineProperty(exports, key, {
|
|
99
|
+
enumerable: true,
|
|
100
|
+
get: function () {
|
|
101
|
+
return _stackedBarChart[key];
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
});
|
|
83
105
|
var _typography = require("./typography");
|
|
84
106
|
Object.keys(_typography).forEach(function (key) {
|
|
85
107
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ChartOptions } from '../../types/charts';
|
|
2
|
+
interface SankeyChartOptionsType {
|
|
3
|
+
nodeWidth?: number;
|
|
4
|
+
nodePadding?: number;
|
|
5
|
+
showLegend?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const getSankeyChartOptions: ({ nodeWidth, showLegend, nodePadding, }: SankeyChartOptionsType) => ChartOptions;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=sankeyChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sankeyChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/sankeyChart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAKnD,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,GAAI,yCAInC,sBAAsB,KAAG,YAiC1B,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getSankeyChartOptions = void 0;
|
|
7
|
+
var _charts = require("./charts");
|
|
8
|
+
var _helpers = require("./helpers");
|
|
9
|
+
const getSankeyChartOptions = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
nodeWidth = 20,
|
|
12
|
+
showLegend = false,
|
|
13
|
+
nodePadding = 10
|
|
14
|
+
} = _ref;
|
|
15
|
+
return {
|
|
16
|
+
..._charts.commonChartOptions,
|
|
17
|
+
chart: {
|
|
18
|
+
..._charts.commonChartOptions.chart,
|
|
19
|
+
type: 'sankey'
|
|
20
|
+
},
|
|
21
|
+
legend: {
|
|
22
|
+
..._charts.commonChartOptions.legend,
|
|
23
|
+
..._helpers.bottomLegendRow,
|
|
24
|
+
symbolWidth: 18
|
|
25
|
+
},
|
|
26
|
+
plotOptions: {
|
|
27
|
+
sankey: {
|
|
28
|
+
cursor: 'pointer',
|
|
29
|
+
nodeWidth,
|
|
30
|
+
nodePadding,
|
|
31
|
+
borderWidth: 0,
|
|
32
|
+
borderRadius: 0,
|
|
33
|
+
showInLegend: showLegend,
|
|
34
|
+
allowPointSelect: true,
|
|
35
|
+
dataLabels: {
|
|
36
|
+
enabled: true,
|
|
37
|
+
style: {
|
|
38
|
+
fontWeight: 'bold',
|
|
39
|
+
textOutline: 'none'
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
tooltip: {
|
|
45
|
+
..._charts.commonChartOptions.tooltip,
|
|
46
|
+
shared: true
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
exports.getSankeyChartOptions = getSankeyChartOptions;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stackedBarChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/stackedBarChart.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAYnD,eAAO,MAAM,yBAAyB,QAAO,YAwC3C,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getStackedBarChartOptions = void 0;
|
|
7
|
+
var _color = require("../../styles/variables/_color");
|
|
8
|
+
var _charts = require("./charts");
|
|
9
|
+
var _helpers = require("./helpers");
|
|
10
|
+
const getStackedBarChartOptions = () => ({
|
|
11
|
+
..._charts.commonChartOptions,
|
|
12
|
+
chart: {
|
|
13
|
+
..._charts.commonChartOptions.chart,
|
|
14
|
+
type: 'bar'
|
|
15
|
+
},
|
|
16
|
+
legend: {
|
|
17
|
+
..._charts.commonChartOptions.legend,
|
|
18
|
+
..._helpers.bottomLegendRow,
|
|
19
|
+
symbolWidth: 18
|
|
20
|
+
},
|
|
21
|
+
xAxis: {
|
|
22
|
+
..._charts.commonChartOptions.xAxis,
|
|
23
|
+
labels: {
|
|
24
|
+
style: _helpers.xAxisLabelStyle
|
|
25
|
+
},
|
|
26
|
+
title: {
|
|
27
|
+
margin: 12,
|
|
28
|
+
style: _helpers.xAxisTitleStyle
|
|
29
|
+
},
|
|
30
|
+
lineColor: _color.colorBorderPrimary
|
|
31
|
+
},
|
|
32
|
+
yAxis: {
|
|
33
|
+
labels: {
|
|
34
|
+
align: 'right',
|
|
35
|
+
distance: 12,
|
|
36
|
+
style: _helpers.yAxisLabelStyle
|
|
37
|
+
},
|
|
38
|
+
title: {
|
|
39
|
+
margin: 12,
|
|
40
|
+
style: _helpers.yAxisTitleStyle
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
drilldown: {
|
|
44
|
+
activeAxisLabelStyle: _helpers.activeLabelStyle,
|
|
45
|
+
activeDataLabelStyle: _helpers.activeLabelStyle,
|
|
46
|
+
breadcrumbs: {
|
|
47
|
+
floating: true
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
exports.getStackedBarChartOptions = getStackedBarChartOptions;
|