@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/CarbonChartRadar.stories.d.ts CHANGED
@@ -1,98 +1,98 @@
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 Radar: {
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
- product: string;
11
- feature: string;
12
- score: number;
13
- }[];
14
- options: {
15
- title: string;
16
- radar: {
17
- axes: {
18
- angle: string;
19
- value: string;
20
- };
21
- };
22
- data: {
23
- groupMapsTo: string;
24
- };
25
- height: string;
26
- };
27
- };
28
- };
29
- export declare const RadarCentered: {
30
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
31
- args: {
32
- isInverse: boolean;
33
- type: CarbonChartType;
34
- dataSet: {
35
- product: string;
36
- feature: string;
37
- score: number;
38
- }[];
39
- options: {
40
- title: string;
41
- radar: {
42
- axes: {
43
- angle: string;
44
- value: string;
45
- };
46
- alignment: string;
47
- };
48
- data: {
49
- groupMapsTo: string;
50
- };
51
- legend: {
52
- alignment: string;
53
- };
54
- height: string;
55
- };
56
- };
57
- };
58
- export declare const RadarMissingDatapoints: {
59
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
60
- args: {
61
- isInverse: boolean;
62
- type: CarbonChartType;
63
- dataSet: {
64
- group: string;
65
- key: string;
66
- value: number;
67
- }[];
68
- options: {
69
- title: string;
70
- height: string;
71
- };
72
- };
73
- };
74
- export declare const RadarDense: {
75
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
76
- args: {
77
- isInverse: boolean;
78
- type: CarbonChartType;
79
- dataSet: {
80
- month: string;
81
- activity: string;
82
- hoursAvg: number;
83
- }[];
84
- options: {
85
- title: string;
86
- radar: {
87
- axes: {
88
- angle: string;
89
- value: string;
90
- };
91
- };
92
- data: {
93
- groupMapsTo: string;
94
- };
95
- height: string;
96
- };
97
- };
98
- };
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 Radar: {
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
+ product: string;
11
+ feature: string;
12
+ score: number;
13
+ }[];
14
+ options: {
15
+ title: string;
16
+ radar: {
17
+ axes: {
18
+ angle: string;
19
+ value: string;
20
+ };
21
+ };
22
+ data: {
23
+ groupMapsTo: string;
24
+ };
25
+ height: string;
26
+ };
27
+ };
28
+ };
29
+ export declare const RadarCentered: {
30
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
31
+ args: {
32
+ isInverse: boolean;
33
+ type: CarbonChartType;
34
+ dataSet: {
35
+ product: string;
36
+ feature: string;
37
+ score: number;
38
+ }[];
39
+ options: {
40
+ title: string;
41
+ radar: {
42
+ axes: {
43
+ angle: string;
44
+ value: string;
45
+ };
46
+ alignment: string;
47
+ };
48
+ data: {
49
+ groupMapsTo: string;
50
+ };
51
+ legend: {
52
+ alignment: string;
53
+ };
54
+ height: string;
55
+ };
56
+ };
57
+ };
58
+ export declare const RadarMissingDatapoints: {
59
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
60
+ args: {
61
+ isInverse: boolean;
62
+ type: CarbonChartType;
63
+ dataSet: {
64
+ group: string;
65
+ key: string;
66
+ value: number;
67
+ }[];
68
+ options: {
69
+ title: string;
70
+ height: string;
71
+ };
72
+ };
73
+ };
74
+ export declare const RadarDense: {
75
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
76
+ args: {
77
+ isInverse: boolean;
78
+ type: CarbonChartType;
79
+ dataSet: {
80
+ month: string;
81
+ activity: string;
82
+ hoursAvg: number;
83
+ }[];
84
+ options: {
85
+ title: string;
86
+ radar: {
87
+ axes: {
88
+ angle: string;
89
+ value: string;
90
+ };
91
+ };
92
+ data: {
93
+ groupMapsTo: string;
94
+ };
95
+ height: string;
96
+ };
97
+ };
98
+ };
package/dist/components/CarbonChart/CarbonChartScatter.stories.d.ts CHANGED
@@ -1,173 +1,173 @@
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 ScatterLinearXAndY: {
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
- employees: number;
12
- sales: number;
13
- }[];
14
- options: {
15
- title: string;
16
- axes: {
17
- bottom: {
18
- title: string;
19
- mapsTo: string;
20
- scaleType: string;
21
- };
22
- left: {
23
- title: string;
24
- mapsTo: string;
25
- scaleType: string;
26
- };
27
- };
28
- height: string;
29
- };
30
- };
31
- };
32
- export declare const ScatterTimeSeries: {
33
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
34
- args: {
35
- isInverse: boolean;
36
- type: CarbonChartType;
37
- dataSet: ({
38
- group: string;
39
- date: string;
40
- value: number;
41
- } | {
42
- group: string;
43
- date: string;
44
- value: null;
45
- })[];
46
- options: {
47
- title: string;
48
- axes: {
49
- bottom: {
50
- title: string;
51
- scaleType: string;
52
- mapsTo: string;
53
- };
54
- left: {
55
- mapsTo: string;
56
- };
57
- };
58
- height: string;
59
- };
60
- };
61
- };
62
- export declare const ScatterDiscrete: {
63
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
64
- args: {
65
- isInverse: boolean;
66
- type: CarbonChartType;
67
- dataSet: {
68
- group: string;
69
- key: string;
70
- value: number;
71
- }[];
72
- options: {
73
- title: string;
74
- axes: {
75
- bottom: {
76
- title: string;
77
- scaleType: string;
78
- mapsTo: string;
79
- };
80
- left: {
81
- mapsTo: string;
82
- };
83
- };
84
- height: string;
85
- };
86
- };
87
- };
88
- export declare const ScatterDualAxes: {
89
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
90
- args: {
91
- isInverse: boolean;
92
- type: CarbonChartType;
93
- dataSet: ({
94
- group: string;
95
- date: string;
96
- orderCount: number;
97
- productCount?: undefined;
98
- } | {
99
- group: string;
100
- date: string;
101
- productCount: number;
102
- orderCount?: undefined;
103
- })[];
104
- options: {
105
- title: string;
106
- axes: {
107
- bottom: {
108
- mapsTo: string;
109
- scaleType: string;
110
- };
111
- left: {
112
- title: string;
113
- mapsTo: string;
114
- scaleType: string;
115
- };
116
- right: {
117
- title: string;
118
- mapsTo: string;
119
- scaleType: string;
120
- correspondingDatasets: string[];
121
- };
122
- };
123
- height: string;
124
- };
125
- };
126
- };
127
- export declare const ScatterEmptyState: {
128
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
129
- args: {
130
- isInverse: boolean;
131
- type: CarbonChartType;
132
- dataSet: never[];
133
- options: {
134
- title: string;
135
- axes: {
136
- bottom: {
137
- title: string;
138
- scaleType: string;
139
- mapsTo: string;
140
- };
141
- left: {
142
- mapsTo: string;
143
- };
144
- };
145
- height: string;
146
- };
147
- };
148
- };
149
- export declare const ScatterSkeleton: {
150
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
151
- args: {
152
- isInverse: boolean;
153
- type: CarbonChartType;
154
- dataSet: never[];
155
- options: {
156
- title: string;
157
- axes: {
158
- bottom: {
159
- title: string;
160
- scaleType: string;
161
- mapsTo: string;
162
- };
163
- left: {
164
- mapsTo: string;
165
- };
166
- };
167
- data: {
168
- loading: boolean;
169
- };
170
- height: string;
171
- };
172
- };
173
- };
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 ScatterLinearXAndY: {
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
+ employees: number;
12
+ sales: number;
13
+ }[];
14
+ options: {
15
+ title: string;
16
+ axes: {
17
+ bottom: {
18
+ title: string;
19
+ mapsTo: string;
20
+ scaleType: string;
21
+ };
22
+ left: {
23
+ title: string;
24
+ mapsTo: string;
25
+ scaleType: string;
26
+ };
27
+ };
28
+ height: string;
29
+ };
30
+ };
31
+ };
32
+ export declare const ScatterTimeSeries: {
33
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
34
+ args: {
35
+ isInverse: boolean;
36
+ type: CarbonChartType;
37
+ dataSet: ({
38
+ group: string;
39
+ date: string;
40
+ value: number;
41
+ } | {
42
+ group: string;
43
+ date: string;
44
+ value: null;
45
+ })[];
46
+ options: {
47
+ title: string;
48
+ axes: {
49
+ bottom: {
50
+ title: string;
51
+ scaleType: string;
52
+ mapsTo: string;
53
+ };
54
+ left: {
55
+ mapsTo: string;
56
+ };
57
+ };
58
+ height: string;
59
+ };
60
+ };
61
+ };
62
+ export declare const ScatterDiscrete: {
63
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
64
+ args: {
65
+ isInverse: boolean;
66
+ type: CarbonChartType;
67
+ dataSet: {
68
+ group: string;
69
+ key: string;
70
+ value: number;
71
+ }[];
72
+ options: {
73
+ title: string;
74
+ axes: {
75
+ bottom: {
76
+ title: string;
77
+ scaleType: string;
78
+ mapsTo: string;
79
+ };
80
+ left: {
81
+ mapsTo: string;
82
+ };
83
+ };
84
+ height: string;
85
+ };
86
+ };
87
+ };
88
+ export declare const ScatterDualAxes: {
89
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
90
+ args: {
91
+ isInverse: boolean;
92
+ type: CarbonChartType;
93
+ dataSet: ({
94
+ group: string;
95
+ date: string;
96
+ orderCount: number;
97
+ productCount?: undefined;
98
+ } | {
99
+ group: string;
100
+ date: string;
101
+ productCount: number;
102
+ orderCount?: undefined;
103
+ })[];
104
+ options: {
105
+ title: string;
106
+ axes: {
107
+ bottom: {
108
+ mapsTo: string;
109
+ scaleType: string;
110
+ };
111
+ left: {
112
+ title: string;
113
+ mapsTo: string;
114
+ scaleType: string;
115
+ };
116
+ right: {
117
+ title: string;
118
+ mapsTo: string;
119
+ scaleType: string;
120
+ correspondingDatasets: string[];
121
+ };
122
+ };
123
+ height: string;
124
+ };
125
+ };
126
+ };
127
+ export declare const ScatterEmptyState: {
128
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
129
+ args: {
130
+ isInverse: boolean;
131
+ type: CarbonChartType;
132
+ dataSet: never[];
133
+ options: {
134
+ title: string;
135
+ axes: {
136
+ bottom: {
137
+ title: string;
138
+ scaleType: string;
139
+ mapsTo: string;
140
+ };
141
+ left: {
142
+ mapsTo: string;
143
+ };
144
+ };
145
+ height: string;
146
+ };
147
+ };
148
+ };
149
+ export declare const ScatterSkeleton: {
150
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
151
+ args: {
152
+ isInverse: boolean;
153
+ type: CarbonChartType;
154
+ dataSet: never[];
155
+ options: {
156
+ title: string;
157
+ axes: {
158
+ bottom: {
159
+ title: string;
160
+ scaleType: string;
161
+ mapsTo: string;
162
+ };
163
+ left: {
164
+ mapsTo: string;
165
+ };
166
+ };
167
+ data: {
168
+ loading: boolean;
169
+ };
170
+ height: string;
171
+ };
172
+ };
173
+ };
package/dist/components/CarbonChart/CarbonChartSparkline.stories.d.ts CHANGED
@@ -1,51 +1,51 @@
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 AreaSparkline: {
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
- date: string;
12
- value: number;
13
- }[];
14
- options: {
15
- title: string;
16
- height: string;
17
- grid: {
18
- x: {
19
- enabled: boolean;
20
- };
21
- y: {
22
- enabled: boolean;
23
- };
24
- };
25
- axes: {
26
- bottom: {
27
- visible: boolean;
28
- title: string;
29
- mapsTo: string;
30
- scaleType: string;
31
- };
32
- left: {
33
- visible: boolean;
34
- mapsTo: string;
35
- scaleType: string;
36
- };
37
- };
38
- color: {
39
- gradient: {
40
- enabled: boolean;
41
- };
42
- };
43
- points: {
44
- enabled: boolean;
45
- };
46
- legend: {
47
- enabled: boolean;
48
- };
49
- };
50
- };
51
- };
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 AreaSparkline: {
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
+ date: string;
12
+ value: number;
13
+ }[];
14
+ options: {
15
+ title: string;
16
+ height: string;
17
+ grid: {
18
+ x: {
19
+ enabled: boolean;
20
+ };
21
+ y: {
22
+ enabled: boolean;
23
+ };
24
+ };
25
+ axes: {
26
+ bottom: {
27
+ visible: boolean;
28
+ title: string;
29
+ mapsTo: string;
30
+ scaleType: string;
31
+ };
32
+ left: {
33
+ visible: boolean;
34
+ mapsTo: string;
35
+ scaleType: string;
36
+ };
37
+ };
38
+ color: {
39
+ gradient: {
40
+ enabled: boolean;
41
+ };
42
+ };
43
+ points: {
44
+ enabled: boolean;
45
+ };
46
+ legend: {
47
+ enabled: boolean;
48
+ };
49
+ };
50
+ };
51
+ };