@kong-ui-public/dashboard-renderer 0.1.14 → 0.2.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.
- package/README.md +46 -15
- package/dist/dashboard-renderer.es.js +555 -330
- package/dist/dashboard-renderer.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/components/{AnalyticsChartRenderer.vue.d.ts → BarChartRenderer.vue.d.ts} +17 -1
- package/dist/types/components/BarChartRenderer.vue.d.ts.map +1 -0
- package/dist/types/components/DashboardRenderer.vue.d.ts +84 -28
- package/dist/types/components/DashboardRenderer.vue.d.ts.map +1 -1
- package/dist/types/components/DashboardTile.vue.d.ts +40 -5
- package/dist/types/components/DashboardTile.vue.d.ts.map +1 -1
- package/dist/types/components/SimpleChartRenderer.vue.d.ts +8 -0
- package/dist/types/components/SimpleChartRenderer.vue.d.ts.map +1 -1
- package/dist/types/components/TimeseriesChartRenderer.vue.d.ts +54 -0
- package/dist/types/components/TimeseriesChartRenderer.vue.d.ts.map +1 -0
- package/dist/types/components/layout/GridLayout.vue.d.ts +63 -0
- package/dist/types/components/layout/GridLayout.vue.d.ts.map +1 -0
- package/dist/types/constants.d.ts +2 -0
- package/dist/types/constants.d.ts.map +1 -0
- package/dist/types/index.d.ts +2 -1
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/types/dashboard-renderer-types.d.ts +399 -49
- package/dist/types/types/dashboard-renderer-types.d.ts.map +1 -1
- package/dist/types/types/grid-layout-types.d.ts +28 -0
- package/dist/types/types/grid-layout-types.d.ts.map +1 -0
- package/dist/types/types/index.d.ts +2 -0
- package/dist/types/types/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/dist/types/components/AnalyticsChartRenderer.vue.d.ts.map +0 -1
- package/dist/types/mock-data.d.ts +0 -25
- package/dist/types/mock-data.d.ts.map +0 -1
|
@@ -7,7 +7,8 @@ export interface DashboardRendererContext {
|
|
|
7
7
|
export declare enum ChartTypes {
|
|
8
8
|
HorizontalBar = "horizontal_bar",
|
|
9
9
|
VerticalBar = "vertical_bar",
|
|
10
|
-
Gauge = "gauge"
|
|
10
|
+
Gauge = "gauge",
|
|
11
|
+
TimeseriesLine = "timeseries_line"
|
|
11
12
|
}
|
|
12
13
|
export declare const barChartSchema: {
|
|
13
14
|
readonly type: "object";
|
|
@@ -19,6 +20,18 @@ export declare const barChartSchema: {
|
|
|
19
20
|
readonly stacked: {
|
|
20
21
|
readonly type: "boolean";
|
|
21
22
|
};
|
|
23
|
+
readonly showAnnotations: {
|
|
24
|
+
readonly type: "boolean";
|
|
25
|
+
};
|
|
26
|
+
readonly chartDatasetColors: {
|
|
27
|
+
readonly type: readonly ["object", "array"];
|
|
28
|
+
readonly items: {
|
|
29
|
+
readonly type: "string";
|
|
30
|
+
};
|
|
31
|
+
readonly additionalProperties: {
|
|
32
|
+
readonly type: "string";
|
|
33
|
+
};
|
|
34
|
+
};
|
|
22
35
|
readonly syntheticsDataKey: {
|
|
23
36
|
readonly type: "string";
|
|
24
37
|
};
|
|
@@ -27,6 +40,36 @@ export declare const barChartSchema: {
|
|
|
27
40
|
readonly additionalProperties: false;
|
|
28
41
|
};
|
|
29
42
|
export type BarChartOptions = FromSchema<typeof barChartSchema>;
|
|
43
|
+
export declare const timeseriesChartSchema: {
|
|
44
|
+
readonly type: "object";
|
|
45
|
+
readonly properties: {
|
|
46
|
+
readonly type: {
|
|
47
|
+
readonly type: "string";
|
|
48
|
+
readonly enum: readonly [ChartTypes.TimeseriesLine];
|
|
49
|
+
};
|
|
50
|
+
readonly stacked: {
|
|
51
|
+
readonly type: "boolean";
|
|
52
|
+
};
|
|
53
|
+
readonly fill: {
|
|
54
|
+
readonly type: "boolean";
|
|
55
|
+
};
|
|
56
|
+
readonly chartDatasetColors: {
|
|
57
|
+
readonly type: readonly ["object", "array"];
|
|
58
|
+
readonly items: {
|
|
59
|
+
readonly type: "string";
|
|
60
|
+
};
|
|
61
|
+
readonly additionalProperties: {
|
|
62
|
+
readonly type: "string";
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
readonly syntheticsDataKey: {
|
|
66
|
+
readonly type: "string";
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
readonly required: readonly ["type"];
|
|
70
|
+
readonly additionalProperties: false;
|
|
71
|
+
};
|
|
72
|
+
export type TimeseriesChartOptions = FromSchema<typeof timeseriesChartSchema>;
|
|
30
73
|
export declare const gaugeChartSchema: {
|
|
31
74
|
readonly type: "object";
|
|
32
75
|
readonly properties: {
|
|
@@ -52,7 +95,7 @@ export declare const gaugeChartSchema: {
|
|
|
52
95
|
readonly additionalProperties: false;
|
|
53
96
|
};
|
|
54
97
|
export type GaugeChartOptions = FromSchema<typeof gaugeChartSchema>;
|
|
55
|
-
export declare const
|
|
98
|
+
export declare const tileDefinitionSchema: {
|
|
56
99
|
readonly type: "object";
|
|
57
100
|
readonly properties: {
|
|
58
101
|
readonly query: {
|
|
@@ -69,6 +112,18 @@ export declare const tileSchema: {
|
|
|
69
112
|
readonly stacked: {
|
|
70
113
|
readonly type: "boolean";
|
|
71
114
|
};
|
|
115
|
+
readonly showAnnotations: {
|
|
116
|
+
readonly type: "boolean";
|
|
117
|
+
};
|
|
118
|
+
readonly chartDatasetColors: {
|
|
119
|
+
readonly type: readonly ["object", "array"];
|
|
120
|
+
readonly items: {
|
|
121
|
+
readonly type: "string";
|
|
122
|
+
};
|
|
123
|
+
readonly additionalProperties: {
|
|
124
|
+
readonly type: "string";
|
|
125
|
+
};
|
|
126
|
+
};
|
|
72
127
|
readonly syntheticsDataKey: {
|
|
73
128
|
readonly type: "string";
|
|
74
129
|
};
|
|
@@ -98,85 +153,380 @@ export declare const tileSchema: {
|
|
|
98
153
|
};
|
|
99
154
|
readonly required: readonly ["type"];
|
|
100
155
|
readonly additionalProperties: false;
|
|
156
|
+
}, {
|
|
157
|
+
readonly type: "object";
|
|
158
|
+
readonly properties: {
|
|
159
|
+
readonly type: {
|
|
160
|
+
readonly type: "string";
|
|
161
|
+
readonly enum: readonly [ChartTypes.TimeseriesLine];
|
|
162
|
+
};
|
|
163
|
+
readonly stacked: {
|
|
164
|
+
readonly type: "boolean";
|
|
165
|
+
};
|
|
166
|
+
readonly fill: {
|
|
167
|
+
readonly type: "boolean";
|
|
168
|
+
};
|
|
169
|
+
readonly chartDatasetColors: {
|
|
170
|
+
readonly type: readonly ["object", "array"];
|
|
171
|
+
readonly items: {
|
|
172
|
+
readonly type: "string";
|
|
173
|
+
};
|
|
174
|
+
readonly additionalProperties: {
|
|
175
|
+
readonly type: "string";
|
|
176
|
+
};
|
|
177
|
+
};
|
|
178
|
+
readonly syntheticsDataKey: {
|
|
179
|
+
readonly type: "string";
|
|
180
|
+
};
|
|
181
|
+
};
|
|
182
|
+
readonly required: readonly ["type"];
|
|
183
|
+
readonly additionalProperties: false;
|
|
101
184
|
}];
|
|
102
185
|
};
|
|
103
|
-
|
|
104
|
-
|
|
186
|
+
};
|
|
187
|
+
readonly required: readonly ["query", "chart"];
|
|
188
|
+
readonly additionalProperties: false;
|
|
189
|
+
};
|
|
190
|
+
export type TileDefinition = FromSchema<typeof tileDefinitionSchema>;
|
|
191
|
+
export declare const tileLayoutSchema: {
|
|
192
|
+
readonly type: "object";
|
|
193
|
+
readonly properties: {
|
|
194
|
+
readonly position: {
|
|
195
|
+
readonly type: "object";
|
|
196
|
+
readonly properties: {
|
|
197
|
+
readonly col: {
|
|
198
|
+
readonly type: "number";
|
|
199
|
+
};
|
|
200
|
+
readonly row: {
|
|
201
|
+
readonly type: "number";
|
|
202
|
+
};
|
|
203
|
+
};
|
|
204
|
+
readonly description: "Position of the tile in the grid.";
|
|
205
|
+
readonly required: readonly ["col", "row"];
|
|
206
|
+
readonly additionalProperties: false;
|
|
207
|
+
};
|
|
208
|
+
readonly size: {
|
|
209
|
+
readonly type: "object";
|
|
210
|
+
readonly properties: {
|
|
211
|
+
readonly cols: {
|
|
212
|
+
readonly type: "number";
|
|
213
|
+
};
|
|
214
|
+
readonly rows: {
|
|
215
|
+
readonly type: "number";
|
|
216
|
+
};
|
|
217
|
+
};
|
|
218
|
+
readonly description: "Number of columns and rows the tile occupies.";
|
|
219
|
+
readonly required: readonly ["cols", "rows"];
|
|
220
|
+
readonly additionalProperties: false;
|
|
105
221
|
};
|
|
106
222
|
};
|
|
107
|
-
readonly required: readonly ["
|
|
223
|
+
readonly required: readonly ["position", "size"];
|
|
108
224
|
readonly additionalProperties: false;
|
|
109
225
|
};
|
|
110
|
-
export type
|
|
111
|
-
export declare const
|
|
226
|
+
export type TileLayout = FromSchema<typeof tileLayoutSchema>;
|
|
227
|
+
export declare const tileConfigSchema: {
|
|
112
228
|
readonly type: "object";
|
|
113
229
|
readonly properties: {
|
|
114
|
-
readonly
|
|
115
|
-
readonly type: "
|
|
116
|
-
readonly
|
|
117
|
-
readonly
|
|
118
|
-
|
|
119
|
-
|
|
230
|
+
readonly definition: {
|
|
231
|
+
readonly type: "object";
|
|
232
|
+
readonly properties: {
|
|
233
|
+
readonly query: {
|
|
234
|
+
readonly type: "object";
|
|
235
|
+
};
|
|
236
|
+
readonly chart: {
|
|
237
|
+
readonly oneOf: readonly [{
|
|
120
238
|
readonly type: "object";
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
239
|
+
readonly properties: {
|
|
240
|
+
readonly type: {
|
|
241
|
+
readonly type: "string";
|
|
242
|
+
readonly enum: readonly [ChartTypes.HorizontalBar, ChartTypes.VerticalBar];
|
|
243
|
+
};
|
|
244
|
+
readonly stacked: {
|
|
245
|
+
readonly type: "boolean";
|
|
246
|
+
};
|
|
247
|
+
readonly showAnnotations: {
|
|
248
|
+
readonly type: "boolean";
|
|
249
|
+
};
|
|
250
|
+
readonly chartDatasetColors: {
|
|
251
|
+
readonly type: readonly ["object", "array"];
|
|
252
|
+
readonly items: {
|
|
127
253
|
readonly type: "string";
|
|
128
|
-
readonly enum: readonly [ChartTypes.HorizontalBar, ChartTypes.VerticalBar];
|
|
129
|
-
};
|
|
130
|
-
readonly stacked: {
|
|
131
|
-
readonly type: "boolean";
|
|
132
254
|
};
|
|
133
|
-
readonly
|
|
255
|
+
readonly additionalProperties: {
|
|
134
256
|
readonly type: "string";
|
|
135
257
|
};
|
|
136
258
|
};
|
|
137
|
-
readonly
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
259
|
+
readonly syntheticsDataKey: {
|
|
260
|
+
readonly type: "string";
|
|
261
|
+
};
|
|
262
|
+
};
|
|
263
|
+
readonly required: readonly ["type"];
|
|
264
|
+
readonly additionalProperties: false;
|
|
265
|
+
}, {
|
|
266
|
+
readonly type: "object";
|
|
267
|
+
readonly properties: {
|
|
268
|
+
readonly type: {
|
|
269
|
+
readonly type: "string";
|
|
270
|
+
readonly enum: readonly [ChartTypes.Gauge];
|
|
271
|
+
};
|
|
272
|
+
readonly metricDisplay: {
|
|
273
|
+
readonly type: "string";
|
|
274
|
+
readonly enum: ChartMetricDisplay[];
|
|
275
|
+
};
|
|
276
|
+
readonly reverseDataset: {
|
|
277
|
+
readonly type: "boolean";
|
|
278
|
+
};
|
|
279
|
+
readonly numerator: {
|
|
280
|
+
readonly type: "number";
|
|
281
|
+
};
|
|
282
|
+
readonly syntheticsDataKey: {
|
|
283
|
+
readonly type: "string";
|
|
284
|
+
};
|
|
285
|
+
};
|
|
286
|
+
readonly required: readonly ["type"];
|
|
287
|
+
readonly additionalProperties: false;
|
|
288
|
+
}, {
|
|
289
|
+
readonly type: "object";
|
|
290
|
+
readonly properties: {
|
|
291
|
+
readonly type: {
|
|
292
|
+
readonly type: "string";
|
|
293
|
+
readonly enum: readonly [ChartTypes.TimeseriesLine];
|
|
294
|
+
};
|
|
295
|
+
readonly stacked: {
|
|
296
|
+
readonly type: "boolean";
|
|
297
|
+
};
|
|
298
|
+
readonly fill: {
|
|
299
|
+
readonly type: "boolean";
|
|
300
|
+
};
|
|
301
|
+
readonly chartDatasetColors: {
|
|
302
|
+
readonly type: readonly ["object", "array"];
|
|
303
|
+
readonly items: {
|
|
143
304
|
readonly type: "string";
|
|
144
|
-
readonly enum: readonly [ChartTypes.Gauge];
|
|
145
305
|
};
|
|
146
|
-
readonly
|
|
306
|
+
readonly additionalProperties: {
|
|
147
307
|
readonly type: "string";
|
|
148
|
-
readonly enum: ChartMetricDisplay[];
|
|
149
|
-
};
|
|
150
|
-
readonly reverseDataset: {
|
|
151
|
-
readonly type: "boolean";
|
|
152
308
|
};
|
|
153
|
-
|
|
154
|
-
|
|
309
|
+
};
|
|
310
|
+
readonly syntheticsDataKey: {
|
|
311
|
+
readonly type: "string";
|
|
312
|
+
};
|
|
313
|
+
};
|
|
314
|
+
readonly required: readonly ["type"];
|
|
315
|
+
readonly additionalProperties: false;
|
|
316
|
+
}];
|
|
317
|
+
};
|
|
318
|
+
};
|
|
319
|
+
readonly required: readonly ["query", "chart"];
|
|
320
|
+
readonly additionalProperties: false;
|
|
321
|
+
};
|
|
322
|
+
readonly layout: {
|
|
323
|
+
readonly type: "object";
|
|
324
|
+
readonly properties: {
|
|
325
|
+
readonly position: {
|
|
326
|
+
readonly type: "object";
|
|
327
|
+
readonly properties: {
|
|
328
|
+
readonly col: {
|
|
329
|
+
readonly type: "number";
|
|
330
|
+
};
|
|
331
|
+
readonly row: {
|
|
332
|
+
readonly type: "number";
|
|
333
|
+
};
|
|
334
|
+
};
|
|
335
|
+
readonly description: "Position of the tile in the grid.";
|
|
336
|
+
readonly required: readonly ["col", "row"];
|
|
337
|
+
readonly additionalProperties: false;
|
|
338
|
+
};
|
|
339
|
+
readonly size: {
|
|
340
|
+
readonly type: "object";
|
|
341
|
+
readonly properties: {
|
|
342
|
+
readonly cols: {
|
|
343
|
+
readonly type: "number";
|
|
344
|
+
};
|
|
345
|
+
readonly rows: {
|
|
346
|
+
readonly type: "number";
|
|
347
|
+
};
|
|
348
|
+
};
|
|
349
|
+
readonly description: "Number of columns and rows the tile occupies.";
|
|
350
|
+
readonly required: readonly ["cols", "rows"];
|
|
351
|
+
readonly additionalProperties: false;
|
|
352
|
+
};
|
|
353
|
+
};
|
|
354
|
+
readonly required: readonly ["position", "size"];
|
|
355
|
+
readonly additionalProperties: false;
|
|
356
|
+
};
|
|
357
|
+
};
|
|
358
|
+
readonly required: readonly ["definition", "layout"];
|
|
359
|
+
readonly additionalProperties: false;
|
|
360
|
+
};
|
|
361
|
+
export type TileConfig = FromSchema<typeof tileConfigSchema>;
|
|
362
|
+
export declare const dashboardConfigSchema: {
|
|
363
|
+
readonly type: "object";
|
|
364
|
+
readonly properties: {
|
|
365
|
+
readonly tiles: {
|
|
366
|
+
readonly type: "array";
|
|
367
|
+
readonly items: {
|
|
368
|
+
readonly type: "object";
|
|
369
|
+
readonly properties: {
|
|
370
|
+
readonly definition: {
|
|
371
|
+
readonly type: "object";
|
|
372
|
+
readonly properties: {
|
|
373
|
+
readonly query: {
|
|
374
|
+
readonly type: "object";
|
|
375
|
+
};
|
|
376
|
+
readonly chart: {
|
|
377
|
+
readonly oneOf: readonly [{
|
|
378
|
+
readonly type: "object";
|
|
379
|
+
readonly properties: {
|
|
380
|
+
readonly type: {
|
|
381
|
+
readonly type: "string";
|
|
382
|
+
readonly enum: readonly [ChartTypes.HorizontalBar, ChartTypes.VerticalBar];
|
|
383
|
+
};
|
|
384
|
+
readonly stacked: {
|
|
385
|
+
readonly type: "boolean";
|
|
386
|
+
};
|
|
387
|
+
readonly showAnnotations: {
|
|
388
|
+
readonly type: "boolean";
|
|
389
|
+
};
|
|
390
|
+
readonly chartDatasetColors: {
|
|
391
|
+
readonly type: readonly ["object", "array"];
|
|
392
|
+
readonly items: {
|
|
393
|
+
readonly type: "string";
|
|
394
|
+
};
|
|
395
|
+
readonly additionalProperties: {
|
|
396
|
+
readonly type: "string";
|
|
397
|
+
};
|
|
398
|
+
};
|
|
399
|
+
readonly syntheticsDataKey: {
|
|
400
|
+
readonly type: "string";
|
|
401
|
+
};
|
|
402
|
+
};
|
|
403
|
+
readonly required: readonly ["type"];
|
|
404
|
+
readonly additionalProperties: false;
|
|
405
|
+
}, {
|
|
406
|
+
readonly type: "object";
|
|
407
|
+
readonly properties: {
|
|
408
|
+
readonly type: {
|
|
409
|
+
readonly type: "string";
|
|
410
|
+
readonly enum: readonly [ChartTypes.Gauge];
|
|
411
|
+
};
|
|
412
|
+
readonly metricDisplay: {
|
|
413
|
+
readonly type: "string";
|
|
414
|
+
readonly enum: ChartMetricDisplay[];
|
|
415
|
+
};
|
|
416
|
+
readonly reverseDataset: {
|
|
417
|
+
readonly type: "boolean";
|
|
418
|
+
};
|
|
419
|
+
readonly numerator: {
|
|
420
|
+
readonly type: "number";
|
|
421
|
+
};
|
|
422
|
+
readonly syntheticsDataKey: {
|
|
423
|
+
readonly type: "string";
|
|
424
|
+
};
|
|
425
|
+
};
|
|
426
|
+
readonly required: readonly ["type"];
|
|
427
|
+
readonly additionalProperties: false;
|
|
428
|
+
}, {
|
|
429
|
+
readonly type: "object";
|
|
430
|
+
readonly properties: {
|
|
431
|
+
readonly type: {
|
|
432
|
+
readonly type: "string";
|
|
433
|
+
readonly enum: readonly [ChartTypes.TimeseriesLine];
|
|
434
|
+
};
|
|
435
|
+
readonly stacked: {
|
|
436
|
+
readonly type: "boolean";
|
|
437
|
+
};
|
|
438
|
+
readonly fill: {
|
|
439
|
+
readonly type: "boolean";
|
|
440
|
+
};
|
|
441
|
+
readonly chartDatasetColors: {
|
|
442
|
+
readonly type: readonly ["object", "array"];
|
|
443
|
+
readonly items: {
|
|
444
|
+
readonly type: "string";
|
|
445
|
+
};
|
|
446
|
+
readonly additionalProperties: {
|
|
447
|
+
readonly type: "string";
|
|
448
|
+
};
|
|
449
|
+
};
|
|
450
|
+
readonly syntheticsDataKey: {
|
|
451
|
+
readonly type: "string";
|
|
452
|
+
};
|
|
453
|
+
};
|
|
454
|
+
readonly required: readonly ["type"];
|
|
455
|
+
readonly additionalProperties: false;
|
|
456
|
+
}];
|
|
457
|
+
};
|
|
458
|
+
};
|
|
459
|
+
readonly required: readonly ["query", "chart"];
|
|
460
|
+
readonly additionalProperties: false;
|
|
461
|
+
};
|
|
462
|
+
readonly layout: {
|
|
463
|
+
readonly type: "object";
|
|
464
|
+
readonly properties: {
|
|
465
|
+
readonly position: {
|
|
466
|
+
readonly type: "object";
|
|
467
|
+
readonly properties: {
|
|
468
|
+
readonly col: {
|
|
469
|
+
readonly type: "number";
|
|
470
|
+
};
|
|
471
|
+
readonly row: {
|
|
472
|
+
readonly type: "number";
|
|
473
|
+
};
|
|
155
474
|
};
|
|
156
|
-
readonly
|
|
157
|
-
|
|
475
|
+
readonly description: "Position of the tile in the grid.";
|
|
476
|
+
readonly required: readonly ["col", "row"];
|
|
477
|
+
readonly additionalProperties: false;
|
|
478
|
+
};
|
|
479
|
+
readonly size: {
|
|
480
|
+
readonly type: "object";
|
|
481
|
+
readonly properties: {
|
|
482
|
+
readonly cols: {
|
|
483
|
+
readonly type: "number";
|
|
484
|
+
};
|
|
485
|
+
readonly rows: {
|
|
486
|
+
readonly type: "number";
|
|
487
|
+
};
|
|
158
488
|
};
|
|
489
|
+
readonly description: "Number of columns and rows the tile occupies.";
|
|
490
|
+
readonly required: readonly ["cols", "rows"];
|
|
491
|
+
readonly additionalProperties: false;
|
|
159
492
|
};
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
};
|
|
164
|
-
readonly title: {
|
|
165
|
-
readonly type: "string";
|
|
493
|
+
};
|
|
494
|
+
readonly required: readonly ["position", "size"];
|
|
495
|
+
readonly additionalProperties: false;
|
|
166
496
|
};
|
|
167
497
|
};
|
|
168
|
-
readonly required: readonly ["
|
|
498
|
+
readonly required: readonly ["definition", "layout"];
|
|
169
499
|
readonly additionalProperties: false;
|
|
170
500
|
};
|
|
171
501
|
};
|
|
502
|
+
readonly tileHeight: {
|
|
503
|
+
readonly type: "number";
|
|
504
|
+
readonly description: "Height of each tile in pixels. Default: 170";
|
|
505
|
+
readonly default: 170;
|
|
506
|
+
};
|
|
507
|
+
readonly gridSize: {
|
|
508
|
+
readonly type: "object";
|
|
509
|
+
readonly properties: {
|
|
510
|
+
readonly cols: {
|
|
511
|
+
readonly type: "number";
|
|
512
|
+
};
|
|
513
|
+
readonly rows: {
|
|
514
|
+
readonly type: "number";
|
|
515
|
+
};
|
|
516
|
+
};
|
|
517
|
+
readonly description: "Number of columns and rows in the grid.";
|
|
518
|
+
readonly required: readonly ["cols", "rows"];
|
|
519
|
+
readonly additionalProperties: false;
|
|
520
|
+
};
|
|
172
521
|
};
|
|
173
|
-
readonly required: readonly ["tiles"];
|
|
522
|
+
readonly required: readonly ["tiles", "gridSize"];
|
|
174
523
|
readonly additionalProperties: false;
|
|
175
524
|
};
|
|
176
|
-
export type
|
|
525
|
+
export type DashboardConfig = FromSchema<typeof dashboardConfigSchema>;
|
|
177
526
|
export interface RendererProps<T> {
|
|
178
527
|
query: any;
|
|
179
528
|
queryReady: boolean;
|
|
180
529
|
chartOptions: T;
|
|
530
|
+
height: number;
|
|
181
531
|
}
|
|
182
532
|
//# sourceMappingURL=dashboard-renderer-types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dashboard-renderer-types.d.ts","sourceRoot":"","sources":["../../../src/types/dashboard-renderer-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAc,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;
|
|
1
|
+
{"version":3,"file":"dashboard-renderer-types.d.ts","sourceRoot":"","sources":["../../../src/types/dashboard-renderer-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAc,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAIpE,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,EAAE,GAAG,CAAA;CACd;AAED,oBAAY,UAAU;IACpB,aAAa,mBAAmB;IAChC,WAAW,iBAAiB;IAC5B,KAAK,UAAU;IACf,cAAc,oBAAoB;CACnC;AAiBD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBI,CAAA;AAE/B,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE/D,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBH,CAAA;AAE/B,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAE7E,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;CAqBE,CAAA;AAE/B,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAEnE,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAaF,CAAA;AAE/B,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAEpE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCE,CAAA;AAE/B,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE5D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQE,CAAA;AAE/B,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE5D,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BH,CAAA;AAE/B,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAEtE,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,KAAK,EAAE,GAAG,CAAA;IACV,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,CAAC,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;CACf"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { TileLayout } from './dashboard-renderer-types';
|
|
2
|
+
export interface TilePosition {
|
|
3
|
+
col: number;
|
|
4
|
+
row: number;
|
|
5
|
+
}
|
|
6
|
+
export interface TileSize {
|
|
7
|
+
rows: number;
|
|
8
|
+
cols: number;
|
|
9
|
+
}
|
|
10
|
+
export interface GridTile<T> {
|
|
11
|
+
id: string | number;
|
|
12
|
+
layout: TileLayout;
|
|
13
|
+
meta: T;
|
|
14
|
+
}
|
|
15
|
+
export interface GridSize {
|
|
16
|
+
rows: number;
|
|
17
|
+
cols: number;
|
|
18
|
+
}
|
|
19
|
+
export interface Cell<T> {
|
|
20
|
+
key: string;
|
|
21
|
+
tile: GridTile<T>;
|
|
22
|
+
style: {
|
|
23
|
+
width: string;
|
|
24
|
+
height: string;
|
|
25
|
+
transform: string;
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=grid-layout-types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grid-layout-types.d.ts","sourceRoot":"","sources":["../../../src/types/grid-layout-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,QAAQ,CAAC,CAAC;IACzB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,CAAC,CAAC;CACT;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,IAAI,CAAC,CAAC;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IACjB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;KACnB,CAAA;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAGA,cAAc,4BAA4B,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAGA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kong-ui-public/dashboard-renderer",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/dashboard-renderer.umd.js",
|
|
6
6
|
"module": "./dist/dashboard-renderer.es.js",
|
|
@@ -20,11 +20,11 @@
|
|
|
20
20
|
"access": "public"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
|
-
"@kong-ui-public/analytics-chart": "^0.16.13",
|
|
24
23
|
"@kong/design-tokens": "^1.12.0",
|
|
25
24
|
"@kong/kongponents": "^8.126.2",
|
|
26
25
|
"json-schema-to-ts": "^2.9.2",
|
|
27
26
|
"vue": "^3.3.4",
|
|
27
|
+
"@kong-ui-public/analytics-chart": "^0.17.0",
|
|
28
28
|
"@kong-ui-public/i18n": "^2.0.0",
|
|
29
29
|
"@kong-ui-public/sandbox-layout": "^2.0.7"
|
|
30
30
|
},
|
|
@@ -46,9 +46,9 @@
|
|
|
46
46
|
"errorLimit": "200KB"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
|
-
"@kong-ui-public/analytics-chart": "^0.15.3",
|
|
50
49
|
"@kong/kongponents": "^8.126.2",
|
|
51
50
|
"vue": "^3.3.4",
|
|
51
|
+
"@kong-ui-public/analytics-chart": "^0.17.0",
|
|
52
52
|
"@kong-ui-public/i18n": "^2.0.0"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AnalyticsChartRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AnalyticsChartRenderer.vue.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFrC,wBAQG"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
export declare const exploreV3Response: {
|
|
2
|
-
meta: {
|
|
3
|
-
startMs: number;
|
|
4
|
-
endMs: number;
|
|
5
|
-
granularity: number;
|
|
6
|
-
queryId: string;
|
|
7
|
-
metricNames: string[];
|
|
8
|
-
truncated: boolean;
|
|
9
|
-
limit: number;
|
|
10
|
-
metricUnits: {
|
|
11
|
-
REQUEST_COUNT: string;
|
|
12
|
-
};
|
|
13
|
-
dimensions: {
|
|
14
|
-
STATUS_CODE_GROUPED: string[];
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
records: {
|
|
18
|
-
event: {
|
|
19
|
-
STATUS_CODE_GROUPED: string;
|
|
20
|
-
REQUEST_COUNT: number;
|
|
21
|
-
};
|
|
22
|
-
timestamp: string;
|
|
23
|
-
}[];
|
|
24
|
-
};
|
|
25
|
-
//# sourceMappingURL=mock-data.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mock-data.d.ts","sourceRoot":"","sources":["../../src/mock-data.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;CAkC7B,CAAA"}
|