@spaced-out/ui-design-system 0.5.33 → 0.5.34
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/.github/workflows/publish-mcp.yml +10 -7
- package/.storybook/main.ts +145 -29
- package/.storybook/manager-head.html +18 -0
- package/.storybook/preview-head.html +4 -0
- package/.storybook/preview.ts +4 -4
- package/.storybook/tsconfig.json +3 -2
- package/CHANGELOG.md +34 -0
- package/lib/components/Charts/ColumnChart/ColumnChart.d.ts +3 -6
- package/lib/components/Charts/ColumnChart/ColumnChart.d.ts.map +1 -1
- package/lib/components/Charts/ColumnChart/ColumnChart.js +3 -5
- package/lib/components/Charts/DonutChart/DonutChart.d.ts +2 -2
- package/lib/components/Charts/DonutChart/DonutChart.d.ts.map +1 -1
- package/lib/components/Charts/DonutChart/DonutChart.js +5 -3
- package/lib/components/Charts/LineChart/LineChart.d.ts +3 -2
- package/lib/components/Charts/LineChart/LineChart.d.ts.map +1 -1
- package/lib/components/Charts/LineChart/LineChart.js +1 -2
- package/lib/components/Charts/SankeyChart/SankeyChart.d.ts +4 -2
- package/lib/components/Charts/SankeyChart/SankeyChart.d.ts.map +1 -1
- package/lib/components/Charts/SankeyChart/SankeyChart.js +18 -26
- package/lib/components/Charts/SpiderChart/SpiderChart.d.ts +3 -2
- package/lib/components/Charts/SpiderChart/SpiderChart.d.ts.map +1 -1
- package/lib/components/Charts/SpiderChart/SpiderChart.js +1 -2
- package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts +3 -2
- package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts.map +1 -1
- package/lib/components/Charts/StackedBarChart/StackedBarChart.js +1 -2
- package/lib/components/Icon/Icon.d.ts.map +1 -1
- package/lib/components/Icon/Icon.js +2 -1
- package/lib/components/Icon/Icon.module.css +67 -0
- package/lib/components/Link/Link.d.ts.map +1 -1
- package/lib/components/Link/Link.js +3 -2
- package/lib/components/StatusIndicator/StatusIndicator.module.css +10 -10
- package/lib/components/Toast/Toast.d.ts +0 -1
- package/lib/components/Toast/Toast.d.ts.map +1 -1
- package/lib/components/Toast/Toast.js +2 -4
- package/lib/components/Toast/Toast.module.css +12 -1
- package/lib/types/charts.d.ts +24 -249
- package/lib/types/charts.d.ts.map +1 -1
- package/lib/utils/charts/charts.d.ts.map +1 -1
- package/lib/utils/charts/charts.js +3 -2
- package/lib/utils/charts/donutChart.d.ts.map +1 -1
- package/lib/utils/charts/donutChart.js +2 -4
- package/lib/utils/charts/funnelChart.d.ts +2 -1
- package/lib/utils/charts/funnelChart.d.ts.map +1 -1
- package/lib/utils/charts/funnelChart.js +19 -10
- package/lib/utils/charts/helpers.d.ts +1 -1
- package/lib/utils/charts/helpers.d.ts.map +1 -1
- package/lib/utils/charts/sankeyChart.d.ts.map +1 -1
- package/lib/utils/charts/sankeyChart.js +0 -1
- package/mcp/package.json +1 -1
- package/package.json +23 -9
- package/postcss.config.js +11 -3
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import type { SeriesColumnOptions } from 'highcharts';
|
|
2
3
|
import type { ChartOptions, DataOptionsType, Drilldown } from '../../../types/charts';
|
|
3
4
|
import type { ChartWrapperClassNames, ExportOptionType } from '../../../components/Charts/ChartWrapper';
|
|
4
5
|
type ClassNames = Readonly<ChartWrapperClassNames & {
|
|
5
6
|
highChart?: string;
|
|
6
7
|
}>;
|
|
7
|
-
export
|
|
8
|
+
export type StackedBarSeries = Omit<SeriesColumnOptions, 'data' | 'type'> & {
|
|
8
9
|
name: string;
|
|
9
10
|
data: DataOptionsType[];
|
|
10
|
-
}
|
|
11
|
+
};
|
|
11
12
|
export interface StackedBarChartProps extends Omit<ChartOptions, 'series' | 'isLoading' | 'drilldown' | 'cardTitle' | 'emptyText' | 'classNames' | 'hasEmptyData' | 'headerActions' | 'customExportOptions'> {
|
|
12
13
|
series: Array<StackedBarSeries>;
|
|
13
14
|
isLoading?: boolean;
|
|
@@ -1 +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;
|
|
1
|
+
{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/StackedBarChart/StackedBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,YAAY,CAAC;AAKpD,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,MAAM,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB,CAAC;AAEF,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;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,GAAI,8IAY7B,oBAAoB,KAAG,KAAK,CAAC,SAqD/B,CAAC"}
|
|
@@ -34,9 +34,8 @@ const StackedBarChart = _ref => {
|
|
|
34
34
|
} = _ref;
|
|
35
35
|
const chartRef = React.useRef(null);
|
|
36
36
|
const stackedBarSeries = series.map((seriesItem, index) => ({
|
|
37
|
+
type: 'column',
|
|
37
38
|
...seriesItem,
|
|
38
|
-
name: seriesItem.name,
|
|
39
|
-
data: seriesItem.data,
|
|
40
39
|
color: (0, _charts.getDataVizColor)(index),
|
|
41
40
|
stacking: 'normal',
|
|
42
41
|
pointWidth: _charts.columnPlotWidth
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AASrD,eAAO,MAAM,SAAS;;;;;EAKpB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;EAIpB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAE9C,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CAuChE,CAAC"}
|
|
@@ -8,6 +8,7 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _typography = require("../../types/typography");
|
|
9
9
|
var _classify = _interopRequireDefault(require("../../utils/classify"));
|
|
10
10
|
var _qa = require("../../utils/qa");
|
|
11
|
+
var _IconModule = _interopRequireDefault(require("./Icon.module.css"));
|
|
11
12
|
var _typographyModule = _interopRequireDefault(require("../../styles/typography.module.css"));
|
|
12
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -41,7 +42,7 @@ const Icon = exports.Icon = /*#__PURE__*/React.forwardRef((_ref, forwardRef) =>
|
|
|
41
42
|
base: testId,
|
|
42
43
|
slot: 'icon'
|
|
43
44
|
}),
|
|
44
|
-
className: (0, _classify.default)(_typographyModule.default.centerAlignFlex, _typographyModule.default[`${size}Icon`],
|
|
45
|
+
className: (0, _classify.default)(_typographyModule.default.centerAlignFlex, _typographyModule.default[`${size}Icon`], _IconModule.default[color], className),
|
|
45
46
|
onClick: onClick,
|
|
46
47
|
ref: forwardRef,
|
|
47
48
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
@value (
|
|
2
|
+
colorInformation,
|
|
3
|
+
colorSuccess,
|
|
4
|
+
colorWarning,
|
|
5
|
+
colorDanger,
|
|
6
|
+
colorNeutral,
|
|
7
|
+
colorTextPrimary,
|
|
8
|
+
colorTextSecondary,
|
|
9
|
+
colorTextTertiary,
|
|
10
|
+
colorTextDisabled,
|
|
11
|
+
colorTextClickable,
|
|
12
|
+
colorTextInversePrimary,
|
|
13
|
+
colorTextInverseSecondary,
|
|
14
|
+
colorTextFavorite
|
|
15
|
+
) from '../../styles/variables/_color.css';
|
|
16
|
+
|
|
17
|
+
.primary {
|
|
18
|
+
color: colorTextPrimary;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.secondary {
|
|
22
|
+
color: colorTextSecondary;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.tertiary {
|
|
26
|
+
color: colorTextTertiary;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.disabled {
|
|
30
|
+
color: colorTextDisabled;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.clickable {
|
|
34
|
+
color: colorTextClickable;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.information {
|
|
38
|
+
color: colorInformation;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.success {
|
|
42
|
+
color: colorSuccess;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.warning {
|
|
46
|
+
color: colorWarning;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.danger {
|
|
50
|
+
color: colorDanger;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.neutral {
|
|
54
|
+
color: colorNeutral;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.inversePrimary {
|
|
58
|
+
color: colorTextInversePrimary;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.inverseSecondary {
|
|
62
|
+
color: colorTextInverseSecondary;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.favorite {
|
|
66
|
+
color: colorTextFavorite;
|
|
67
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAMrD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAMrD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAO5D,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;EAiBlB,CAAC;AAEH,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAE5D,eAAO,MAAM,UAAU;;;;;;;;;;;;;EAarB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAErE,eAAO,MAAM,aAAa;;;;;;EAMxB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE9E,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,UAAU,GACV,SAAS,GACT,UAAU,GACV,UAAU,GACV,WAAW,GACX,IAAI,GACJ,KAAK,GACL,QAAQ,GACR,cAAc,GACd,cAAc,GACd,cAAc,GACd,eAAe,GACf,eAAe,GACf,eAAe,GACf,IAAI,GACJ,MAAM,CACT;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;;;;;;OAaG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,WAAW,GAAG,eAAe,CAAC;IACpE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CACpC,aAAa,EACb,iBAAiB,GAAG,IAAI,GAAG,SAAS,CACrC,CAAC;CACH;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CACvC,SAAS,EACT,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAiHrC,CAAC"}
|
|
@@ -10,6 +10,7 @@ var _classify = _interopRequireDefault(require("../../utils/classify"));
|
|
|
10
10
|
var _qa = require("../../utils/qa");
|
|
11
11
|
var _ConditionalWrapper = require("../ConditionalWrapper");
|
|
12
12
|
var _Icon = require("../Icon");
|
|
13
|
+
var _IconModule = _interopRequireDefault(require("../Icon/Icon.module.css"));
|
|
13
14
|
var _typographyModule = _interopRequireDefault(require("../../styles/typography.module.css"));
|
|
14
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -117,7 +118,7 @@ const Link = exports.Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
117
118
|
name: iconLeftName,
|
|
118
119
|
size: iconLeftSize,
|
|
119
120
|
type: iconLeftType,
|
|
120
|
-
className: (0, _classify.default)(
|
|
121
|
+
className: (0, _classify.default)(_IconModule.default[color], {
|
|
121
122
|
[_typographyModule.default.disabled]: disabled
|
|
122
123
|
}),
|
|
123
124
|
testId: (0, _qa.generateTestId)({
|
|
@@ -141,7 +142,7 @@ const Link = exports.Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
141
142
|
name: iconRightName,
|
|
142
143
|
size: iconRightSize,
|
|
143
144
|
type: iconRightType,
|
|
144
|
-
className:
|
|
145
|
+
className: _IconModule.default[color],
|
|
145
146
|
testId: (0, _qa.generateTestId)({
|
|
146
147
|
base: testId,
|
|
147
148
|
slot: 'icon-right'
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
@value (
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
colorInformation,
|
|
3
|
+
colorSuccess,
|
|
4
|
+
colorWarning,
|
|
5
|
+
colorDanger,
|
|
6
|
+
colorNeutral,
|
|
7
7
|
colorBackgroundTertiary,
|
|
8
8
|
colorFillPrimary,
|
|
9
9
|
colorTextPrimary,
|
|
@@ -26,23 +26,23 @@
|
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
.information {
|
|
29
|
-
background-color:
|
|
29
|
+
background-color: colorInformation;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.success {
|
|
33
|
-
background-color:
|
|
33
|
+
background-color: colorSuccess;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.warning {
|
|
37
|
-
background-color:
|
|
37
|
+
background-color: colorWarning;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
.danger {
|
|
41
|
-
background-color:
|
|
41
|
+
background-color: colorDanger;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
.neutral {
|
|
45
|
-
background-color:
|
|
45
|
+
background-color: colorNeutral;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.disabled {
|
|
@@ -26,7 +26,6 @@ export interface ToastProps {
|
|
|
26
26
|
export interface ToastTitleProps {
|
|
27
27
|
children?: React.ReactNode;
|
|
28
28
|
className?: string;
|
|
29
|
-
semantic?: ToastSemanticType;
|
|
30
29
|
testId?: string;
|
|
31
30
|
}
|
|
32
31
|
export declare const ToastTitle: Flow.AbstractComponent<ToastTitleProps, HTMLDivElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAWrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;EAMzB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAoGD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAYf,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAY1E,CAAC;AAIJ,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW;oCAAiC,gBAAgB;;CAoDxE,CAAC;AAIF,eAAO,MAAM,KAAK,GAAI,qGAUnB,UAAU,sBAuEZ,CAAC"}
|
|
@@ -11,7 +11,6 @@ var _qa = require("../../utils/qa");
|
|
|
11
11
|
var _Icon = require("../Icon");
|
|
12
12
|
var _Text = require("../Text");
|
|
13
13
|
var _ToastModule = _interopRequireDefault(require("./Toast.module.css"));
|
|
14
|
-
var _typographyModule = _interopRequireDefault(require("../../styles/typography.module.css"));
|
|
15
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
16
|
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); }
|
|
@@ -97,13 +96,12 @@ const ToastIcon = _ref => {
|
|
|
97
96
|
const ToastTitle = exports.ToastTitle = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
|
|
98
97
|
let {
|
|
99
98
|
children,
|
|
100
|
-
semantic = TOAST_SEMANTIC.information,
|
|
101
99
|
className,
|
|
102
100
|
testId,
|
|
103
101
|
...props
|
|
104
102
|
} = _ref2;
|
|
105
103
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
106
|
-
className: (0, _classify.default)(_ToastModule.default.toastTitle,
|
|
104
|
+
className: (0, _classify.default)(_ToastModule.default.toastTitle, className),
|
|
107
105
|
...props,
|
|
108
106
|
ref: ref,
|
|
109
107
|
"data-testid": (0, _qa.generateTestId)({
|
|
@@ -261,7 +259,7 @@ const Toast = _ref5 => {
|
|
|
261
259
|
className: _ToastModule.default.titleBodyWrap,
|
|
262
260
|
children: [getComp('ToastTitle'), getComp('ToastBody')]
|
|
263
261
|
}), time && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.SubTitleExtraSmall, {
|
|
264
|
-
className: classNames?.time,
|
|
262
|
+
className: (0, _classify.default)(_ToastModule.default.toastTime, classNames?.time),
|
|
265
263
|
testId: (0, _qa.generateTestId)({
|
|
266
264
|
base: testId,
|
|
267
265
|
slot: 'time'
|
|
@@ -2,7 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
@value (size24, size400) from '../../styles/variables/_size.css';
|
|
4
4
|
|
|
5
|
-
@value (
|
|
5
|
+
@value (
|
|
6
|
+
colorBorderPrimary,
|
|
7
|
+
colorBackgroundTertiary,
|
|
8
|
+
colorTextPrimary,
|
|
9
|
+
colorTextSecondary
|
|
10
|
+
) from '../../styles/variables/_color.css';
|
|
6
11
|
|
|
7
12
|
@value (borderWidthPrimary, borderRadiusMedium) from '../../styles/variables/_border.css';
|
|
8
13
|
|
|
@@ -46,6 +51,7 @@
|
|
|
46
51
|
|
|
47
52
|
.toastBody {
|
|
48
53
|
composes: bodyMedium from '../../styles/typography.module.css';
|
|
54
|
+
color: colorTextSecondary;
|
|
49
55
|
}
|
|
50
56
|
|
|
51
57
|
.toastFooterActions {
|
|
@@ -61,4 +67,9 @@
|
|
|
61
67
|
|
|
62
68
|
.toastTitle {
|
|
63
69
|
composes: subTitleSmall from '../../styles/typography.module.css';
|
|
70
|
+
color: colorTextPrimary;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.toastTime {
|
|
74
|
+
color: colorTextSecondary;
|
|
64
75
|
}
|
package/lib/types/charts.d.ts
CHANGED
|
@@ -1,253 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
useHTML?: boolean;
|
|
26
|
-
verticalAlign?: 'top' | 'middle' | 'bottom';
|
|
27
|
-
widthAdjust?: number;
|
|
28
|
-
x?: number;
|
|
29
|
-
y?: number;
|
|
30
|
-
};
|
|
31
|
-
exporting?: {
|
|
32
|
-
allowHTML?: boolean;
|
|
33
|
-
allowTableSorting?: boolean;
|
|
34
|
-
buttons?: {
|
|
35
|
-
contextButton?: {
|
|
36
|
-
enabled?: boolean;
|
|
37
|
-
};
|
|
38
|
-
};
|
|
39
|
-
enabled?: boolean;
|
|
40
|
-
filename?: string;
|
|
41
|
-
showExportInProgress?: boolean;
|
|
42
|
-
showTable?: boolean;
|
|
43
|
-
sourceHeight?: number;
|
|
44
|
-
sourceWidth?: number;
|
|
45
|
-
useRowspanHeaders?: boolean;
|
|
46
|
-
width?: number;
|
|
47
|
-
};
|
|
48
|
-
credits?: Credits;
|
|
49
|
-
tooltip?: ChartTooltip;
|
|
50
|
-
xAxis?: AxisOptions;
|
|
51
|
-
yAxis?: AxisOptions;
|
|
52
|
-
zAxis?: AxisOptions;
|
|
53
|
-
drilldown?: Drilldown;
|
|
54
|
-
plotOptions?: PlotOptionsType;
|
|
55
|
-
series?: Array<SeriesOptionsType>;
|
|
56
|
-
subtitle?: {
|
|
57
|
-
useHTML: boolean;
|
|
58
|
-
text?: string;
|
|
59
|
-
verticalAlign?: 'middle';
|
|
60
|
-
align?: string;
|
|
61
|
-
style?: CSSObject;
|
|
62
|
-
x?: number;
|
|
63
|
-
};
|
|
64
|
-
pane?: {
|
|
65
|
-
center?: [string, string];
|
|
66
|
-
size?: string;
|
|
67
|
-
};
|
|
68
|
-
legend?: LegendOptionsType;
|
|
69
|
-
navigation?: Navigation;
|
|
70
|
-
}
|
|
71
|
-
export interface AxisOptions {
|
|
72
|
-
categories?: Array<string>;
|
|
73
|
-
gridLineInterpolation?: 'circle' | 'polygon';
|
|
74
|
-
lineWidth?: number;
|
|
75
|
-
tickmarkPlacement?: string;
|
|
76
|
-
labels?: {
|
|
77
|
-
align?: string;
|
|
78
|
-
distance?: number;
|
|
79
|
-
style?: CSSObject;
|
|
80
|
-
formatter?: (this: Highcharts.AxisLabelsFormatterContextObject) => string;
|
|
81
|
-
};
|
|
82
|
-
title?: {
|
|
83
|
-
text?: string;
|
|
84
|
-
margin?: number;
|
|
85
|
-
style?: CSSObject;
|
|
86
|
-
};
|
|
87
|
-
type?: string;
|
|
88
|
-
padding?: number;
|
|
89
|
-
lineColor?: string;
|
|
90
|
-
min?: number;
|
|
91
|
-
max?: number;
|
|
92
|
-
tickInterval?: number;
|
|
93
|
-
}
|
|
94
|
-
export interface BreadcrumbsOptions {
|
|
95
|
-
floating?: boolean;
|
|
96
|
-
style?: CSSObject;
|
|
97
|
-
buttonTheme?: ButtonTheme;
|
|
98
|
-
}
|
|
99
|
-
export interface LegendOptionsType {
|
|
100
|
-
layout?: string;
|
|
101
|
-
align?: string;
|
|
102
|
-
verticalAlign?: string;
|
|
103
|
-
itemMarginBottom?: number;
|
|
104
|
-
padding?: number;
|
|
105
|
-
itemStyle?: CSSObject;
|
|
106
|
-
enabled?: boolean;
|
|
107
|
-
symbolHeight?: number;
|
|
108
|
-
symbolWidth?: number;
|
|
109
|
-
symbolPadding?: number;
|
|
110
|
-
width?: string;
|
|
111
|
-
[key: string]: unknown;
|
|
112
|
-
}
|
|
113
|
-
export interface CSSObject {
|
|
114
|
-
alignItems?: string;
|
|
115
|
-
color?: string;
|
|
116
|
-
display?: string;
|
|
117
|
-
fontFamily?: string;
|
|
118
|
-
fontSize?: string;
|
|
119
|
-
fontStyle?: string;
|
|
120
|
-
fontWeight?: string;
|
|
121
|
-
letterSpacing?: string;
|
|
122
|
-
lineHeight?: string;
|
|
123
|
-
margin?: number;
|
|
124
|
-
textAlign?: string;
|
|
125
|
-
minWidth?: string;
|
|
126
|
-
maxWidth?: string;
|
|
127
|
-
minHeight?: string;
|
|
128
|
-
maxHeight?: string;
|
|
129
|
-
alignContent?: string;
|
|
130
|
-
overflow?: string;
|
|
131
|
-
textOverflow?: string;
|
|
132
|
-
zIndex?: number;
|
|
133
|
-
paddingTop?: string;
|
|
134
|
-
transform?: string;
|
|
135
|
-
textOutline?: string;
|
|
136
|
-
}
|
|
137
|
-
export interface DataOptionsType {
|
|
138
|
-
y?: number;
|
|
139
|
-
id?: string;
|
|
140
|
-
to?: string;
|
|
141
|
-
from?: string;
|
|
142
|
-
name?: string;
|
|
143
|
-
color?: string;
|
|
144
|
-
weight?: number;
|
|
145
|
-
drilldown?: string;
|
|
146
|
-
}
|
|
147
|
-
export interface SeriesOptionsType {
|
|
148
|
-
id?: string;
|
|
149
|
-
name?: string;
|
|
150
|
-
keys?: Array<string>;
|
|
151
|
-
data: Array<DataOptionsType>;
|
|
152
|
-
nodes?: Array<DataOptionsType>;
|
|
153
|
-
}
|
|
1
|
+
import type Highcharts from 'highcharts';
|
|
2
|
+
export type ChartOptions = Highcharts.Options;
|
|
3
|
+
export type AxisOptions = Highcharts.AxisOptions;
|
|
4
|
+
export type BreadcrumbsOptions = Highcharts.NavigationBreadcrumbsOptions;
|
|
5
|
+
export type LegendOptionsType = Highcharts.LegendOptions;
|
|
6
|
+
export type CSSObject = Highcharts.CSSObject;
|
|
7
|
+
export type DataOptionsType = Highcharts.PointOptionsObject;
|
|
8
|
+
export type SeriesOptionsType = Highcharts.SeriesOptionsType;
|
|
9
|
+
export type ColumnSeriesOptions = Highcharts.SeriesColumnOptions;
|
|
10
|
+
export type LineSeriesOptions = Highcharts.SeriesLineOptions;
|
|
11
|
+
export type PieSeriesOptions = Highcharts.SeriesPieOptions;
|
|
12
|
+
export type FunnelSeriesOptions = Highcharts.SeriesFunnelOptions;
|
|
13
|
+
export type SankeySeriesOptions = Highcharts.SeriesSankeyOptions;
|
|
14
|
+
export type SankeyNodeOptions = Highcharts.SeriesSankeyNodesOptionsObject;
|
|
15
|
+
export type SankeyPointOptions = Highcharts.SeriesSankeyPointOptionsObject;
|
|
16
|
+
export type Drilldown = Highcharts.DrilldownOptions;
|
|
17
|
+
export type PlotOptionsType = Highcharts.PlotOptions;
|
|
18
|
+
export type ChartTooltip = Highcharts.TooltipOptions;
|
|
19
|
+
export type Legend = Highcharts.LegendOptions;
|
|
20
|
+
export type Credits = Highcharts.CreditsOptions;
|
|
21
|
+
export type Navigation = Highcharts.NavigationOptions;
|
|
22
|
+
export type ChartBreadcrumbs = Highcharts.NavigationBreadcrumbsOptions;
|
|
23
|
+
export type ButtonTheme = Highcharts.NavigationBreadcrumbsButtonThemeOptions;
|
|
24
|
+
export type Position = Highcharts.NavigationBreadcrumbsPositionOptions;
|
|
154
25
|
export interface ChartRef {
|
|
155
26
|
chart?: Highcharts.Chart;
|
|
156
27
|
}
|
|
157
|
-
export interface Drilldown {
|
|
158
|
-
activeAxisLabelStyle?: CSSObject;
|
|
159
|
-
activeDataLabelStyle?: CSSObject;
|
|
160
|
-
series?: Array<SeriesOptionsType>;
|
|
161
|
-
breadcrumbs?: BreadcrumbsOptions;
|
|
162
|
-
}
|
|
163
|
-
export type PlotOptionsType = Partial<Record<'pie' | 'line' | 'funnel' | 'sankey' | 'column', {
|
|
164
|
-
innerSize?: string;
|
|
165
|
-
allowPointSelect?: boolean;
|
|
166
|
-
cursor?: 'pointer';
|
|
167
|
-
nodeWidth?: number;
|
|
168
|
-
nodePadding?: number;
|
|
169
|
-
dataLabels?: {
|
|
170
|
-
enabled?: boolean;
|
|
171
|
-
distance?: number;
|
|
172
|
-
connectorColor?: string;
|
|
173
|
-
useHTML?: boolean;
|
|
174
|
-
format?: string;
|
|
175
|
-
style?: CSSObject;
|
|
176
|
-
};
|
|
177
|
-
showInLegend?: boolean;
|
|
178
|
-
center?: [string, string];
|
|
179
|
-
size?: string;
|
|
180
|
-
borderWidth?: number;
|
|
181
|
-
borderRadius?: number;
|
|
182
|
-
neckWidth?: string | number;
|
|
183
|
-
neckHeight?: string | number;
|
|
184
|
-
minSize?: string | number;
|
|
185
|
-
width?: string | number;
|
|
186
|
-
clip?: boolean;
|
|
187
|
-
column?: {
|
|
188
|
-
pointWidth?: number;
|
|
189
|
-
};
|
|
190
|
-
pointWidth?: number;
|
|
191
|
-
}>>;
|
|
192
|
-
export interface ChartTooltip {
|
|
193
|
-
useHTML?: boolean;
|
|
194
|
-
followPointer?: boolean;
|
|
195
|
-
backgroundColor?: string;
|
|
196
|
-
style?: CSSObject;
|
|
197
|
-
outside?: boolean;
|
|
198
|
-
headerFormat?: string;
|
|
199
|
-
pointFormat?: string;
|
|
200
|
-
shared?: boolean;
|
|
201
|
-
}
|
|
202
|
-
export interface Legend {
|
|
203
|
-
align?: 'left' | 'center' | 'right';
|
|
204
|
-
alignColumns?: boolean;
|
|
205
|
-
backgroundColor?: string;
|
|
206
|
-
borderColor?: string;
|
|
207
|
-
borderRadius?: number;
|
|
208
|
-
borderWidth?: number;
|
|
209
|
-
className?: string;
|
|
210
|
-
enabled?: boolean;
|
|
211
|
-
floating?: boolean;
|
|
212
|
-
itemDistance?: number;
|
|
213
|
-
itemMarginBottom?: number;
|
|
214
|
-
labelFormat?: string;
|
|
215
|
-
layout?: 'horizontal' | 'vertical' | 'proximate';
|
|
216
|
-
margin?: number;
|
|
217
|
-
maxHeight?: number;
|
|
218
|
-
padding?: number;
|
|
219
|
-
reversed?: boolean;
|
|
220
|
-
x?: number;
|
|
221
|
-
y?: number;
|
|
222
|
-
}
|
|
223
|
-
export interface Credits {
|
|
224
|
-
enabled?: boolean;
|
|
225
|
-
href?: string;
|
|
226
|
-
position?: {
|
|
227
|
-
align?: 'right' | 'left';
|
|
228
|
-
verticalAlign?: 'bottom' | 'top';
|
|
229
|
-
x?: number;
|
|
230
|
-
y?: number;
|
|
231
|
-
};
|
|
232
|
-
}
|
|
233
|
-
export interface Navigation {
|
|
234
|
-
breadcrumbs?: ChartBreadcrumbs;
|
|
235
|
-
}
|
|
236
|
-
export interface ChartBreadcrumbs {
|
|
237
|
-
position?: Position;
|
|
238
|
-
style?: CSSObject;
|
|
239
|
-
buttonTheme?: ButtonTheme;
|
|
240
|
-
separator?: {
|
|
241
|
-
text?: string;
|
|
242
|
-
};
|
|
243
|
-
}
|
|
244
|
-
export interface ButtonTheme {
|
|
245
|
-
style?: CSSObject;
|
|
246
|
-
}
|
|
247
|
-
export interface Position {
|
|
248
|
-
align?: string;
|
|
249
|
-
verticalAlign?: string;
|
|
250
|
-
x?: number;
|
|
251
|
-
y?: number;
|
|
252
|
-
}
|
|
253
28
|
//# sourceMappingURL=charts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../src/types/charts.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../src/types/charts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;AAGzC,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC;AAC9C,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC;AACjD,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,4BAA4B,CAAC;AACzE,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,aAAa,CAAC;AACzD,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC;AAC7C,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,kBAAkB,CAAC;AAC5D,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC;AAC7D,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,mBAAmB,CAAC;AACjE,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC;AAC7D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,mBAAmB,CAAC;AACjE,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,mBAAmB,CAAC;AACjE,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,8BAA8B,CAAC;AAC1E,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,8BAA8B,CAAC;AAC3E,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,gBAAgB,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,WAAW,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,cAAc,CAAC;AACrD,MAAM,MAAM,MAAM,GAAG,UAAU,CAAC,aAAa,CAAC;AAC9C,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC;AAChD,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC;AACtD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,4BAA4B,CAAC;AACvE,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,uCAAuC,CAAC;AAC7E,MAAM,MAAM,QAAQ,GAAG,UAAU,CAAC,oCAAoC,CAAC;AAEvE,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC;CAC1B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/charts.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAQnD,eAAO,MAAM,eAAe,mGASlB,CAAC;AAEX,eAAO,MAAM,eAAe,GAAI,WAAW,MAAM,KAAG,MAGnD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;CAGlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/charts.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAQnD,eAAO,MAAM,eAAe,mGASlB,CAAC;AAEX,eAAO,MAAM,eAAe,GAAI,WAAW,MAAM,KAAG,MAGnD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;CAGlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,YAAY,CA6DpD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,gBAAgB,OAAO,CAAC,YAAY,CAAC,EACrC,aAAa,OAAO,CAAC,YAAY,CAAC,KACjC,YAAsD,CAAC"}
|
|
@@ -27,7 +27,7 @@ const commonChartOptions = exports.commonChartOptions = {
|
|
|
27
27
|
spacingRight: 0
|
|
28
28
|
},
|
|
29
29
|
title: {
|
|
30
|
-
text:
|
|
30
|
+
text: undefined
|
|
31
31
|
},
|
|
32
32
|
exporting: {
|
|
33
33
|
buttons: {
|
|
@@ -69,7 +69,8 @@ const commonChartOptions = exports.commonChartOptions = {
|
|
|
69
69
|
},
|
|
70
70
|
xAxis: {
|
|
71
71
|
type: 'category',
|
|
72
|
-
|
|
72
|
+
minPadding: 0,
|
|
73
|
+
maxPadding: 0
|
|
73
74
|
},
|
|
74
75
|
navigation: {
|
|
75
76
|
breadcrumbs: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"donutChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/donutChart.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"donutChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/donutChart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,YAAY,EAAE,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAKtE,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAWD,eAAO,MAAM,iBAAiB;;;;;;;;CASpB,CAAC;AAEX;;;GAGG;AAEH,eAAO,MAAM,oBAAoB,GAAI,gCAGlC,mBAAmB,KAAG,YA+ExB,CAAC"}
|
|
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.rightLegendColumn = exports.getDonutChartOptions = void 0;
|
|
7
7
|
var _charts = require("./charts");
|
|
8
8
|
var _helpers = require("./helpers");
|
|
9
|
-
// Add proper type for Highcharts chart instance
|
|
10
|
-
|
|
11
9
|
/**
|
|
12
10
|
* Defining these constants here so that internal calculations are self explanatory.
|
|
13
11
|
*/
|
|
@@ -50,10 +48,10 @@ const getDonutChartOptions = _ref => {
|
|
|
50
48
|
events: {
|
|
51
49
|
render() {
|
|
52
50
|
const chart = this;
|
|
53
|
-
const containerWidth = chart.
|
|
51
|
+
const containerWidth = chart.chartWidth;
|
|
54
52
|
const desiredHeight = CHART_WIDTH * containerWidth;
|
|
55
53
|
// 5px adjustment required due to borderWidth mostly.
|
|
56
|
-
const centerTextX = isLegendEnabled ?
|
|
54
|
+
const centerTextX = isLegendEnabled ? chart.plotWidth * CHART_CENTER + 5 : 0;
|
|
57
55
|
chart.update({
|
|
58
56
|
chart: {
|
|
59
57
|
height: desiredHeight // Set the height dynamically based on the container's width
|