@react-magma/charts 12.0.1-next.0 → 12.0.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 +10 -5
  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
@@ -1,310 +1,310 @@
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 AreaTimeSeriesNaturalCurve: {
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
- axes: {
17
- bottom: {
18
- title: string;
19
- mapsTo: string;
20
- scaleType: string;
21
- };
22
- left: {
23
- mapsTo: string;
24
- scaleType: string;
25
- };
26
- };
27
- curve: string;
28
- height: string;
29
- };
30
- };
31
- };
32
- export declare const AreaTimeSeries: {
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
- options: {
43
- title: string;
44
- axes: {
45
- bottom: {
46
- title: string;
47
- mapsTo: string;
48
- scaleType: string;
49
- };
50
- left: {
51
- mapsTo: string;
52
- title: string;
53
- scaleType: string;
54
- };
55
- };
56
- height: string;
57
- };
58
- };
59
- };
60
- export declare const AreaDiscreteDomain: {
61
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
62
- args: {
63
- isInverse: boolean;
64
- type: CarbonChartType;
65
- dataSet: {
66
- group: string;
67
- value: number;
68
- key: string;
69
- }[];
70
- options: {
71
- title: string;
72
- axes: {
73
- bottom: {
74
- title: string;
75
- mapsTo: string;
76
- scaleType: string;
77
- };
78
- left: {
79
- mapsTo: string;
80
- title: string;
81
- scaleType: string;
82
- };
83
- };
84
- height: string;
85
- };
86
- };
87
- };
88
- export declare const BoundedAreaTimeSeriesNaturalCurve: {
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
- value: number;
97
- min: number;
98
- max: number;
99
- }[];
100
- options: {
101
- title: string;
102
- legend: {
103
- enabled: boolean;
104
- };
105
- bounds: {
106
- upperBoundMapsTo: string;
107
- lowerBoundMapsTo: string;
108
- };
109
- axes: {
110
- bottom: {
111
- title: string;
112
- mapsTo: string;
113
- scaleType: string;
114
- };
115
- left: {
116
- mapsTo: string;
117
- scaleType: string;
118
- };
119
- };
120
- curve: string;
121
- height: string;
122
- };
123
- };
124
- };
125
- export declare const AreaMultipleBoundedAreasNaturalCurve: {
126
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
127
- args: {
128
- isInverse: boolean;
129
- type: CarbonChartType;
130
- dataSet: {
131
- group: string;
132
- date: string;
133
- value: number;
134
- min: number;
135
- max: number;
136
- }[];
137
- options: {
138
- title: string;
139
- legend: {
140
- enabled: boolean;
141
- };
142
- bounds: {
143
- upperBoundMapsTo: string;
144
- lowerBoundMapsTo: string;
145
- };
146
- axes: {
147
- bottom: {
148
- title: string;
149
- mapsTo: string;
150
- scaleType: string;
151
- highlights: {
152
- highlightStartMapsTo: string;
153
- highlightEndMapsTo: string;
154
- labelMapsTo: string;
155
- data: {
156
- startHighlight: Date;
157
- label: string;
158
- endHighlight: Date;
159
- }[];
160
- };
161
- };
162
- left: {
163
- mapsTo: string;
164
- scaleType: string;
165
- };
166
- };
167
- curve: string;
168
- height: string;
169
- };
170
- };
171
- };
172
- export declare const AreaMultipleBoundedAreasNaturalCurveZoomBarEnabled: {
173
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
174
- args: {
175
- isInverse: boolean;
176
- type: CarbonChartType;
177
- dataSet: {
178
- group: string;
179
- date: string;
180
- value: number;
181
- min: number;
182
- max: number;
183
- }[];
184
- options: {
185
- title: string;
186
- legend: {
187
- enabled: boolean;
188
- };
189
- bounds: {
190
- upperBoundMapsTo: string;
191
- lowerBoundMapsTo: string;
192
- };
193
- axes: {
194
- bottom: {
195
- title: string;
196
- mapsTo: string;
197
- scaleType: string;
198
- highlights: {
199
- highlightStartMapsTo: string;
200
- highlightEndMapsTo: string;
201
- labelMapsTo: string;
202
- data: {
203
- startHighlight: Date;
204
- label: string;
205
- endHighlight: Date;
206
- }[];
207
- };
208
- };
209
- left: {
210
- mapsTo: string;
211
- scaleType: string;
212
- };
213
- };
214
- curve: string;
215
- height: string;
216
- zoomBar: {
217
- top: {
218
- enabled: boolean;
219
- };
220
- };
221
- };
222
- };
223
- };
224
- export declare const AreaSkeleton: {
225
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
226
- args: {
227
- isInverse: boolean;
228
- type: CarbonChartType;
229
- dataSet: {
230
- group: string;
231
- date: string;
232
- value: number;
233
- min: number;
234
- max: number;
235
- }[];
236
- options: {
237
- title: string;
238
- bounds: {
239
- upperBoundMapsTo: string;
240
- lowerBoundMapsTo: string;
241
- };
242
- axes: {
243
- bottom: {
244
- title: string;
245
- mapsTo: string;
246
- scaleType: string;
247
- };
248
- left: {
249
- mapsTo: string;
250
- scaleType: string;
251
- };
252
- };
253
- curve: string;
254
- data: {
255
- loading: boolean;
256
- };
257
- height: string;
258
- };
259
- };
260
- };
261
- export declare const AreaEmptyState: {
262
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
263
- args: {
264
- isInverse: boolean;
265
- type: CarbonChartType;
266
- dataSet: never[];
267
- options: {
268
- title: string;
269
- axes: {
270
- left: {
271
- mapsTo: string;
272
- };
273
- bottom: {
274
- scaleType: string;
275
- mapsTo: string;
276
- };
277
- };
278
- height: string;
279
- };
280
- };
281
- };
282
- export declare const AreaTimeSeriesWithCustomColors: {
283
- render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
284
- args: {
285
- isInverse: boolean;
286
- type: CarbonChartType;
287
- dataSet: {
288
- group: string;
289
- date: string;
290
- value: number;
291
- }[];
292
- options: {
293
- title: string;
294
- axes: {
295
- bottom: {
296
- title: string;
297
- mapsTo: string;
298
- scaleType: string;
299
- };
300
- left: {
301
- mapsTo: string;
302
- title: string;
303
- scaleType: string;
304
- };
305
- };
306
- height: string;
307
- colors: string[];
308
- };
309
- };
310
- };
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 AreaTimeSeriesNaturalCurve: {
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
+ axes: {
17
+ bottom: {
18
+ title: string;
19
+ mapsTo: string;
20
+ scaleType: string;
21
+ };
22
+ left: {
23
+ mapsTo: string;
24
+ scaleType: string;
25
+ };
26
+ };
27
+ curve: string;
28
+ height: string;
29
+ };
30
+ };
31
+ };
32
+ export declare const AreaTimeSeries: {
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
+ options: {
43
+ title: string;
44
+ axes: {
45
+ bottom: {
46
+ title: string;
47
+ mapsTo: string;
48
+ scaleType: string;
49
+ };
50
+ left: {
51
+ mapsTo: string;
52
+ title: string;
53
+ scaleType: string;
54
+ };
55
+ };
56
+ height: string;
57
+ };
58
+ };
59
+ };
60
+ export declare const AreaDiscreteDomain: {
61
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
62
+ args: {
63
+ isInverse: boolean;
64
+ type: CarbonChartType;
65
+ dataSet: {
66
+ group: string;
67
+ value: number;
68
+ key: string;
69
+ }[];
70
+ options: {
71
+ title: string;
72
+ axes: {
73
+ bottom: {
74
+ title: string;
75
+ mapsTo: string;
76
+ scaleType: string;
77
+ };
78
+ left: {
79
+ mapsTo: string;
80
+ title: string;
81
+ scaleType: string;
82
+ };
83
+ };
84
+ height: string;
85
+ };
86
+ };
87
+ };
88
+ export declare const BoundedAreaTimeSeriesNaturalCurve: {
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
+ value: number;
97
+ min: number;
98
+ max: number;
99
+ }[];
100
+ options: {
101
+ title: string;
102
+ legend: {
103
+ enabled: boolean;
104
+ };
105
+ bounds: {
106
+ upperBoundMapsTo: string;
107
+ lowerBoundMapsTo: string;
108
+ };
109
+ axes: {
110
+ bottom: {
111
+ title: string;
112
+ mapsTo: string;
113
+ scaleType: string;
114
+ };
115
+ left: {
116
+ mapsTo: string;
117
+ scaleType: string;
118
+ };
119
+ };
120
+ curve: string;
121
+ height: string;
122
+ };
123
+ };
124
+ };
125
+ export declare const AreaMultipleBoundedAreasNaturalCurve: {
126
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
127
+ args: {
128
+ isInverse: boolean;
129
+ type: CarbonChartType;
130
+ dataSet: {
131
+ group: string;
132
+ date: string;
133
+ value: number;
134
+ min: number;
135
+ max: number;
136
+ }[];
137
+ options: {
138
+ title: string;
139
+ legend: {
140
+ enabled: boolean;
141
+ };
142
+ bounds: {
143
+ upperBoundMapsTo: string;
144
+ lowerBoundMapsTo: string;
145
+ };
146
+ axes: {
147
+ bottom: {
148
+ title: string;
149
+ mapsTo: string;
150
+ scaleType: string;
151
+ highlights: {
152
+ highlightStartMapsTo: string;
153
+ highlightEndMapsTo: string;
154
+ labelMapsTo: string;
155
+ data: {
156
+ startHighlight: Date;
157
+ label: string;
158
+ endHighlight: Date;
159
+ }[];
160
+ };
161
+ };
162
+ left: {
163
+ mapsTo: string;
164
+ scaleType: string;
165
+ };
166
+ };
167
+ curve: string;
168
+ height: string;
169
+ };
170
+ };
171
+ };
172
+ export declare const AreaMultipleBoundedAreasNaturalCurveZoomBarEnabled: {
173
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
174
+ args: {
175
+ isInverse: boolean;
176
+ type: CarbonChartType;
177
+ dataSet: {
178
+ group: string;
179
+ date: string;
180
+ value: number;
181
+ min: number;
182
+ max: number;
183
+ }[];
184
+ options: {
185
+ title: string;
186
+ legend: {
187
+ enabled: boolean;
188
+ };
189
+ bounds: {
190
+ upperBoundMapsTo: string;
191
+ lowerBoundMapsTo: string;
192
+ };
193
+ axes: {
194
+ bottom: {
195
+ title: string;
196
+ mapsTo: string;
197
+ scaleType: string;
198
+ highlights: {
199
+ highlightStartMapsTo: string;
200
+ highlightEndMapsTo: string;
201
+ labelMapsTo: string;
202
+ data: {
203
+ startHighlight: Date;
204
+ label: string;
205
+ endHighlight: Date;
206
+ }[];
207
+ };
208
+ };
209
+ left: {
210
+ mapsTo: string;
211
+ scaleType: string;
212
+ };
213
+ };
214
+ curve: string;
215
+ height: string;
216
+ zoomBar: {
217
+ top: {
218
+ enabled: boolean;
219
+ };
220
+ };
221
+ };
222
+ };
223
+ };
224
+ export declare const AreaSkeleton: {
225
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
226
+ args: {
227
+ isInverse: boolean;
228
+ type: CarbonChartType;
229
+ dataSet: {
230
+ group: string;
231
+ date: string;
232
+ value: number;
233
+ min: number;
234
+ max: number;
235
+ }[];
236
+ options: {
237
+ title: string;
238
+ bounds: {
239
+ upperBoundMapsTo: string;
240
+ lowerBoundMapsTo: string;
241
+ };
242
+ axes: {
243
+ bottom: {
244
+ title: string;
245
+ mapsTo: string;
246
+ scaleType: string;
247
+ };
248
+ left: {
249
+ mapsTo: string;
250
+ scaleType: string;
251
+ };
252
+ };
253
+ curve: string;
254
+ data: {
255
+ loading: boolean;
256
+ };
257
+ height: string;
258
+ };
259
+ };
260
+ };
261
+ export declare const AreaEmptyState: {
262
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
263
+ args: {
264
+ isInverse: boolean;
265
+ type: CarbonChartType;
266
+ dataSet: never[];
267
+ options: {
268
+ title: string;
269
+ axes: {
270
+ left: {
271
+ mapsTo: string;
272
+ };
273
+ bottom: {
274
+ scaleType: string;
275
+ mapsTo: string;
276
+ };
277
+ };
278
+ height: string;
279
+ };
280
+ };
281
+ };
282
+ export declare const AreaTimeSeriesWithCustomColors: {
283
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
284
+ args: {
285
+ isInverse: boolean;
286
+ type: CarbonChartType;
287
+ dataSet: {
288
+ group: string;
289
+ date: string;
290
+ value: number;
291
+ }[];
292
+ options: {
293
+ title: string;
294
+ axes: {
295
+ bottom: {
296
+ title: string;
297
+ mapsTo: string;
298
+ scaleType: string;
299
+ };
300
+ left: {
301
+ mapsTo: string;
302
+ title: string;
303
+ scaleType: string;
304
+ };
305
+ };
306
+ height: string;
307
+ colors: string[];
308
+ };
309
+ };
310
+ };