@devtable/dashboard 4.8.0 → 4.10.0

package/dist/model/views/view/panels/panel.d.ts

@@ -35,6 +35,23 @@ export declare const PanelModel: import("mobx-state-tree").IModelType<{
         setType(type: string): void;
         setConf(conf: import("../../../..").AnyObject): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+    style: import("mobx-state-tree").IModelType<{
+        border: import("mobx-state-tree").IModelType<{
+            enabled: import("mobx-state-tree").ISimpleType<boolean>;
+        }, {
+            readonly json: {
+                enabled: boolean;
+            };
+        } & {
+            setEnabled(v: boolean): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+    }, {
+        readonly json: {
+            border: {
+                enabled: boolean;
+            };
+        };
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 }, {
     readonly json: {
         id: string;
@@ -53,6 +70,11 @@ export declare const PanelModel: import("mobx-state-tree").IModelType<{
             type: string;
             conf: import("../../../..").AnyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<import("../../../..").AnyObject, import("../../../..").AnyObject, import("../../../..").AnyObject>>;
         };
+        style: {
+            border: {
+                enabled: boolean;
+            };
+        };
     };
 } & {
     setID(id: string): void;

package/dist/model/views/view/panels/style/border.d.ts

@@ -0,0 +1,11 @@
+import { Instance } from 'mobx-state-tree';
+export declare const PanelStyleBorderModel: import("mobx-state-tree").IModelType<{
+    enabled: import("mobx-state-tree").ISimpleType<boolean>;
+}, {
+    readonly json: {
+        enabled: boolean;
+    };
+} & {
+    setEnabled(v: boolean): void;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+export declare type PanelStyleBorderModelInstance = Instance<typeof PanelStyleBorderModel>;

package/dist/model/views/view/panels/style/index.d.ts

@@ -0,0 +1,19 @@
+import { Instance } from 'mobx-state-tree';
+export declare const PanelStyleModel: import("mobx-state-tree").IModelType<{
+    border: import("mobx-state-tree").IModelType<{
+        enabled: import("mobx-state-tree").ISimpleType<boolean>;
+    }, {
+        readonly json: {
+            enabled: boolean;
+        };
+    } & {
+        setEnabled(v: boolean): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+}, {
+    readonly json: {
+        border: {
+            enabled: boolean;
+        };
+    };
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+export declare type PanelStyleModelInstance = Instance<typeof PanelStyleModel>;

package/dist/panel/index.d.ts

@@ -1,8 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
+import { PanelModelInstance } from '~/model/views/view/panels';
 import { ViewModelInstance } from '..';
-import { IDashboardPanel } from '../types/dashboard';
-interface IPanel extends IDashboardPanel {
+interface IPanel {
     view: ViewModelInstance;
+    panel: PanelModelInstance;
 }
-export declare const Panel: React.FunctionComponent<IPanel>;
+export declare const Panel: import("react").FunctionComponent<IPanel>;
 export {};

package/dist/panel/panel-dropdown-menu.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ViewModelInstance } from '..';
+export declare const PanelDropdownMenu: (({ view }: {
+    view: ViewModelInstance;
+}) => JSX.Element) & {
+    displayName: string;
+};

package/dist/panel/plugin-adaptor.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { IConfigComponentProps, IViewComponentProps } from '../plugins/viz-manager/components';
 import { IVizConfig } from '../types';
 export declare function PluginVizConfigComponent({ setVizConf, ...props }: IConfigComponentProps & {
-    setVizConf: (val: React.SetStateAction<IVizConfig>) => void;
+    setVizConf: (val: React.SetStateAction<IVizConfig['conf']>) => void;
 }): JSX.Element;
 export declare function PluginVizViewComponent(props: IViewComponentProps): JSX.Element;

package/dist/panel/settings/panel-config/description.d.ts

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export declare function EditDescription(): JSX.Element;
+export declare const EditDescription: (() => JSX.Element) & {
+    displayName: string;
+};

package/dist/panel/settings/panel-config/edit-style.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const EditStyle: (() => JSX.Element) & {
+    displayName: string;
+};

package/dist/panel/settings/panel-config/preview-panel.d.ts

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export declare function PreviewPanel(): JSX.Element;
+export declare const PreviewPanel: (() => JSX.Element) & {
+    displayName: string;
+};

package/dist/panel/settings/panel-config/title.d.ts

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export declare function EditTitle(): JSX.Element;
+export declare const EditTitle: (() => JSX.Element) & {
+    displayName: string;
+};

package/dist/panel/title-bar.d.ts

@@ -1,5 +1,2 @@
-import React from 'react';
-import { ViewModelInstance } from '..';
-export declare const PanelTitleBar: React.FunctionComponent<{
-    view: ViewModelInstance;
-}>;
+/// <reference types="react" />
+export declare const PanelTitleBar: import("react").FunctionComponent<object>;

package/dist/panel/viz/index.d.ts

@@ -4,6 +4,7 @@ interface IViz {
     viz: IVizConfig;
     data: $TSFixMe;
     loading: boolean;
+    height: string;
 }
 export declare const Viz: React.FunctionComponent<IViz>;
 export {};

package/dist/style.css

@@ -1 +1 @@
-.filter-settings-tabs{width:100%;height:100%}.filter-settings-tabs .mantine-Tabs-panel{height:calc(100% - 25px)}.filter-settings-tabs .mantine-Tabs-tabsListWrapper{flex:0}.filter-settings-tabs .mantine-Tabs-body{flex:1;overflow:scroll}.panel-root{padding:5px;height:100%;width:100%;max-width:100%;background:transparent;border-radius:4px;border:1px solid #ced4da}.panel-settings-tabs{width:100%;height:100%}.panel-settings-tabs .mantine-Tabs-panel{height:calc(100% - 25px)}.panel-settings-tabs .mantine-Tabs-tabsListWrapper{flex:0}.panel-settings-tabs .mantine-Tabs-body{flex:1;overflow:scroll}.viz-root{width:100%;overflow:scroll;padding-top:5px;height:calc(100% - 25px);background-color:#fff}.panel-title-wrapper{text-align:center;transition:background-color .3s ease}.panel-title-wrapper:hover{cursor:pointer;background-color:#6464640d}.react-grid-item{padding:0}.remove-panel{position:absolute;right:2px;top:0;cursor:pointer}.code-textarea textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.dashboard-root{overflow:scroll;padding:0 10px 10px;height:100%}.dashboard-sticky-area{z-index:100;background:white;margin:0;padding:0 10px}
+.filter-settings-tabs{width:100%;height:100%}.filter-settings-tabs .mantine-Tabs-panel{height:calc(100% - 25px)}.filter-settings-tabs .mantine-Tabs-tabsListWrapper{flex:0}.filter-settings-tabs .mantine-Tabs-body{flex:1;overflow:scroll}.panel-root{height:100%;width:100%;max-width:100%;background:transparent;border-radius:4px;position:relative}.panel-settings-tabs{width:100%;height:100%}.panel-settings-tabs .mantine-Tabs-panel{height:calc(100% - 25px)}.panel-settings-tabs .mantine-Tabs-tabsListWrapper{flex:0}.panel-settings-tabs .mantine-Tabs-body{flex:1;overflow:scroll}.viz-root{width:100%;overflow:scroll;flex-grow:1;background-color:#fff}.panel-dropdown-target{text-align:center;transition:background-color .3s ease}.panel-dropdown-target:hover{cursor:pointer;background-color:#6464640d}.react-grid-item{padding:0}.remove-panel{position:absolute;right:2px;top:0;cursor:pointer}.code-textarea textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.dashboard-root{overflow:scroll;padding:0 10px 10px;height:100%}.dashboard-sticky-area{z-index:100;background:white;margin:0;padding:0 10px}

package/dist/types/dashboard.d.ts

@@ -6,6 +6,11 @@ export interface IVizConfig {
     type: string;
     conf: AnyObject;
 }
+interface IDashboardPanelStyle {
+    border: {
+        enabled: boolean;
+    };
+}
 export interface IDashboardPanel {
     id: string;
     title: string;
@@ -20,6 +25,7 @@ export interface IDashboardPanel {
     };
     queryID: string;
     viz: IVizConfig;
+    style: IDashboardPanelStyle;
 }
 export declare enum DashboardMode {
     Use = "use",
@@ -50,3 +56,4 @@ export interface IDashboard {
 export interface IDashboardConfig {
     apiBaseURL: string;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/dashboard",
-  "version": "4.8.0",
+  "version": "4.10.0",
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public",