@react-magma/charts 12.0.0-next.6 → 12.0.1-next.0

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 (45) hide show
  1. package/dist/components/CarbonChart/CarbonChartArea.stories.d.ts +308 -10
  2. package/dist/components/CarbonChart/CarbonChartAreaStacked.stories.d.ts +134 -5
  3. package/dist/components/CarbonChart/CarbonChartBar.stories.d.ts +212 -10
  4. package/dist/components/CarbonChart/CarbonChartBarFloating.stories.d.ts +80 -4
  5. package/dist/components/CarbonChart/CarbonChartBarGrouped.stories.d.ts +232 -11
  6. package/dist/components/CarbonChart/CarbonChartBarStacked.stories.d.ts +264 -12
  7. package/dist/components/CarbonChart/CarbonChartBoxplot.stories.d.ts +51 -3
  8. package/dist/components/CarbonChart/CarbonChartBubble.stories.d.ts +194 -7
  9. package/dist/components/CarbonChart/CarbonChartBullet.stories.d.ts +33 -2
  10. package/dist/components/CarbonChart/CarbonChartCombo.stories.d.ts +578 -13
  11. package/dist/components/CarbonChart/CarbonChartDonut.stories.d.ts +118 -6
  12. package/dist/components/CarbonChart/CarbonChartGauge.stories.d.ts +41 -3
  13. package/dist/components/CarbonChart/CarbonChartHistogram.stories.d.ts +87 -4
  14. package/dist/components/CarbonChart/CarbonChartLine.stories.d.ts +575 -18
  15. package/dist/components/CarbonChart/CarbonChartLollipop.stories.d.ts +53 -3
  16. package/dist/components/CarbonChart/CarbonChartMeter.stories.d.ts +125 -6
  17. package/dist/components/CarbonChart/CarbonChartPie.stories.d.ts +99 -6
  18. package/dist/components/CarbonChart/CarbonChartRadar.stories.d.ts +96 -5
  19. package/dist/components/CarbonChart/CarbonChartScatter.stories.d.ts +171 -7
  20. package/dist/components/CarbonChart/CarbonChartSparkline.stories.d.ts +49 -2
  21. package/dist/components/CarbonChart/CarbonChartStep.stories.d.ts +36 -2
  22. package/dist/components/LineChart/LineChart.stories.d.ts +132 -21
  23. package/package.json +3 -3
  24. package/src/components/CarbonChart/CarbonChartArea.stories.tsx +674 -649
  25. package/src/components/CarbonChart/CarbonChartAreaStacked.stories.tsx +424 -414
  26. package/src/components/CarbonChart/CarbonChartBar.stories.tsx +352 -325
  27. package/src/components/CarbonChart/CarbonChartBarFloating.stories.tsx +127 -116
  28. package/src/components/CarbonChart/CarbonChartBarGrouped.stories.tsx +872 -843
  29. package/src/components/CarbonChart/CarbonChartBarStacked.stories.tsx +913 -879
  30. package/src/components/CarbonChart/CarbonChartBoxplot.stories.tsx +238 -232
  31. package/src/components/CarbonChart/CarbonChartBubble.stories.tsx +565 -547
  32. package/src/components/CarbonChart/CarbonChartBullet.stories.tsx +59 -56
  33. package/src/components/CarbonChart/CarbonChartCombo.stories.tsx +1335 -1299
  34. package/src/components/CarbonChart/CarbonChartDonut.stories.tsx +170 -153
  35. package/src/components/CarbonChart/CarbonChartGauge.stories.tsx +50 -44
  36. package/src/components/CarbonChart/CarbonChartHistogram.stories.tsx +733 -724
  37. package/src/components/CarbonChart/CarbonChartLine.stories.tsx +1656 -1605
  38. package/src/components/CarbonChart/CarbonChartLollipop.stories.tsx +81 -76
  39. package/src/components/CarbonChart/CarbonChartMeter.stories.tsx +177 -162
  40. package/src/components/CarbonChart/CarbonChartPie.stories.tsx +154 -139
  41. package/src/components/CarbonChart/CarbonChartRadar.stories.tsx +445 -433
  42. package/src/components/CarbonChart/CarbonChartScatter.stories.tsx +427 -409
  43. package/src/components/CarbonChart/CarbonChartSparkline.stories.tsx +191 -188
  44. package/src/components/CarbonChart/CarbonChartStep.stories.tsx +145 -142
  45. package/src/components/LineChart/LineChart.stories.tsx +91 -104
@@ -1,15 +1,580 @@
1
- import { CarbonChartProps } from '.';
1
+ import { CarbonChartProps, CarbonChartType } from '.';
2
2
  declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
3
3
  export default _default;
4
- export declare const ComboLineAndSimpleBarCustomConfigs: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
5
- export declare const ComboLineAndStackedBar: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
6
- export declare const ComboLineAndGroupedBarCustomConfigs: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
7
- export declare const ComboLineAndFloatingBar: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
8
- export declare const ComboHorizontalLineAndGroupedBar: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
9
- export declare const HorizontalComboLineAndSimpleBar: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
10
- export declare const ComboLineAndArea: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
11
- export declare const ComboStackedAreaAndLine: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
12
- export declare const ComboLineAndScatterAndBar: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
13
- export declare const ComboLineAndAreaTimeSeries: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
14
- export declare const ComboChartEmpty: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
15
- export declare const ComboChartLoading: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
4
+ export declare const ComboLineAndSimpleBarCustomConfigs: {
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
+ temp?: undefined;
14
+ } | {
15
+ group: string;
16
+ date: string;
17
+ temp: number;
18
+ value?: undefined;
19
+ })[];
20
+ options: {
21
+ title: string;
22
+ axes: {
23
+ left: {
24
+ mapsTo: string;
25
+ scaleType: string;
26
+ title: string;
27
+ };
28
+ right: {
29
+ mapsTo: string;
30
+ scaleType: string;
31
+ title: string;
32
+ correspondingDatasets: string[];
33
+ };
34
+ bottom: {
35
+ title: string;
36
+ mapsTo: string;
37
+ scaleType: string;
38
+ };
39
+ };
40
+ comboChartTypes: ({
41
+ type: string;
42
+ correspondingDatasets: string[];
43
+ options?: undefined;
44
+ } | {
45
+ type: string;
46
+ options: {
47
+ points: {
48
+ radius: number;
49
+ };
50
+ };
51
+ correspondingDatasets: string[];
52
+ })[];
53
+ height: string;
54
+ };
55
+ };
56
+ };
57
+ export declare const ComboLineAndStackedBar: {
58
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
59
+ args: {
60
+ isInverse: boolean;
61
+ type: CarbonChartType;
62
+ dataSet: ({
63
+ group: string;
64
+ key: string;
65
+ value: number;
66
+ temp?: undefined;
67
+ } | {
68
+ group: string;
69
+ key: string;
70
+ temp: number;
71
+ value?: undefined;
72
+ })[];
73
+ options: {
74
+ title: string;
75
+ axes: {
76
+ left: {
77
+ title: string;
78
+ mapsTo: string;
79
+ stacked: boolean;
80
+ };
81
+ bottom: {
82
+ title: string;
83
+ mapsTo: string;
84
+ scaleType: string;
85
+ };
86
+ right: {
87
+ title: string;
88
+ mapsTo: string;
89
+ correspondingDatasets: string[];
90
+ };
91
+ };
92
+ comboChartTypes: {
93
+ type: string;
94
+ options: {};
95
+ correspondingDatasets: string[];
96
+ }[];
97
+ height: string;
98
+ };
99
+ };
100
+ };
101
+ export declare const ComboLineAndGroupedBarCustomConfigs: {
102
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
103
+ args: {
104
+ isInverse: boolean;
105
+ type: CarbonChartType;
106
+ dataSet: ({
107
+ group: string;
108
+ key: string;
109
+ value: number;
110
+ temp?: undefined;
111
+ } | {
112
+ group: string;
113
+ key: string;
114
+ temp: number;
115
+ value?: undefined;
116
+ })[];
117
+ options: {
118
+ title: string;
119
+ axes: {
120
+ left: {
121
+ title: string;
122
+ mapsTo: string;
123
+ };
124
+ bottom: {
125
+ scaleType: string;
126
+ mapsTo: string;
127
+ };
128
+ right: {
129
+ title: string;
130
+ mapsTo: string;
131
+ correspondingDatasets: string[];
132
+ };
133
+ };
134
+ comboChartTypes: ({
135
+ type: string;
136
+ correspondingDatasets: string[];
137
+ options?: undefined;
138
+ } | {
139
+ type: string;
140
+ options: {
141
+ points: {
142
+ filled: boolean;
143
+ opacity: number;
144
+ };
145
+ };
146
+ correspondingDatasets: string[];
147
+ })[];
148
+ height: string;
149
+ };
150
+ };
151
+ };
152
+ export declare const ComboLineAndFloatingBar: {
153
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
154
+ args: {
155
+ isInverse: boolean;
156
+ type: CarbonChartType;
157
+ dataSet: ({
158
+ group: string;
159
+ date: string;
160
+ value: number;
161
+ temp?: undefined;
162
+ } | {
163
+ group: string;
164
+ date: string;
165
+ temp: number[];
166
+ value?: undefined;
167
+ })[];
168
+ options: {
169
+ title: string;
170
+ axes: {
171
+ left: {
172
+ mapsTo: string;
173
+ scaleType: string;
174
+ title: string;
175
+ correspondingDatasets: string[];
176
+ };
177
+ right: {
178
+ mapsTo: string;
179
+ title: string;
180
+ };
181
+ bottom: {
182
+ title: string;
183
+ mapsTo: string;
184
+ scaleType: string;
185
+ };
186
+ };
187
+ comboChartTypes: ({
188
+ type: string;
189
+ correspondingDatasets: string[];
190
+ options?: undefined;
191
+ } | {
192
+ type: string;
193
+ options: {
194
+ points: {
195
+ radius: number;
196
+ };
197
+ };
198
+ correspondingDatasets: string[];
199
+ })[];
200
+ height: string;
201
+ };
202
+ };
203
+ };
204
+ export declare const ComboHorizontalLineAndGroupedBar: {
205
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
206
+ args: {
207
+ isInverse: boolean;
208
+ type: CarbonChartType;
209
+ dataSet: ({
210
+ group: string;
211
+ key: string;
212
+ value: number;
213
+ temp?: undefined;
214
+ } | {
215
+ group: string;
216
+ key: string;
217
+ temp: number;
218
+ value?: undefined;
219
+ })[];
220
+ options: {
221
+ title: string;
222
+ axes: {
223
+ top: {
224
+ title: string;
225
+ mapsTo: string;
226
+ main: boolean;
227
+ };
228
+ left: {
229
+ scaleType: string;
230
+ mapsTo: string;
231
+ };
232
+ bottom: {
233
+ title: string;
234
+ mapsTo: string;
235
+ correspondingDatasets: string[];
236
+ };
237
+ };
238
+ comboChartTypes: {
239
+ type: string;
240
+ correspondingDatasets: string[];
241
+ }[];
242
+ height: string;
243
+ };
244
+ };
245
+ };
246
+ export declare const HorizontalComboLineAndSimpleBar: {
247
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
248
+ args: {
249
+ isInverse: boolean;
250
+ type: CarbonChartType;
251
+ dataSet: ({
252
+ group: string;
253
+ date: string;
254
+ value: number;
255
+ temp?: undefined;
256
+ } | {
257
+ group: string;
258
+ date: string;
259
+ temp: number;
260
+ value?: undefined;
261
+ })[];
262
+ options: {
263
+ title: string;
264
+ axes: {
265
+ top: {
266
+ mapsTo: string;
267
+ scaleType: string;
268
+ title: string;
269
+ };
270
+ bottom: {
271
+ mapsTo: string;
272
+ scaleType: string;
273
+ title: string;
274
+ correspondingDatasets: string[];
275
+ };
276
+ left: {
277
+ title: string;
278
+ mapsTo: string;
279
+ scaleType: string;
280
+ };
281
+ };
282
+ comboChartTypes: {
283
+ type: string;
284
+ options: {};
285
+ correspondingDatasets: string[];
286
+ }[];
287
+ height: string;
288
+ };
289
+ };
290
+ };
291
+ export declare const ComboLineAndArea: {
292
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
293
+ args: {
294
+ isInverse: boolean;
295
+ type: CarbonChartType;
296
+ dataSet: ({
297
+ group: string;
298
+ key: string;
299
+ value: number;
300
+ temp?: undefined;
301
+ } | {
302
+ group: string;
303
+ key: string;
304
+ temp: number;
305
+ value?: undefined;
306
+ })[];
307
+ options: {
308
+ title: string;
309
+ points: {
310
+ enabled: boolean;
311
+ };
312
+ axes: {
313
+ left: {
314
+ title: string;
315
+ mapsTo: string;
316
+ };
317
+ bottom: {
318
+ scaleType: string;
319
+ mapsTo: string;
320
+ };
321
+ right: {
322
+ title: string;
323
+ mapsTo: string;
324
+ correspondingDatasets: string[];
325
+ };
326
+ };
327
+ comboChartTypes: ({
328
+ type: string;
329
+ options: {
330
+ points?: undefined;
331
+ };
332
+ correspondingDatasets: string[];
333
+ } | {
334
+ type: string;
335
+ options: {
336
+ points: {
337
+ enabled: boolean;
338
+ };
339
+ };
340
+ correspondingDatasets: string[];
341
+ })[];
342
+ curve: string;
343
+ height: string;
344
+ };
345
+ };
346
+ };
347
+ export declare const ComboStackedAreaAndLine: {
348
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
349
+ args: {
350
+ isInverse: boolean;
351
+ type: CarbonChartType;
352
+ dataSet: ({
353
+ group: string;
354
+ date: string;
355
+ value: number;
356
+ temp?: undefined;
357
+ } | {
358
+ group: string;
359
+ date: string;
360
+ temp: number;
361
+ value?: undefined;
362
+ })[];
363
+ options: {
364
+ title: string;
365
+ axes: {
366
+ left: {
367
+ title: string;
368
+ stacked: boolean;
369
+ mapsTo: string;
370
+ titleOrientation: string;
371
+ };
372
+ bottom: {
373
+ scaleType: string;
374
+ mapsTo: string;
375
+ };
376
+ right: {
377
+ title: string;
378
+ scaleType: string;
379
+ mapsTo: string;
380
+ correspondingDatasets: string[];
381
+ titleOrientation: string;
382
+ };
383
+ };
384
+ curve: string;
385
+ comboChartTypes: ({
386
+ type: string;
387
+ options: {
388
+ points: {
389
+ enabled: boolean;
390
+ };
391
+ };
392
+ correspondingDatasets: string[];
393
+ } | {
394
+ type: string;
395
+ correspondingDatasets: string[];
396
+ options?: undefined;
397
+ })[];
398
+ height: string;
399
+ };
400
+ };
401
+ };
402
+ export declare const ComboLineAndScatterAndBar: {
403
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
404
+ args: {
405
+ isInverse: boolean;
406
+ type: CarbonChartType;
407
+ dataSet: ({
408
+ group: string;
409
+ key: string;
410
+ temp: number;
411
+ value?: undefined;
412
+ } | {
413
+ group: string;
414
+ key: string;
415
+ value: number;
416
+ temp?: undefined;
417
+ })[];
418
+ options: {
419
+ title: string;
420
+ axes: {
421
+ left: {
422
+ mapsTo: string;
423
+ title: string;
424
+ };
425
+ bottom: {
426
+ scaleType: string;
427
+ mapsTo: string;
428
+ };
429
+ right: {
430
+ title: string;
431
+ mapsTo: string;
432
+ scaleType: string;
433
+ correspondingDatasets: string[];
434
+ };
435
+ };
436
+ curve: string;
437
+ comboChartTypes: {
438
+ type: string;
439
+ correspondingDatasets: string[];
440
+ }[];
441
+ height: string;
442
+ };
443
+ };
444
+ };
445
+ export declare const ComboLineAndAreaTimeSeries: {
446
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
447
+ args: {
448
+ isInverse: boolean;
449
+ type: CarbonChartType;
450
+ dataSet: ({
451
+ group: string;
452
+ key: string;
453
+ value: number;
454
+ temp?: undefined;
455
+ } | {
456
+ group: string;
457
+ key: string;
458
+ temp: number;
459
+ value?: undefined;
460
+ })[];
461
+ options: {
462
+ title: string;
463
+ points: {
464
+ enabled: boolean;
465
+ };
466
+ axes: {
467
+ left: {
468
+ title: string;
469
+ mapsTo: string;
470
+ };
471
+ bottom: {
472
+ scaleType: string;
473
+ mapsTo: string;
474
+ };
475
+ right: {
476
+ title: string;
477
+ mapsTo: string;
478
+ correspondingDatasets: string[];
479
+ };
480
+ };
481
+ comboChartTypes: ({
482
+ type: string;
483
+ options: {
484
+ points?: undefined;
485
+ };
486
+ correspondingDatasets: string[];
487
+ } | {
488
+ type: string;
489
+ options: {
490
+ points: {
491
+ enabled: boolean;
492
+ };
493
+ };
494
+ correspondingDatasets: string[];
495
+ })[];
496
+ curve: string;
497
+ timeScale: {
498
+ addSpaceOnEdges: number;
499
+ };
500
+ height: string;
501
+ };
502
+ };
503
+ };
504
+ export declare const ComboChartEmpty: {
505
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
506
+ args: {
507
+ isInverse: boolean;
508
+ type: CarbonChartType;
509
+ dataSet: never[];
510
+ options: {
511
+ title: string;
512
+ axes: {
513
+ left: {
514
+ mapsTo: string;
515
+ title: string;
516
+ };
517
+ bottom: {
518
+ scaleType: string;
519
+ mapsTo: string;
520
+ };
521
+ right: {
522
+ title: string;
523
+ mapsTo: string;
524
+ scaleType: string;
525
+ correspondingDatasets: string[];
526
+ };
527
+ };
528
+ comboChartTypes: {
529
+ type: string;
530
+ correspondingDatasets: string[];
531
+ }[];
532
+ height: string;
533
+ };
534
+ };
535
+ };
536
+ export declare const ComboChartLoading: {
537
+ render: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, CarbonChartProps>;
538
+ args: {
539
+ isInverse: boolean;
540
+ type: CarbonChartType;
541
+ dataSet: ({
542
+ group: string;
543
+ key: string;
544
+ temp: number;
545
+ value?: undefined;
546
+ } | {
547
+ group: string;
548
+ key: string;
549
+ value: number;
550
+ temp?: undefined;
551
+ })[];
552
+ options: {
553
+ title: string;
554
+ axes: {
555
+ left: {
556
+ mapsTo: string;
557
+ title: string;
558
+ };
559
+ bottom: {
560
+ scaleType: string;
561
+ mapsTo: string;
562
+ };
563
+ right: {
564
+ title: string;
565
+ mapsTo: string;
566
+ scaleType: string;
567
+ correspondingDatasets: string[];
568
+ };
569
+ };
570
+ data: {
571
+ loading: boolean;
572
+ };
573
+ comboChartTypes: {
574
+ type: string;
575
+ correspondingDatasets: string[];
576
+ }[];
577
+ height: string;
578
+ };
579
+ };
580
+ };