npm - @devtable/dashboard - Versions diffs - 6.5.0 → 6.7.0 - Mend

@devtable/dashboard 6.5.0 → 6.7.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 (55) hide show

package/dist/main/use-panel-full-screen.d.ts CHANGED Viewed

@@ -109,9 +109,271 @@ export declare function usePanelFullScreen(view: ViewModelInstance, panelID: str
                 };
             };
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        variables: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
+            name: import("mobx-state-tree").ISimpleType<string>;
+            size: import("mobx-state-tree").ISimpleType<string>;
+            weight: import("mobx-state-tree").ISimpleType<string>;
+            color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }, {}>>;
+            formatter: import("mobx-state-tree").IModelType<{
+                output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                mantissa: import("mobx-state-tree").ISimpleType<number>;
+                average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+            }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            data_field: import("mobx-state-tree").ISimpleType<string>;
+            aggregation: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }, {}>>;
+        }, {
+            readonly json: import("mobx-state-tree").ModelSnapshotType<{
+                name: import("mobx-state-tree").ISimpleType<string>;
+                size: import("mobx-state-tree").ISimpleType<string>;
+                weight: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }, {}>>;
+                formatter: import("mobx-state-tree").IModelType<{
+                    output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                    mantissa: import("mobx-state-tree").ISimpleType<number>;
+                    average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                    trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                data_field: import("mobx-state-tree").ISimpleType<string>;
+                aggregation: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }, {}>>;
+            }>;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+            name: import("mobx-state-tree").ISimpleType<string>;
+            size: import("mobx-state-tree").ISimpleType<string>;
+            weight: import("mobx-state-tree").ISimpleType<string>;
+            color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }, {}>>;
+            formatter: import("mobx-state-tree").IModelType<{
+                output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                mantissa: import("mobx-state-tree").ISimpleType<number>;
+                average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+            }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            data_field: import("mobx-state-tree").ISimpleType<string>;
+            aggregation: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }, {}>>;
+        }, {
+            readonly json: import("mobx-state-tree").ModelSnapshotType<{
+                name: import("mobx-state-tree").ISimpleType<string>;
+                size: import("mobx-state-tree").ISimpleType<string>;
+                weight: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }, {}>>;
+                formatter: import("mobx-state-tree").IModelType<{
+                    output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                    mantissa: import("mobx-state-tree").ISimpleType<number>;
+                    average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                    trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                data_field: import("mobx-state-tree").ISimpleType<string>;
+                aggregation: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }, {}>>;
+            }>;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
         readonly query: ({
             id: string;
+            name: string;
             type: import("../model/queries/types").DataSourceType;
             key: string;
             sql: string;
@@ -120,8 +382,9 @@ export declare function usePanelFullScreen(view: ViewModelInstance, panelID: str
             error: any;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly valid: string;
-            readonly configurations: {
+            readonly json: {
                 id: string;
+                name: string;
                 type: import("../model/queries/types").DataSourceType;
                 key: string;
                 sql: string;
@@ -129,14 +392,7 @@ export declare function usePanelFullScreen(view: ViewModelInstance, panelID: str
         } & {
             readonly formattedSQL: any;
         } & {
-            readonly json: {
-                id: string;
-                type: import("../model/queries/types").DataSourceType;
-                key: string;
-                sql: string;
-            };
-        } & {
-            setID(id: string): void;
+            setName(name: string): void;
             setKey(key: string): void;
             setType(type: import("../model/queries/types").DataSourceType): void;
             setSQL(sql: string): void;
@@ -145,6 +401,7 @@ export declare function usePanelFullScreen(view: ViewModelInstance, panelID: str
             afterCreate(): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
             id: import("mobx-state-tree").ISimpleType<string>;
+            name: import("mobx-state-tree").ISimpleType<string>;
             type: import("mobx-state-tree").ISimpleType<import("../model/queries/types").DataSourceType>;
             key: import("mobx-state-tree").ISimpleType<string>;
             sql: import("mobx-state-tree").ISimpleType<string>;
@@ -154,8 +411,9 @@ export declare function usePanelFullScreen(view: ViewModelInstance, panelID: str
             error: import("mobx-state-tree").IType<any, any, any>;
         }, {
             readonly valid: string;
-            readonly configurations: {
+            readonly json: {
                 id: string;
+                name: string;
                 type: import("../model/queries/types").DataSourceType;
                 key: string;
                 sql: string;
@@ -163,14 +421,7 @@ export declare function usePanelFullScreen(view: ViewModelInstance, panelID: str
         } & {
             readonly formattedSQL: any;
         } & {
-            readonly json: {
-                id: string;
-                type: import("../model/queries/types").DataSourceType;
-                key: string;
-                sql: string;
-            };
-        } & {
-            setID(id: string): void;
+            setName(name: string): void;
             setKey(key: string): void;
             setType(type: import("../model/queries/types").DataSourceType): void;
             setSQL(sql: string): void;
@@ -200,12 +451,505 @@ export declare function usePanelFullScreen(view: ViewModelInstance, panelID: str
                     enabled: boolean;
                 };
             };
+            variables: import("mobx-state-tree").ModelSnapshotType<{
+                name: import("mobx-state-tree").ISimpleType<string>;
+                size: import("mobx-state-tree").ISimpleType<string>;
+                weight: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }, {}>>;
+                formatter: import("mobx-state-tree").IModelType<{
+                    output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                    mantissa: import("mobx-state-tree").ISimpleType<number>;
+                    average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                    trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                data_field: import("mobx-state-tree").ISimpleType<string>;
+                aggregation: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }, {}>>;
+            }>[];
         };
     } & {
         setID(id: string): void;
         setTitle(title: string): void;
         setDescription(description: string): void;
         setQueryID(queryID: string): void;
+        addVariable(variable: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            name: import("mobx-state-tree").ISimpleType<string>;
+            size: import("mobx-state-tree").ISimpleType<string>;
+            weight: import("mobx-state-tree").ISimpleType<string>;
+            color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }, {}>>;
+            formatter: import("mobx-state-tree").IModelType<{
+                output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                mantissa: import("mobx-state-tree").ISimpleType<number>;
+                average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+            }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            data_field: import("mobx-state-tree").ISimpleType<string>;
+            aggregation: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }, {}>>;
+        }>>): void;
+        removeVariable(variable: {
+            name: string;
+            size: string;
+            weight: string;
+            color: ({
+                type: "static";
+                staticColor: string;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }, {}>>>) | ({
+                type: "continuous";
+                valueRange: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<number>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>>;
+                colorRange: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>>;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }, {}>>>) | ({
+                type: "piecewise";
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }, {}>>>);
+            formatter: {
+                output: "number" | "percent";
+                mantissa: number;
+                average: boolean;
+                trimMantissa: boolean;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+                output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                mantissa: import("mobx-state-tree").ISimpleType<number>;
+                average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+            }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+            data_field: string;
+            aggregation: ({
+                type: "none" | "sum" | "mean" | "median" | "min" | "max";
+                config: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }, {}>>>) | ({
+                type: "quantile";
+                config: {
+                    p: number;
+                } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }, {}>>>);
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            readonly json: import("mobx-state-tree").ModelSnapshotType<{
+                name: import("mobx-state-tree").ISimpleType<string>;
+                size: import("mobx-state-tree").ISimpleType<string>;
+                weight: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }, {}>>;
+                formatter: import("mobx-state-tree").IModelType<{
+                    output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                    mantissa: import("mobx-state-tree").ISimpleType<number>;
+                    average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                    trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                data_field: import("mobx-state-tree").ISimpleType<string>;
+                aggregation: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }, {}>>;
+            }>;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            name: import("mobx-state-tree").ISimpleType<string>;
+            size: import("mobx-state-tree").ISimpleType<string>;
+            weight: import("mobx-state-tree").ISimpleType<string>;
+            color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }, {}>>;
+            formatter: import("mobx-state-tree").IModelType<{
+                output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                mantissa: import("mobx-state-tree").ISimpleType<number>;
+                average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+            }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            data_field: import("mobx-state-tree").ISimpleType<string>;
+            aggregation: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }, {}>>;
+        }, {
+            readonly json: import("mobx-state-tree").ModelSnapshotType<{
+                name: import("mobx-state-tree").ISimpleType<string>;
+                size: import("mobx-state-tree").ISimpleType<string>;
+                weight: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }, {}>>;
+                formatter: import("mobx-state-tree").IModelType<{
+                    output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                    mantissa: import("mobx-state-tree").ISimpleType<number>;
+                    average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                    trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                data_field: import("mobx-state-tree").ISimpleType<string>;
+                aggregation: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }, {}>>;
+            }>;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>): void;
     } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
         id: import("mobx-state-tree").ISimpleType<string>;
         title: import("mobx-state-tree").ISimpleType<string>;
@@ -259,9 +1003,141 @@ export declare function usePanelFullScreen(view: ViewModelInstance, panelID: str
                 };
             };
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        variables: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+            name: import("mobx-state-tree").ISimpleType<string>;
+            size: import("mobx-state-tree").ISimpleType<string>;
+            weight: import("mobx-state-tree").ISimpleType<string>;
+            color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }, {}>>;
+            formatter: import("mobx-state-tree").IModelType<{
+                output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                mantissa: import("mobx-state-tree").ISimpleType<number>;
+                average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+            }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            data_field: import("mobx-state-tree").ISimpleType<string>;
+            aggregation: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }, {}>>;
+        }, {
+            readonly json: import("mobx-state-tree").ModelSnapshotType<{
+                name: import("mobx-state-tree").ISimpleType<string>;
+                size: import("mobx-state-tree").ISimpleType<string>;
+                weight: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }, {}>>;
+                formatter: import("mobx-state-tree").IModelType<{
+                    output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                    mantissa: import("mobx-state-tree").ISimpleType<number>;
+                    average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                    trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                data_field: import("mobx-state-tree").ISimpleType<string>;
+                aggregation: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }, {}>>;
+            }>;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
     }, {
         readonly query: ({
             id: string;
+            name: string;
             type: import("../model/queries/types").DataSourceType;
             key: string;
             sql: string;
@@ -270,8 +1146,9 @@ export declare function usePanelFullScreen(view: ViewModelInstance, panelID: str
             error: any;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly valid: string;
-            readonly configurations: {
+            readonly json: {
                 id: string;
+                name: string;
                 type: import("../model/queries/types").DataSourceType;
                 key: string;
                 sql: string;
@@ -279,14 +1156,7 @@ export declare function usePanelFullScreen(view: ViewModelInstance, panelID: str
         } & {
             readonly formattedSQL: any;
         } & {
-            readonly json: {
-                id: string;
-                type: import("../model/queries/types").DataSourceType;
-                key: string;
-                sql: string;
-            };
-        } & {
-            setID(id: string): void;
+            setName(name: string): void;
             setKey(key: string): void;
             setType(type: import("../model/queries/types").DataSourceType): void;
             setSQL(sql: string): void;
@@ -295,6 +1165,7 @@ export declare function usePanelFullScreen(view: ViewModelInstance, panelID: str
             afterCreate(): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
             id: import("mobx-state-tree").ISimpleType<string>;
+            name: import("mobx-state-tree").ISimpleType<string>;
             type: import("mobx-state-tree").ISimpleType<import("../model/queries/types").DataSourceType>;
             key: import("mobx-state-tree").ISimpleType<string>;
             sql: import("mobx-state-tree").ISimpleType<string>;
@@ -304,8 +1175,9 @@ export declare function usePanelFullScreen(view: ViewModelInstance, panelID: str
             error: import("mobx-state-tree").IType<any, any, any>;
         }, {
             readonly valid: string;
-            readonly configurations: {
+            readonly json: {
                 id: string;
+                name: string;
                 type: import("../model/queries/types").DataSourceType;
                 key: string;
                 sql: string;
@@ -313,14 +1185,7 @@ export declare function usePanelFullScreen(view: ViewModelInstance, panelID: str
         } & {
             readonly formattedSQL: any;
         } & {
-            readonly json: {
-                id: string;
-                type: import("../model/queries/types").DataSourceType;
-                key: string;
-                sql: string;
-            };
-        } & {
-            setID(id: string): void;
+            setName(name: string): void;
             setKey(key: string): void;
             setType(type: import("../model/queries/types").DataSourceType): void;
             setSQL(sql: string): void;
@@ -350,11 +1215,504 @@ export declare function usePanelFullScreen(view: ViewModelInstance, panelID: str
                     enabled: boolean;
                 };
             };
+            variables: import("mobx-state-tree").ModelSnapshotType<{
+                name: import("mobx-state-tree").ISimpleType<string>;
+                size: import("mobx-state-tree").ISimpleType<string>;
+                weight: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }, {}>>;
+                formatter: import("mobx-state-tree").IModelType<{
+                    output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                    mantissa: import("mobx-state-tree").ISimpleType<number>;
+                    average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                    trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                data_field: import("mobx-state-tree").ISimpleType<string>;
+                aggregation: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }, {}>>;
+            }>[];
         };
     } & {
         setID(id: string): void;
         setTitle(title: string): void;
         setDescription(description: string): void;
         setQueryID(queryID: string): void;
+        addVariable(variable: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+            name: import("mobx-state-tree").ISimpleType<string>;
+            size: import("mobx-state-tree").ISimpleType<string>;
+            weight: import("mobx-state-tree").ISimpleType<string>;
+            color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }, {}>>;
+            formatter: import("mobx-state-tree").IModelType<{
+                output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                mantissa: import("mobx-state-tree").ISimpleType<number>;
+                average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+            }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            data_field: import("mobx-state-tree").ISimpleType<string>;
+            aggregation: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }, {}>>;
+        }>>): void;
+        removeVariable(variable: {
+            name: string;
+            size: string;
+            weight: string;
+            color: ({
+                type: "static";
+                staticColor: string;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }, {}>>>) | ({
+                type: "continuous";
+                valueRange: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<number>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>>;
+                colorRange: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>>;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }, {}>>>) | ({
+                type: "piecewise";
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }, {}>>>);
+            formatter: {
+                output: "number" | "percent";
+                mantissa: number;
+                average: boolean;
+                trimMantissa: boolean;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+                output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                mantissa: import("mobx-state-tree").ISimpleType<number>;
+                average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+            }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+            data_field: string;
+            aggregation: ({
+                type: "none" | "sum" | "mean" | "median" | "min" | "max";
+                config: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }, {}>>>) | ({
+                type: "quantile";
+                config: {
+                    p: number;
+                } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }, {}>>>);
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            readonly json: import("mobx-state-tree").ModelSnapshotType<{
+                name: import("mobx-state-tree").ISimpleType<string>;
+                size: import("mobx-state-tree").ISimpleType<string>;
+                weight: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }, {}>>;
+                formatter: import("mobx-state-tree").IModelType<{
+                    output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                    mantissa: import("mobx-state-tree").ISimpleType<number>;
+                    average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                    trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                data_field: import("mobx-state-tree").ISimpleType<string>;
+                aggregation: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }, {}>>;
+            }>;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            name: import("mobx-state-tree").ISimpleType<string>;
+            size: import("mobx-state-tree").ISimpleType<string>;
+            weight: import("mobx-state-tree").ISimpleType<string>;
+            color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"static">;
+                staticColor: import("mobx-state-tree").ISimpleType<string>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"continuous">;
+                valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"piecewise">;
+            }, {}>>;
+            formatter: import("mobx-state-tree").IModelType<{
+                output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                mantissa: import("mobx-state-tree").ISimpleType<number>;
+                average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+            }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            data_field: import("mobx-state-tree").ISimpleType<string>;
+            aggregation: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>>, import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }> | import("mobx-state-tree").ModelSnapshotType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }>, import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                config: import("mobx-state-tree").IType<any, any, any>;
+            }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                type: import("mobx-state-tree").ISimpleType<"quantile">;
+                config: import("mobx-state-tree").IModelType<{
+                    p: import("mobx-state-tree").ISimpleType<number>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+            }, {}>>;
+        }, {
+            readonly json: import("mobx-state-tree").ModelSnapshotType<{
+                name: import("mobx-state-tree").ISimpleType<string>;
+                size: import("mobx-state-tree").ISimpleType<string>;
+                weight: import("mobx-state-tree").ISimpleType<string>;
+                color: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"static">;
+                    staticColor: import("mobx-state-tree").ISimpleType<string>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"continuous">;
+                    valueRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
+                    colorRange: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"piecewise">;
+                }, {}>>;
+                formatter: import("mobx-state-tree").IModelType<{
+                    output: import("mobx-state-tree").ISimpleType<"number" | "percent">;
+                    mantissa: import("mobx-state-tree").ISimpleType<number>;
+                    average: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                    trimMantissa: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+                }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                data_field: import("mobx-state-tree").ISimpleType<string>;
+                aggregation: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>>, import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }> | import("mobx-state-tree").ModelSnapshotType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }>, import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"none" | "sum" | "mean" | "median" | "min" | "max">;
+                    config: import("mobx-state-tree").IType<any, any, any>;
+                }, {}> | import("mobx-state-tree").ModelInstanceType<{
+                    type: import("mobx-state-tree").ISimpleType<"quantile">;
+                    config: import("mobx-state-tree").IModelType<{
+                        p: import("mobx-state-tree").ISimpleType<number>;
+                    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+                }, {}>>;
+            }>;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | null | undefined;
 };