@devtable/dashboard 4.9.0 → 4.10.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/dist/dashboard.es.js +575 -495
- package/dist/dashboard.umd.js +13 -13
- package/dist/main/use-panel-full-screen.d.ts +68 -0
- package/dist/model/views/view/index.d.ts +326 -0
- package/dist/model/views/view/panels/index.d.ts +117 -0
- package/dist/model/views/view/panels/panel.d.ts +22 -0
- package/dist/model/views/view/panels/style/border.d.ts +11 -0
- package/dist/model/views/view/panels/style/index.d.ts +19 -0
- package/dist/panel/settings/panel-config/description.d.ts +3 -1
- package/dist/panel/settings/panel-config/edit-style.d.ts +4 -0
- package/dist/panel/settings/panel-config/preview-panel.d.ts +3 -1
- package/dist/panel/settings/panel-config/title.d.ts +3 -1
- package/dist/style.css +1 -1
- package/dist/types/dashboard.d.ts +7 -0
- package/package.json +1 -1
|
@@ -36,6 +36,23 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
|
|
|
36
36
|
setType(type: string): void;
|
|
37
37
|
setConf(conf: import("../../../..").AnyObject): void;
|
|
38
38
|
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
39
|
+
style: import("mobx-state-tree").IModelType<{
|
|
40
|
+
border: import("mobx-state-tree").IModelType<{
|
|
41
|
+
enabled: import("mobx-state-tree").ISimpleType<boolean>;
|
|
42
|
+
}, {
|
|
43
|
+
readonly json: {
|
|
44
|
+
enabled: boolean;
|
|
45
|
+
};
|
|
46
|
+
} & {
|
|
47
|
+
setEnabled(v: boolean): void;
|
|
48
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
49
|
+
}, {
|
|
50
|
+
readonly json: {
|
|
51
|
+
border: {
|
|
52
|
+
enabled: boolean;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
39
56
|
}, {
|
|
40
57
|
readonly json: {
|
|
41
58
|
id: string;
|
|
@@ -54,6 +71,11 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
|
|
|
54
71
|
type: string;
|
|
55
72
|
conf: import("../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../..").AnyObject, import("../../../..").AnyObject, import("../../../..").AnyObject>>;
|
|
56
73
|
};
|
|
74
|
+
style: {
|
|
75
|
+
border: {
|
|
76
|
+
enabled: boolean;
|
|
77
|
+
};
|
|
78
|
+
};
|
|
57
79
|
};
|
|
58
80
|
} & {
|
|
59
81
|
setID(id: string): void;
|
|
@@ -97,6 +119,23 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
|
|
|
97
119
|
setType(type: string): void;
|
|
98
120
|
setConf(conf: import("../../../..").AnyObject): void;
|
|
99
121
|
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
122
|
+
style: import("mobx-state-tree").IModelType<{
|
|
123
|
+
border: import("mobx-state-tree").IModelType<{
|
|
124
|
+
enabled: import("mobx-state-tree").ISimpleType<boolean>;
|
|
125
|
+
}, {
|
|
126
|
+
readonly json: {
|
|
127
|
+
enabled: boolean;
|
|
128
|
+
};
|
|
129
|
+
} & {
|
|
130
|
+
setEnabled(v: boolean): void;
|
|
131
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
132
|
+
}, {
|
|
133
|
+
readonly json: {
|
|
134
|
+
border: {
|
|
135
|
+
enabled: boolean;
|
|
136
|
+
};
|
|
137
|
+
};
|
|
138
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
100
139
|
}, {
|
|
101
140
|
readonly json: {
|
|
102
141
|
id: string;
|
|
@@ -115,6 +154,11 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
|
|
|
115
154
|
type: string;
|
|
116
155
|
conf: import("../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../..").AnyObject, import("../../../..").AnyObject, import("../../../..").AnyObject>>;
|
|
117
156
|
};
|
|
157
|
+
style: {
|
|
158
|
+
border: {
|
|
159
|
+
enabled: boolean;
|
|
160
|
+
};
|
|
161
|
+
};
|
|
118
162
|
};
|
|
119
163
|
} & {
|
|
120
164
|
setID(id: string): void;
|
|
@@ -141,6 +185,11 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
|
|
|
141
185
|
type: string;
|
|
142
186
|
conf: import("../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../..").AnyObject, import("../../../..").AnyObject, import("../../../..").AnyObject>>;
|
|
143
187
|
};
|
|
188
|
+
style: {
|
|
189
|
+
border: {
|
|
190
|
+
enabled: boolean;
|
|
191
|
+
};
|
|
192
|
+
};
|
|
144
193
|
}[];
|
|
145
194
|
readonly layouts: {
|
|
146
195
|
i: string;
|
|
@@ -216,6 +265,47 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
|
|
|
216
265
|
setType(type: string): void;
|
|
217
266
|
setConf(conf: import("../../../..").AnyObject): void;
|
|
218
267
|
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
|
|
268
|
+
style: {
|
|
269
|
+
border: {
|
|
270
|
+
enabled: boolean;
|
|
271
|
+
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
272
|
+
readonly json: {
|
|
273
|
+
enabled: boolean;
|
|
274
|
+
};
|
|
275
|
+
} & {
|
|
276
|
+
setEnabled(v: boolean): void;
|
|
277
|
+
} & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
|
|
278
|
+
enabled: import("mobx-state-tree").ISimpleType<boolean>;
|
|
279
|
+
}, {
|
|
280
|
+
readonly json: {
|
|
281
|
+
enabled: boolean;
|
|
282
|
+
};
|
|
283
|
+
} & {
|
|
284
|
+
setEnabled(v: boolean): void;
|
|
285
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
|
|
286
|
+
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
287
|
+
readonly json: {
|
|
288
|
+
border: {
|
|
289
|
+
enabled: boolean;
|
|
290
|
+
};
|
|
291
|
+
};
|
|
292
|
+
} & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
|
|
293
|
+
border: import("mobx-state-tree").IModelType<{
|
|
294
|
+
enabled: import("mobx-state-tree").ISimpleType<boolean>;
|
|
295
|
+
}, {
|
|
296
|
+
readonly json: {
|
|
297
|
+
enabled: boolean;
|
|
298
|
+
};
|
|
299
|
+
} & {
|
|
300
|
+
setEnabled(v: boolean): void;
|
|
301
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
302
|
+
}, {
|
|
303
|
+
readonly json: {
|
|
304
|
+
border: {
|
|
305
|
+
enabled: boolean;
|
|
306
|
+
};
|
|
307
|
+
};
|
|
308
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
|
|
219
309
|
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
220
310
|
readonly json: {
|
|
221
311
|
id: string;
|
|
@@ -234,6 +324,11 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
|
|
|
234
324
|
type: string;
|
|
235
325
|
conf: import("../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../..").AnyObject, import("../../../..").AnyObject, import("../../../..").AnyObject>>;
|
|
236
326
|
};
|
|
327
|
+
style: {
|
|
328
|
+
border: {
|
|
329
|
+
enabled: boolean;
|
|
330
|
+
};
|
|
331
|
+
};
|
|
237
332
|
};
|
|
238
333
|
} & {
|
|
239
334
|
setID(id: string): void;
|
|
@@ -276,6 +371,23 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
|
|
|
276
371
|
setType(type: string): void;
|
|
277
372
|
setConf(conf: import("../../../..").AnyObject): void;
|
|
278
373
|
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
374
|
+
style: import("mobx-state-tree").IModelType<{
|
|
375
|
+
border: import("mobx-state-tree").IModelType<{
|
|
376
|
+
enabled: import("mobx-state-tree").ISimpleType<boolean>;
|
|
377
|
+
}, {
|
|
378
|
+
readonly json: {
|
|
379
|
+
enabled: boolean;
|
|
380
|
+
};
|
|
381
|
+
} & {
|
|
382
|
+
setEnabled(v: boolean): void;
|
|
383
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
384
|
+
}, {
|
|
385
|
+
readonly json: {
|
|
386
|
+
border: {
|
|
387
|
+
enabled: boolean;
|
|
388
|
+
};
|
|
389
|
+
};
|
|
390
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
279
391
|
}, {
|
|
280
392
|
readonly json: {
|
|
281
393
|
id: string;
|
|
@@ -294,6 +406,11 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
|
|
|
294
406
|
type: string;
|
|
295
407
|
conf: import("../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../..").AnyObject, import("../../../..").AnyObject, import("../../../..").AnyObject>>;
|
|
296
408
|
};
|
|
409
|
+
style: {
|
|
410
|
+
border: {
|
|
411
|
+
enabled: boolean;
|
|
412
|
+
};
|
|
413
|
+
};
|
|
297
414
|
};
|
|
298
415
|
} & {
|
|
299
416
|
setID(id: string): void;
|
|
@@ -35,6 +35,23 @@ export declare const PanelModel: import("mobx-state-tree").IModelType<{
|
|
|
35
35
|
setType(type: string): void;
|
|
36
36
|
setConf(conf: import("../../../..").AnyObject): void;
|
|
37
37
|
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
38
|
+
style: import("mobx-state-tree").IModelType<{
|
|
39
|
+
border: import("mobx-state-tree").IModelType<{
|
|
40
|
+
enabled: import("mobx-state-tree").ISimpleType<boolean>;
|
|
41
|
+
}, {
|
|
42
|
+
readonly json: {
|
|
43
|
+
enabled: boolean;
|
|
44
|
+
};
|
|
45
|
+
} & {
|
|
46
|
+
setEnabled(v: boolean): void;
|
|
47
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
48
|
+
}, {
|
|
49
|
+
readonly json: {
|
|
50
|
+
border: {
|
|
51
|
+
enabled: boolean;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
38
55
|
}, {
|
|
39
56
|
readonly json: {
|
|
40
57
|
id: string;
|
|
@@ -53,6 +70,11 @@ export declare const PanelModel: import("mobx-state-tree").IModelType<{
|
|
|
53
70
|
type: string;
|
|
54
71
|
conf: import("../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../..").AnyObject, import("../../../..").AnyObject, import("../../../..").AnyObject>>;
|
|
55
72
|
};
|
|
73
|
+
style: {
|
|
74
|
+
border: {
|
|
75
|
+
enabled: boolean;
|
|
76
|
+
};
|
|
77
|
+
};
|
|
56
78
|
};
|
|
57
79
|
} & {
|
|
58
80
|
setID(id: string): void;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Instance } from 'mobx-state-tree';
|
|
2
|
+
export declare const PanelStyleBorderModel: import("mobx-state-tree").IModelType<{
|
|
3
|
+
enabled: import("mobx-state-tree").ISimpleType<boolean>;
|
|
4
|
+
}, {
|
|
5
|
+
readonly json: {
|
|
6
|
+
enabled: boolean;
|
|
7
|
+
};
|
|
8
|
+
} & {
|
|
9
|
+
setEnabled(v: boolean): void;
|
|
10
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
11
|
+
export declare type PanelStyleBorderModelInstance = Instance<typeof PanelStyleBorderModel>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Instance } from 'mobx-state-tree';
|
|
2
|
+
export declare const PanelStyleModel: import("mobx-state-tree").IModelType<{
|
|
3
|
+
border: import("mobx-state-tree").IModelType<{
|
|
4
|
+
enabled: import("mobx-state-tree").ISimpleType<boolean>;
|
|
5
|
+
}, {
|
|
6
|
+
readonly json: {
|
|
7
|
+
enabled: boolean;
|
|
8
|
+
};
|
|
9
|
+
} & {
|
|
10
|
+
setEnabled(v: boolean): void;
|
|
11
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
12
|
+
}, {
|
|
13
|
+
readonly json: {
|
|
14
|
+
border: {
|
|
15
|
+
enabled: boolean;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
19
|
+
export declare type PanelStyleModelInstance = Instance<typeof PanelStyleModel>;
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.filter-settings-tabs{width:100%;height:100%}.filter-settings-tabs .mantine-Tabs-panel{height:calc(100% - 25px)}.filter-settings-tabs .mantine-Tabs-tabsListWrapper{flex:0}.filter-settings-tabs .mantine-Tabs-body{flex:1;overflow:scroll}.panel-root{height:100%;width:100%;max-width:100%;background:transparent;border-radius:4px;
|
|
1
|
+
.filter-settings-tabs{width:100%;height:100%}.filter-settings-tabs .mantine-Tabs-panel{height:calc(100% - 25px)}.filter-settings-tabs .mantine-Tabs-tabsListWrapper{flex:0}.filter-settings-tabs .mantine-Tabs-body{flex:1;overflow:scroll}.panel-root{height:100%;width:100%;max-width:100%;background:transparent;border-radius:4px;position:relative}.panel-settings-tabs{width:100%;height:100%}.panel-settings-tabs .mantine-Tabs-panel{height:calc(100% - 25px)}.panel-settings-tabs .mantine-Tabs-tabsListWrapper{flex:0}.panel-settings-tabs .mantine-Tabs-body{flex:1;overflow:scroll}.viz-root{width:100%;overflow:scroll;flex-grow:1;background-color:#fff}.panel-dropdown-target{text-align:center;transition:background-color .3s ease}.panel-dropdown-target:hover{cursor:pointer;background-color:#6464640d}.react-grid-item{padding:0}.remove-panel{position:absolute;right:2px;top:0;cursor:pointer}.code-textarea textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.dashboard-root{overflow:scroll;padding:0 10px 10px;height:100%}.dashboard-sticky-area{z-index:100;background:white;margin:0;padding:0 10px}
|
|
@@ -6,6 +6,11 @@ export interface IVizConfig {
|
|
|
6
6
|
type: string;
|
|
7
7
|
conf: AnyObject;
|
|
8
8
|
}
|
|
9
|
+
interface IDashboardPanelStyle {
|
|
10
|
+
border: {
|
|
11
|
+
enabled: boolean;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
9
14
|
export interface IDashboardPanel {
|
|
10
15
|
id: string;
|
|
11
16
|
title: string;
|
|
@@ -20,6 +25,7 @@ export interface IDashboardPanel {
|
|
|
20
25
|
};
|
|
21
26
|
queryID: string;
|
|
22
27
|
viz: IVizConfig;
|
|
28
|
+
style: IDashboardPanelStyle;
|
|
23
29
|
}
|
|
24
30
|
export declare enum DashboardMode {
|
|
25
31
|
Use = "use",
|
|
@@ -50,3 +56,4 @@ export interface IDashboard {
|
|
|
50
56
|
export interface IDashboardConfig {
|
|
51
57
|
apiBaseURL: string;
|
|
52
58
|
}
|
|
59
|
+
export {};
|