@carbon/charts 1.16.11 → 1.17.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 (76) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/README.md +2 -26
  3. package/dist/{angle-utils-ByrL6LVp.mjs → angle-utils-Cq7fAZ_G.mjs} +2 -2
  4. package/dist/{angle-utils-ByrL6LVp.mjs.map → angle-utils-Cq7fAZ_G.mjs.map} +1 -1
  5. package/dist/{array-6NAAybxf.mjs → array-Dp6N70oc.mjs} +2 -2
  6. package/dist/{array-6NAAybxf.mjs.map → array-Dp6N70oc.mjs.map} +1 -1
  7. package/dist/{choropleth-BAn8HIaC.mjs → choropleth-BVD28Asn.mjs} +4 -10
  8. package/dist/choropleth-BVD28Asn.mjs.map +1 -0
  9. package/dist/{color-scale-utils-CSwgszB6.mjs → color-scale-utils-BpobzRX6.mjs} +2 -2
  10. package/dist/{color-scale-utils-CSwgszB6.mjs.map → color-scale-utils-BpobzRX6.mjs.map} +1 -1
  11. package/dist/components/diagrams/buildPaths.d.ts +15 -27
  12. package/dist/components/essentials/legend.spec.d.ts +1 -0
  13. package/dist/components/essentials/title.spec.d.ts +1 -0
  14. package/dist/components/index.mjs +1 -1
  15. package/dist/{index-fFi6OCaz.mjs → index-CeYuVh-h.mjs} +3 -3
  16. package/dist/{index-fFi6OCaz.mjs.map → index-CeYuVh-h.mjs.map} +1 -1
  17. package/dist/index.mjs +7 -7
  18. package/dist/model/index.mjs +2 -2
  19. package/dist/selectedGroups.spec.d.ts +1 -0
  20. package/dist/services/index.mjs +3 -3
  21. package/dist/services/time-series.spec.d.ts +1 -0
  22. package/dist/tests/index.d.ts +2 -0
  23. package/dist/tests/test-environment.d.ts +16 -0
  24. package/dist/tests/tools.d.ts +4 -0
  25. package/dist/tools.spec.d.ts +1 -0
  26. package/dist/umd/bundle.umd.cjs +1 -1
  27. package/dist/umd/bundle.umd.cjs.map +1 -1
  28. package/dist/umd/bundle.umd.js +1 -1
  29. package/package.json +18 -26
  30. package/dist/choropleth-BAn8HIaC.mjs.map +0 -1
  31. package/dist/demo/charts/alluvial.d.ts +0 -110
  32. package/dist/demo/charts/area.d.ts +0 -225
  33. package/dist/demo/charts/bar.d.ts +0 -763
  34. package/dist/demo/charts/boxplot.d.ts +0 -35
  35. package/dist/demo/charts/bubble.d.ts +0 -142
  36. package/dist/demo/charts/bullet.d.ts +0 -25
  37. package/dist/demo/charts/chart-types.d.ts +0 -128
  38. package/dist/demo/charts/choropleth.d.ts +0 -736
  39. package/dist/demo/charts/circle-pack.d.ts +0 -91
  40. package/dist/demo/charts/combo.d.ts +0 -483
  41. package/dist/demo/charts/donut.d.ts +0 -65
  42. package/dist/demo/charts/gauge.d.ts +0 -40
  43. package/dist/demo/charts/heatmap.d.ts +0 -126
  44. package/dist/demo/charts/hightlight.d.ts +0 -41
  45. package/dist/demo/charts/histogram.d.ts +0 -64
  46. package/dist/demo/charts/index.d.ts +0 -62
  47. package/dist/demo/charts/line.d.ts +0 -362
  48. package/dist/demo/charts/lollipop.d.ts +0 -40
  49. package/dist/demo/charts/meter.d.ts +0 -95
  50. package/dist/demo/charts/pie.d.ts +0 -47
  51. package/dist/demo/charts/radar.d.ts +0 -64
  52. package/dist/demo/charts/scatter.d.ts +0 -119
  53. package/dist/demo/charts/step.d.ts +0 -96
  54. package/dist/demo/charts/time-series-axis.d.ts +0 -326
  55. package/dist/demo/charts/toolbar.d.ts +0 -12
  56. package/dist/demo/charts/topojson-110.d.ts +0 -360
  57. package/dist/demo/charts/tree.d.ts +0 -30
  58. package/dist/demo/charts/treemap.d.ts +0 -15
  59. package/dist/demo/charts/wordcloud.d.ts +0 -14
  60. package/dist/demo/charts/zoom-bar.d.ts +0 -79
  61. package/dist/demo/index.d.ts +0 -4
  62. package/dist/demo/index.mjs +0 -51456
  63. package/dist/demo/index.mjs.map +0 -1
  64. package/dist/demo/styles.css +0 -34613
  65. package/dist/demo/styles.css.map +0 -1
  66. package/dist/demo/utils/index.d.ts +0 -2
  67. package/dist/demo/utils/package-versions.d.ts +0 -18
  68. package/dist/demo/utils/stackblitz/angular.d.ts +0 -3
  69. package/dist/demo/utils/stackblitz/index.d.ts +0 -5
  70. package/dist/demo/utils/stackblitz/object-to-string.d.ts +0 -5
  71. package/dist/demo/utils/stackblitz/react.d.ts +0 -3
  72. package/dist/demo/utils/stackblitz/svelte.d.ts +0 -3
  73. package/dist/demo/utils/stackblitz/vanilla-js.d.ts +0 -3
  74. package/dist/demo/utils/stackblitz/vue.d.ts +0 -3
  75. package/dist/demo/utils/story-widgets.d.ts +0 -6
  76. package/scss/demos.scss +0 -412
@@ -1,126 +0,0 @@
1
- import { ScaleTypes } from '../../interfaces';
2
- export declare const heatmapData: {
3
- letter: string;
4
- month: string;
5
- value: number;
6
- }[];
7
- export declare const heatmapOptions: {
8
- title: string;
9
- axes: {
10
- bottom: {
11
- title: string;
12
- mapsTo: string;
13
- scaleType: ScaleTypes;
14
- };
15
- left: {
16
- title: string;
17
- mapsTo: string;
18
- scaleType: ScaleTypes;
19
- };
20
- };
21
- heatmap: {
22
- colorLegend: {
23
- title: string;
24
- };
25
- };
26
- };
27
- export declare const heatmapQuantizeLegendOption: {
28
- title: string;
29
- axes: {
30
- bottom: {
31
- title: string;
32
- mapsTo: string;
33
- scaleType: ScaleTypes;
34
- };
35
- left: {
36
- title: string;
37
- mapsTo: string;
38
- scaleType: ScaleTypes;
39
- };
40
- };
41
- heatmap: {
42
- colorLegend: {
43
- title: string;
44
- type: string;
45
- };
46
- };
47
- };
48
- export declare const heatmapPositiveNegativeOptions: {
49
- title: string;
50
- axes: {
51
- bottom: {
52
- title: string;
53
- mapsTo: string;
54
- scaleType: ScaleTypes;
55
- };
56
- left: {
57
- title: string;
58
- mapsTo: string;
59
- scaleType: ScaleTypes;
60
- };
61
- };
62
- heatmap: {
63
- colorLegend: {
64
- title: string;
65
- };
66
- };
67
- } & {
68
- title: string;
69
- heatmap: {
70
- colorLegend: {
71
- title: string;
72
- type: string;
73
- };
74
- };
75
- };
76
- export declare const heatmapPositiveNegativeData: {
77
- value: number;
78
- letter: string;
79
- month: string;
80
- }[];
81
- export declare const heatmapDomainOptions: {
82
- title: string;
83
- axes: {
84
- bottom: {
85
- title: string;
86
- mapsTo: string;
87
- scaleType: ScaleTypes;
88
- };
89
- left: {
90
- title: string;
91
- mapsTo: string;
92
- scaleType: ScaleTypes;
93
- domain: string[];
94
- };
95
- };
96
- heatmap: {
97
- colorLegend: {
98
- title: string;
99
- };
100
- };
101
- };
102
- export declare const heatmapMissingData: {
103
- letter: string;
104
- month: string;
105
- value: number;
106
- }[];
107
- export declare const heatmapMissingDataOptions: {
108
- title: string;
109
- axes: {
110
- bottom: {
111
- title: string;
112
- mapsTo: string;
113
- scaleType: ScaleTypes;
114
- };
115
- left: {
116
- title: string;
117
- mapsTo: string;
118
- scaleType: ScaleTypes;
119
- };
120
- };
121
- heatmap: {
122
- colorLegend: {
123
- title: string;
124
- };
125
- };
126
- };
@@ -1,41 +0,0 @@
1
- import { ScaleTypes } from '../../interfaces';
2
- export declare const highlightBoundedAreaTimeSeriesData: {
3
- group: string;
4
- date: Date;
5
- value: number;
6
- min: number;
7
- max: number;
8
- }[];
9
- export declare const boundedAreaTimeSeriesWithHighlightsOptions: {
10
- title: string;
11
- legend: {
12
- enabled: boolean;
13
- };
14
- bounds: {
15
- upperBoundMapsTo: string;
16
- lowerBoundMapsTo: string;
17
- };
18
- axes: {
19
- bottom: {
20
- title: string;
21
- mapsTo: string;
22
- scaleType: ScaleTypes;
23
- highlights: {
24
- highlightStartMapsTo: string;
25
- highlightEndMapsTo: string;
26
- labelMapsTo: string;
27
- data: {
28
- startHighlight: Date;
29
- label: string;
30
- endHighlight: Date;
31
- }[];
32
- };
33
- };
34
- left: {
35
- mapsTo: string;
36
- scaleType: ScaleTypes;
37
- };
38
- };
39
- curve: string;
40
- };
41
- export declare const boundedAreaTimeSeriesWithHighlightsZoomOptions: any;
@@ -1,64 +0,0 @@
1
- import { ScaleTypes } from '../../interfaces';
2
- export declare const histogramContinueData: {
3
- group: string;
4
- age: number;
5
- }[];
6
- export declare const histogramContinueOptions: {
7
- title: string;
8
- axes: {
9
- bottom: {
10
- title: string;
11
- mapsTo: string;
12
- bins: number;
13
- limitDomainToBins: boolean;
14
- };
15
- left: {
16
- title: string;
17
- scaleType: ScaleTypes;
18
- stacked: boolean;
19
- binned: boolean;
20
- };
21
- };
22
- };
23
- export declare const histogramContinueWithBinsNumberData: {
24
- group: string;
25
- value: number;
26
- }[];
27
- export declare const histogramContinueWithBinsNumberOptions: {
28
- title: string;
29
- axes: {
30
- bottom: {
31
- title: string;
32
- mapsTo: string;
33
- bins: number;
34
- limitDomainToBins: boolean;
35
- };
36
- left: {
37
- title: string;
38
- scaleType: ScaleTypes;
39
- binned: boolean;
40
- };
41
- };
42
- };
43
- export declare const histogramContinueWithBinsOptions: {
44
- title: string;
45
- axes: {
46
- bottom: {
47
- title: string;
48
- mapsTo: string;
49
- bins: number[];
50
- limitDomainToBins: boolean;
51
- };
52
- left: {
53
- title: string;
54
- scaleType: ScaleTypes;
55
- stacked: boolean;
56
- binned: boolean;
57
- };
58
- };
59
- };
60
- export declare const histogramTimeSeriesData: {
61
- group: string;
62
- transactions: number;
63
- value: number;
64
- }[];
@@ -1,62 +0,0 @@
1
- import { Project } from '@stackblitz/sdk';
2
- import { BaseChartOptions } from '../../interfaces/charts';
3
- import { ChartTabularData } from '../../interfaces/model';
4
- import * as areaDemos from './area';
5
- import * as barDemos from './bar';
6
- import * as boxplotDemos from './boxplot';
7
- import * as bubbleDemos from './bubble';
8
- import * as bulletDemos from './bullet';
9
- import * as choroplethDemos from './choropleth';
10
- import * as comboDemos from './combo';
11
- import * as donutDemos from './donut';
12
- import * as gaugeDemos from './gauge';
13
- import * as histogramDemos from './histogram';
14
- import * as lineDemos from './line';
15
- import * as lollipopDemos from './lollipop';
16
- import * as meterDemos from './meter';
17
- import * as pieDemos from './pie';
18
- import * as radarDemos from './radar';
19
- import * as scatterDemos from './scatter';
20
- import * as stepDemos from './step';
21
- import * as timeSeriesAxisDemos from './time-series-axis';
22
- import * as treeDemos from './tree';
23
- import * as treemapDemos from './treemap';
24
- import * as circlePackDemos from './circle-pack';
25
- import * as toolbarDemos from './toolbar';
26
- import * as wordCloudDemos from './wordcloud';
27
- import * as zoomBarDemos from './zoom-bar';
28
- import * as alluvialDemos from './alluvial';
29
- import * as highlightDemos from './hightlight';
30
- import * as heatmapDemos from './heatmap';
31
- export { areaDemos, barDemos, boxplotDemos, bubbleDemos, bulletDemos, choroplethDemos, comboDemos, donutDemos, gaugeDemos, histogramDemos, lineDemos, lollipopDemos, meterDemos, pieDemos, radarDemos, scatterDemos, stepDemos, timeSeriesAxisDemos, treeDemos, treemapDemos, circlePackDemos, toolbarDemos, wordCloudDemos, zoomBarDemos, alluvialDemos, highlightDemos, heatmapDemos };
32
- export interface Demo {
33
- title: string;
34
- chartType: {
35
- vanilla: string;
36
- angular?: string;
37
- react?: string;
38
- svelte?: string;
39
- vue?: string;
40
- };
41
- data: ChartTabularData;
42
- options: BaseChartOptions & {
43
- geoData?: object;
44
- };
45
- code: {
46
- vanilla: Project;
47
- angular: Project;
48
- react: Project;
49
- svelte: Project;
50
- vue: Project;
51
- };
52
- }
53
- export interface DemoGroup {
54
- storyGroupTitle: 'Complex charts' | 'Simple charts' | 'Utility';
55
- title: string;
56
- demos: Demo[];
57
- configs?: {
58
- excludeColorPaletteControl?: boolean;
59
- includeProjectionControl?: boolean;
60
- };
61
- }
62
- export declare const storybookDemoGroups: DemoGroup[];
@@ -1,362 +0,0 @@
1
- import { LegendPositions, LegendOrientations, ScaleTypes } from '../../interfaces';
2
- export declare const lineData: ({
3
- group: string;
4
- key: string;
5
- value: number;
6
- audienceSize?: undefined;
7
- } | {
8
- group: string;
9
- key: string;
10
- value: number;
11
- audienceSize: number;
12
- })[];
13
- export declare const lineOptions: {
14
- title: string;
15
- axes: {
16
- bottom: {
17
- title: string;
18
- mapsTo: string;
19
- scaleType: ScaleTypes;
20
- };
21
- left: {
22
- mapsTo: string;
23
- title: string;
24
- scaleType: ScaleTypes;
25
- };
26
- };
27
- };
28
- export declare const sparklineLoadingOptions: {
29
- title: string;
30
- axes: {
31
- bottom: {
32
- visible: boolean;
33
- title: string;
34
- mapsTo: string;
35
- scaleType: ScaleTypes;
36
- };
37
- left: {
38
- visible: boolean;
39
- mapsTo: string;
40
- title: string;
41
- scaleType: ScaleTypes;
42
- };
43
- };
44
- grid: {
45
- x: {
46
- enabled: boolean;
47
- };
48
- y: {
49
- enabled: boolean;
50
- };
51
- };
52
- legend: {
53
- enabled: boolean;
54
- };
55
- tooltip: {
56
- enabled: boolean;
57
- };
58
- points: {
59
- enabled: boolean;
60
- };
61
- data: {
62
- loading: boolean;
63
- };
64
- };
65
- export declare const lineLongLabelData: ({
66
- group: string;
67
- key: string;
68
- value: number;
69
- audienceSize?: undefined;
70
- } | {
71
- group: string;
72
- key: string;
73
- value: number;
74
- audienceSize: number;
75
- })[];
76
- export declare const lineLongLabelOptions: {
77
- title: string;
78
- axes: {
79
- bottom: {
80
- title: string;
81
- mapsTo: string;
82
- scaleType: ScaleTypes;
83
- };
84
- left: {
85
- mapsTo: string;
86
- title: string;
87
- scaleType: ScaleTypes;
88
- };
89
- };
90
- };
91
- export declare const lineCustomDomainOptions: {
92
- title: string;
93
- axes: {
94
- bottom: {
95
- title: string;
96
- mapsTo: string;
97
- scaleType: ScaleTypes;
98
- domain: string[];
99
- };
100
- left: {
101
- domain: number[];
102
- mapsTo: string;
103
- title: string;
104
- scaleType: ScaleTypes;
105
- };
106
- };
107
- };
108
- export declare const lineSelectedGroupsData: ({
109
- group: string;
110
- key: string;
111
- value: number;
112
- audienceSize?: undefined;
113
- } | {
114
- group: string;
115
- key: string;
116
- value: number;
117
- audienceSize: number;
118
- })[];
119
- export declare const lineSelectedGroupsOptions: {
120
- title: string;
121
- data: {
122
- selectedGroups: string[];
123
- };
124
- axes: {
125
- bottom: {
126
- title: string;
127
- mapsTo: string;
128
- scaleType: ScaleTypes;
129
- };
130
- left: {
131
- mapsTo: string;
132
- title: string;
133
- scaleType: ScaleTypes;
134
- };
135
- };
136
- };
137
- export declare const lineCustomColorOptions: {
138
- title: string;
139
- axes: {
140
- bottom: {
141
- title: string;
142
- mapsTo: string;
143
- scaleType: ScaleTypes;
144
- };
145
- left: {
146
- mapsTo: string;
147
- title: string;
148
- scaleType: ScaleTypes;
149
- };
150
- };
151
- color: {
152
- scale: {
153
- 'Dataset 1': string;
154
- 'Dataset 2': string;
155
- 'Dataset 3': string;
156
- 'Dataset 4': string;
157
- };
158
- };
159
- };
160
- export declare const lineTimeSeriesData: {
161
- group: string;
162
- date: Date;
163
- value: number;
164
- }[];
165
- export declare const lineTimeSeriesOptions: {
166
- title: string;
167
- axes: {
168
- bottom: {
169
- title: string;
170
- mapsTo: string;
171
- scaleType: ScaleTypes;
172
- };
173
- left: {
174
- mapsTo: string;
175
- title: string;
176
- scaleType: ScaleTypes;
177
- };
178
- };
179
- curve: string;
180
- };
181
- export declare const lineTimeSeriesWithThresholdsOptions: {
182
- title: string;
183
- axes: {
184
- bottom: {
185
- title: string;
186
- mapsTo: string;
187
- scaleType: ScaleTypes;
188
- thresholds: {
189
- value: Date;
190
- label: string;
191
- valueFormatter: (d: Date) => string;
192
- }[];
193
- };
194
- left: {
195
- mapsTo: string;
196
- title: string;
197
- scaleType: ScaleTypes;
198
- thresholds: ({
199
- value: number;
200
- label: string;
201
- fillColor: string;
202
- } | {
203
- value: number;
204
- fillColor: string;
205
- label?: undefined;
206
- })[];
207
- };
208
- };
209
- curve: string;
210
- };
211
- export declare const lineTimeSeriesDenseData: {
212
- group: string;
213
- date: Date;
214
- value: number;
215
- }[];
216
- export declare const lineTimeSeriesDenseOptions: {
217
- title: string;
218
- axes: {
219
- bottom: {
220
- title: string;
221
- mapsTo: string;
222
- scaleType: ScaleTypes;
223
- };
224
- left: {
225
- mapsTo: string;
226
- title: string;
227
- scaleType: ScaleTypes;
228
- };
229
- };
230
- curve: string;
231
- };
232
- export declare const lineTimeSeriesDataRotatedTicks: {
233
- group: string;
234
- date: Date;
235
- value: number;
236
- }[];
237
- export declare const lineTimeSeriesRotatedTicksOptions: {
238
- title: string;
239
- width: string;
240
- axes: {
241
- bottom: {
242
- scaleType: ScaleTypes;
243
- mapsTo: string;
244
- ticks: {
245
- rotation: string;
246
- };
247
- };
248
- left: {
249
- mapsTo: string;
250
- };
251
- };
252
- legend: {
253
- clickable: boolean;
254
- };
255
- };
256
- export declare const lineLogAxisData: {
257
- group: string;
258
- date: Date;
259
- value: number;
260
- }[];
261
- export declare const lineLogAxisOptions: {
262
- title: string;
263
- width: string;
264
- axes: {
265
- bottom: {
266
- scaleType: ScaleTypes;
267
- mapsTo: string;
268
- };
269
- left: {
270
- mapsTo: string;
271
- scaleType: ScaleTypes;
272
- includeZero: boolean;
273
- };
274
- };
275
- };
276
- export declare const lineEmptyStateData: any[];
277
- export declare const lineEmptyStateOptions: {
278
- title: string;
279
- axes: {
280
- bottom: {
281
- title: string;
282
- mapsTo: string;
283
- scaleType: ScaleTypes;
284
- };
285
- left: {
286
- mapsTo: string;
287
- title: string;
288
- scaleType: ScaleTypes;
289
- };
290
- };
291
- curve: string;
292
- };
293
- export declare const lineSkeletonData: any[];
294
- export declare const lineSkeletonOptions: {
295
- title: string;
296
- axes: {
297
- bottom: {
298
- title: string;
299
- mapsTo: string;
300
- scaleType: ScaleTypes;
301
- };
302
- left: {
303
- mapsTo: string;
304
- title: string;
305
- scaleType: ScaleTypes;
306
- };
307
- };
308
- curve: string;
309
- data: {
310
- loading: boolean;
311
- };
312
- };
313
- export declare const lineTimeSeriesDualAxesData: ({
314
- group: string;
315
- date: Date;
316
- temp: number;
317
- rainfall?: undefined;
318
- } | {
319
- group: string;
320
- date: Date;
321
- rainfall: number;
322
- temp?: undefined;
323
- })[];
324
- export declare const dualLine: {
325
- title: string;
326
- axes: {
327
- left: {
328
- title: string;
329
- mapsTo: string;
330
- };
331
- bottom: {
332
- scaleType: ScaleTypes;
333
- mapsTo: string;
334
- title: string;
335
- };
336
- right: {
337
- title: string;
338
- mapsTo: string;
339
- correspondingDatasets: string[];
340
- };
341
- };
342
- curve: string;
343
- };
344
- export declare const lineOptionsLegendOrientation: {
345
- title: string;
346
- axes: {
347
- bottom: {
348
- title: string;
349
- mapsTo: string;
350
- scaleType: ScaleTypes;
351
- };
352
- left: {
353
- mapsTo: string;
354
- title: string;
355
- scaleType: ScaleTypes;
356
- };
357
- };
358
- legend: {
359
- position: LegendPositions;
360
- orientation: LegendOrientations;
361
- };
362
- };
@@ -1,40 +0,0 @@
1
- import { ScaleTypes } from '../../interfaces';
2
- export declare const lollipopDiscreteData: {
3
- group: string;
4
- key: string;
5
- value: number;
6
- }[];
7
- export declare const lollipopDiscreteOptions: {
8
- title: string;
9
- axes: {
10
- bottom: {
11
- title: string;
12
- scaleType: ScaleTypes;
13
- mapsTo: string;
14
- };
15
- left: {
16
- mapsTo: string;
17
- };
18
- };
19
- };
20
- export declare const lollipopDiscretePresentationData: {
21
- group: string;
22
- key: string;
23
- value: number;
24
- }[];
25
- export declare const lollipopDiscretePresentationOptions: {
26
- title: string;
27
- axes: {
28
- left: {
29
- title: string;
30
- scaleType: ScaleTypes;
31
- mapsTo: string;
32
- };
33
- bottom: {
34
- mapsTo: string;
35
- };
36
- };
37
- points: {
38
- radius: number;
39
- };
40
- };