@react-magma/charts 12.0.1-next.0 → 12.0.1-next.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.
Files changed (50) hide show
  1. package/dist/charts.js +2450 -1
  2. package/dist/charts.js.map +1 -1
  3. package/dist/charts.modern.module.js +2428 -1
  4. package/dist/charts.modern.module.js.map +1 -1
  5. package/dist/charts.umd.js +48555 -1
  6. package/dist/charts.umd.js.map +1 -1
  7. package/dist/components/CarbonChart/CarbonChart.d.ts +42 -41
  8. package/dist/components/CarbonChart/CarbonChartArea.stories.d.ts +310 -310
  9. package/dist/components/CarbonChart/CarbonChartAreaStacked.stories.d.ts +136 -136
  10. package/dist/components/CarbonChart/CarbonChartBar.stories.d.ts +214 -214
  11. package/dist/components/CarbonChart/CarbonChartBarFloating.stories.d.ts +82 -82
  12. package/dist/components/CarbonChart/CarbonChartBarGrouped.stories.d.ts +234 -234
  13. package/dist/components/CarbonChart/CarbonChartBarStacked.stories.d.ts +266 -266
  14. package/dist/components/CarbonChart/CarbonChartBoxplot.stories.d.ts +53 -53
  15. package/dist/components/CarbonChart/CarbonChartBubble.stories.d.ts +196 -196
  16. package/dist/components/CarbonChart/CarbonChartBullet.stories.d.ts +35 -35
  17. package/dist/components/CarbonChart/CarbonChartCombo.stories.d.ts +580 -580
  18. package/dist/components/CarbonChart/CarbonChartDonut.stories.d.ts +120 -120
  19. package/dist/components/CarbonChart/CarbonChartGauge.stories.d.ts +43 -43
  20. package/dist/components/CarbonChart/CarbonChartHistogram.stories.d.ts +89 -89
  21. package/dist/components/CarbonChart/CarbonChartLine.stories.d.ts +577 -577
  22. package/dist/components/CarbonChart/CarbonChartLollipop.stories.d.ts +55 -55
  23. package/dist/components/CarbonChart/CarbonChartMeter.stories.d.ts +127 -127
  24. package/dist/components/CarbonChart/CarbonChartPie.stories.d.ts +101 -101
  25. package/dist/components/CarbonChart/CarbonChartRadar.stories.d.ts +98 -98
  26. package/dist/components/CarbonChart/CarbonChartScatter.stories.d.ts +173 -173
  27. package/dist/components/CarbonChart/CarbonChartSparkline.stories.d.ts +51 -51
  28. package/dist/components/CarbonChart/CarbonChartStep.stories.d.ts +38 -38
  29. package/dist/components/CarbonChart/index.d.ts +1 -1
  30. package/dist/components/LineChart/Chart.d.ts +27 -27
  31. package/dist/components/LineChart/ChartDataTable.d.ts +17 -17
  32. package/dist/components/LineChart/CustomAxisComponent.d.ts +3 -3
  33. package/dist/components/LineChart/CustomPointComponent.d.ts +17 -17
  34. package/dist/components/LineChart/DataTable.d.ts +5 -5
  35. package/dist/components/LineChart/GraphTooltip.d.ts +3 -3
  36. package/dist/components/LineChart/LegendButton.d.ts +6 -6
  37. package/dist/components/LineChart/LineChart.d.ts +67 -67
  38. package/dist/components/LineChart/LineChart.stories.d.ts +113 -134
  39. package/dist/components/LineChart/index.d.ts +1 -1
  40. package/dist/components/LineChart/magma-charts.d.ts +1 -1
  41. package/dist/index.d.ts +2 -2
  42. package/package.json +9 -4
  43. package/src/components/CarbonChart/CarbonChart.tsx +12 -16
  44. package/src/components/CarbonChart/carbon-charts.css +7303 -0
  45. package/dist/components/CarbonChart/CarbonChart.test.d.ts +0 -1
  46. package/dist/components/CarbonChart/embeddedStyles.d.ts +0 -1
  47. package/dist/components/LineChart/ChartDataTable.test.d.ts +0 -1
  48. package/dist/components/LineChart/LineChart.test.d.ts +0 -1
  49. package/dist/components/LineChart/test/exampleChartData.d.ts +0 -40
  50. package/src/components/CarbonChart/embeddedStyles.ts +0 -24880
package/dist/components/CarbonChart/CarbonChartLollipop.stories.d.ts CHANGED
@@ -1,55 +1,55 @@
1
- import { CarbonChartProps, CarbonChartType } from '.';
2
- declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
3
- export default _default;
4
- export declare const LollipopDiscrete: {
5
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
6
- args: {
7
- isInverse: boolean;
8
- type: CarbonChartType;
9
- dataSet: {
10
- group: string;
11
- key: string;
12
- value: number;
13
- }[];
14
- options: {
15
- title: string;
16
- axes: {
17
- bottom: {
18
- title: string;
19
- scaleType: string;
20
- mapsTo: string;
21
- };
22
- left: {
23
- mapsTo: string;
24
- };
25
- };
26
- height: string;
27
- };
28
- };
29
- };
30
- export declare const LollipopHorizontalPresentation: {
31
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
32
- args: {
33
- isInverse: boolean;
34
- type: CarbonChartType;
35
- dataSet: {
36
- group: string;
37
- key: string;
38
- value: number;
39
- }[];
40
- options: {
41
- title: string;
42
- axes: {
43
- left: {
44
- title: string;
45
- scaleType: string;
46
- mapsTo: string;
47
- };
48
- bottom: {
49
- mapsTo: string;
50
- };
51
- };
52
- height: string;
53
- };
54
- };
55
- };
1
+ import { CarbonChartProps, CarbonChartType } from '.';
2
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
3
+ export default _default;
4
+ export declare const LollipopDiscrete: {
5
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
6
+ args: {
7
+ isInverse: boolean;
8
+ type: CarbonChartType;
9
+ dataSet: {
10
+ group: string;
11
+ key: string;
12
+ value: number;
13
+ }[];
14
+ options: {
15
+ title: string;
16
+ axes: {
17
+ bottom: {
18
+ title: string;
19
+ scaleType: string;
20
+ mapsTo: string;
21
+ };
22
+ left: {
23
+ mapsTo: string;
24
+ };
25
+ };
26
+ height: string;
27
+ };
28
+ };
29
+ };
30
+ export declare const LollipopHorizontalPresentation: {
31
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
32
+ args: {
33
+ isInverse: boolean;
34
+ type: CarbonChartType;
35
+ dataSet: {
36
+ group: string;
37
+ key: string;
38
+ value: number;
39
+ }[];
40
+ options: {
41
+ title: string;
42
+ axes: {
43
+ left: {
44
+ title: string;
45
+ scaleType: string;
46
+ mapsTo: string;
47
+ };
48
+ bottom: {
49
+ mapsTo: string;
50
+ };
51
+ };
52
+ height: string;
53
+ };
54
+ };
55
+ };
package/dist/components/CarbonChart/CarbonChartMeter.stories.d.ts CHANGED
@@ -1,127 +1,127 @@
1
- import { CarbonChartProps, CarbonChartType } from '.';
2
- declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
3
- export default _default;
4
- export declare const MeterChartWithStatuses: {
5
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
6
- args: {
7
- isInverse: boolean;
8
- type: CarbonChartType;
9
- dataSet: {
10
- group: string;
11
- value: number;
12
- }[];
13
- options: {
14
- title: string;
15
- meter: {
16
- peak: number;
17
- status: {
18
- ranges: {
19
- range: number[];
20
- status: string;
21
- }[];
22
- };
23
- };
24
- height: string;
25
- };
26
- };
27
- };
28
- export declare const MeterChartNoStatus: {
29
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
30
- args: {
31
- isInverse: boolean;
32
- type: CarbonChartType;
33
- dataSet: {
34
- group: string;
35
- value: number;
36
- }[];
37
- options: {
38
- title: string;
39
- meter: {
40
- peak: number;
41
- };
42
- height: string;
43
- };
44
- };
45
- };
46
- export declare const ProportionalMeterChart: {
47
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
48
- args: {
49
- isInverse: boolean;
50
- type: CarbonChartType;
51
- dataSet: {
52
- group: string;
53
- value: number;
54
- }[];
55
- options: {
56
- title: string;
57
- height: string;
58
- meter: {
59
- proportional: {
60
- total: number;
61
- unit: string;
62
- };
63
- };
64
- color: {
65
- pairing: {
66
- option: number;
67
- };
68
- };
69
- };
70
- };
71
- };
72
- export declare const ProportionalMeterChartPeakAndStatuses: {
73
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
74
- args: {
75
- isInverse: boolean;
76
- type: CarbonChartType;
77
- dataSet: {
78
- group: string;
79
- value: number;
80
- }[];
81
- options: {
82
- title: string;
83
- height: string;
84
- meter: {
85
- peak: number;
86
- proportional: {
87
- total: number;
88
- unit: string;
89
- };
90
- status: {
91
- ranges: {
92
- range: number[];
93
- status: string;
94
- }[];
95
- };
96
- };
97
- color: {
98
- pairing: {
99
- option: number;
100
- };
101
- };
102
- };
103
- };
104
- };
105
- export declare const ProportionalMeterChartTruncated: {
106
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
107
- args: {
108
- isInverse: boolean;
109
- type: CarbonChartType;
110
- dataSet: {
111
- group: string;
112
- value: number;
113
- }[];
114
- options: {
115
- title: string;
116
- height: string;
117
- meter: {
118
- proportional: {
119
- total: number;
120
- unit: string;
121
- totalFormatter: (e: any) => string;
122
- breakdownFormatter: (e: any) => string;
123
- };
124
- };
125
- };
126
- };
127
- };
1
+ import { CarbonChartProps, CarbonChartType } from '.';
2
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
3
+ export default _default;
4
+ export declare const MeterChartWithStatuses: {
5
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
6
+ args: {
7
+ isInverse: boolean;
8
+ type: CarbonChartType;
9
+ dataSet: {
10
+ group: string;
11
+ value: number;
12
+ }[];
13
+ options: {
14
+ title: string;
15
+ meter: {
16
+ peak: number;
17
+ status: {
18
+ ranges: {
19
+ range: number[];
20
+ status: string;
21
+ }[];
22
+ };
23
+ };
24
+ height: string;
25
+ };
26
+ };
27
+ };
28
+ export declare const MeterChartNoStatus: {
29
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
30
+ args: {
31
+ isInverse: boolean;
32
+ type: CarbonChartType;
33
+ dataSet: {
34
+ group: string;
35
+ value: number;
36
+ }[];
37
+ options: {
38
+ title: string;
39
+ meter: {
40
+ peak: number;
41
+ };
42
+ height: string;
43
+ };
44
+ };
45
+ };
46
+ export declare const ProportionalMeterChart: {
47
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
48
+ args: {
49
+ isInverse: boolean;
50
+ type: CarbonChartType;
51
+ dataSet: {
52
+ group: string;
53
+ value: number;
54
+ }[];
55
+ options: {
56
+ title: string;
57
+ height: string;
58
+ meter: {
59
+ proportional: {
60
+ total: number;
61
+ unit: string;
62
+ };
63
+ };
64
+ color: {
65
+ pairing: {
66
+ option: number;
67
+ };
68
+ };
69
+ };
70
+ };
71
+ };
72
+ export declare const ProportionalMeterChartPeakAndStatuses: {
73
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
74
+ args: {
75
+ isInverse: boolean;
76
+ type: CarbonChartType;
77
+ dataSet: {
78
+ group: string;
79
+ value: number;
80
+ }[];
81
+ options: {
82
+ title: string;
83
+ height: string;
84
+ meter: {
85
+ peak: number;
86
+ proportional: {
87
+ total: number;
88
+ unit: string;
89
+ };
90
+ status: {
91
+ ranges: {
92
+ range: number[];
93
+ status: string;
94
+ }[];
95
+ };
96
+ };
97
+ color: {
98
+ pairing: {
99
+ option: number;
100
+ };
101
+ };
102
+ };
103
+ };
104
+ };
105
+ export declare const ProportionalMeterChartTruncated: {
106
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
107
+ args: {
108
+ isInverse: boolean;
109
+ type: CarbonChartType;
110
+ dataSet: {
111
+ group: string;
112
+ value: number;
113
+ }[];
114
+ options: {
115
+ title: string;
116
+ height: string;
117
+ meter: {
118
+ proportional: {
119
+ total: number;
120
+ unit: string;
121
+ totalFormatter: (e: any) => string;
122
+ breakdownFormatter: (e: any) => string;
123
+ };
124
+ };
125
+ };
126
+ };
127
+ };
package/dist/components/CarbonChart/CarbonChartPie.stories.d.ts CHANGED
@@ -1,101 +1,101 @@
1
- import { CarbonChartProps, CarbonChartType } from '.';
2
- declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
3
- export default _default;
4
- export declare const Pie: {
5
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
6
- args: {
7
- isInverse: boolean;
8
- type: CarbonChartType;
9
- dataSet: {
10
- group: string;
11
- value: number;
12
- }[];
13
- options: {
14
- title: string;
15
- resizable: boolean;
16
- height: string;
17
- legend: {
18
- truncation: {
19
- type: string;
20
- };
21
- };
22
- };
23
- };
24
- };
25
- export declare const PieCentered: {
26
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
27
- args: {
28
- isInverse: boolean;
29
- type: CarbonChartType;
30
- dataSet: {
31
- group: string;
32
- value: number;
33
- }[];
34
- options: {
35
- title: string;
36
- resizable: boolean;
37
- pie: {
38
- alignment: string;
39
- };
40
- height: string;
41
- legend: {
42
- truncation: {
43
- type: string;
44
- };
45
- };
46
- };
47
- };
48
- };
49
- export declare const PieValueMapsToCount: {
50
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
51
- args: {
52
- isInverse: boolean;
53
- type: CarbonChartType;
54
- dataSet: {
55
- group: string;
56
- count: number;
57
- }[];
58
- options: {
59
- title: string;
60
- resizable: boolean;
61
- pie: {
62
- valueMapsTo: string;
63
- };
64
- height: string;
65
- legend: {
66
- truncation: {
67
- type: string;
68
- };
69
- };
70
- };
71
- };
72
- };
73
- export declare const PieEmptyState: {
74
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
75
- args: {
76
- isInverse: boolean;
77
- type: CarbonChartType;
78
- dataSet: never[];
79
- options: {
80
- title: string;
81
- resizable: boolean;
82
- height: string;
83
- };
84
- };
85
- };
86
- export declare const PieSkeleton: {
87
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
88
- args: {
89
- isInverse: boolean;
90
- type: CarbonChartType;
91
- dataSet: never[];
92
- options: {
93
- title: string;
94
- resizable: boolean;
95
- data: {
96
- loading: boolean;
97
- };
98
- height: string;
99
- };
100
- };
101
- };
1
+ import { CarbonChartProps, CarbonChartType } from '.';
2
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
3
+ export default _default;
4
+ export declare const Pie: {
5
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
6
+ args: {
7
+ isInverse: boolean;
8
+ type: CarbonChartType;
9
+ dataSet: {
10
+ group: string;
11
+ value: number;
12
+ }[];
13
+ options: {
14
+ title: string;
15
+ resizable: boolean;
16
+ height: string;
17
+ legend: {
18
+ truncation: {
19
+ type: string;
20
+ };
21
+ };
22
+ };
23
+ };
24
+ };
25
+ export declare const PieCentered: {
26
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
27
+ args: {
28
+ isInverse: boolean;
29
+ type: CarbonChartType;
30
+ dataSet: {
31
+ group: string;
32
+ value: number;
33
+ }[];
34
+ options: {
35
+ title: string;
36
+ resizable: boolean;
37
+ pie: {
38
+ alignment: string;
39
+ };
40
+ height: string;
41
+ legend: {
42
+ truncation: {
43
+ type: string;
44
+ };
45
+ };
46
+ };
47
+ };
48
+ };
49
+ export declare const PieValueMapsToCount: {
50
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
51
+ args: {
52
+ isInverse: boolean;
53
+ type: CarbonChartType;
54
+ dataSet: {
55
+ group: string;
56
+ count: number;
57
+ }[];
58
+ options: {
59
+ title: string;
60
+ resizable: boolean;
61
+ pie: {
62
+ valueMapsTo: string;
63
+ };
64
+ height: string;
65
+ legend: {
66
+ truncation: {
67
+ type: string;
68
+ };
69
+ };
70
+ };
71
+ };
72
+ };
73
+ export declare const PieEmptyState: {
74
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
75
+ args: {
76
+ isInverse: boolean;
77
+ type: CarbonChartType;
78
+ dataSet: never[];
79
+ options: {
80
+ title: string;
81
+ resizable: boolean;
82
+ height: string;
83
+ };
84
+ };
85
+ };
86
+ export declare const PieSkeleton: {
87
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
88
+ args: {
89
+ isInverse: boolean;
90
+ type: CarbonChartType;
91
+ dataSet: never[];
92
+ options: {
93
+ title: string;
94
+ resizable: boolean;
95
+ data: {
96
+ loading: boolean;
97
+ };
98
+ height: string;
99
+ };
100
+ };
101
+ };