@devtable/dashboard 10.22.0 → 10.23.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 (14) hide show
  1. package/dist/components/panel/panel-render/full-screen-render/use-panel-full-screen.d.ts +6 -0
  2. package/dist/components/plugins/plugin-context.d.ts +6 -0
  3. package/dist/contexts/panel-context.d.ts +12 -0
  4. package/dist/dashboard-editor/model/panels/panel.d.ts +2 -0
  5. package/dist/dashboard-editor/model/panels/panels.d.ts +22 -0
  6. package/dist/dashboard.es.js +29 -3
  7. package/dist/dashboard.umd.js +3 -3
  8. package/dist/model/meta-model/dashboard/content/panel/layout.d.ts +2 -0
  9. package/dist/model/meta-model/dashboard/content/panel/panel.d.ts +2 -0
  10. package/dist/model/render-model/dashboard/content/panels/panel.d.ts +2 -0
  11. package/dist/model/render-model/dashboard/content/panels/panels.d.ts +20 -0
  12. package/dist/stats.html +1 -1
  13. package/dist/style.css +1 -1
  14. package/package.json +1 -1
package/dist/components/panel/panel-render/full-screen-render/use-panel-full-screen.d.ts CHANGED
@@ -25,6 +25,8 @@ export declare function usePanelFullScreen(view: ViewMetaInstance, panelID: stri
25
25
  };
26
26
  } & {
27
27
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
28
+ setWidth(w: number): void;
29
+ setHeight(h: number): void;
28
30
  } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
29
31
  x: import("mobx-state-tree").ISimpleType<number>;
30
32
  y: import("mobx-state-tree").IMaybeNull<import("mobx-state-tree").ISimpleType<number>>;
@@ -43,6 +45,8 @@ export declare function usePanelFullScreen(view: ViewMetaInstance, panelID: stri
43
45
  };
44
46
  } & {
45
47
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
48
+ setWidth(w: number): void;
49
+ setHeight(h: number): void;
46
50
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
47
51
  queryIDs: 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>>>;
48
52
  viz: {
@@ -2082,6 +2086,8 @@ export declare function usePanelFullScreen(view: ViewMetaInstance, panelID: stri
2082
2086
  };
2083
2087
  } & {
2084
2088
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
2089
+ setWidth(w: number): void;
2090
+ setHeight(h: number): void;
2085
2091
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
2086
2092
  queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
2087
2093
  viz: import("mobx-state-tree").IModelType<{
package/dist/components/plugins/plugin-context.d.ts CHANGED
@@ -41,6 +41,8 @@ export declare const tokens: {
41
41
  };
42
42
  } & {
43
43
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
44
+ setWidth(w: number): void;
45
+ setHeight(h: number): void;
44
46
  } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
45
47
  x: import("mobx-state-tree").ISimpleType<number>;
46
48
  y: import("mobx-state-tree").IMaybeNull<import("mobx-state-tree").ISimpleType<number>>;
@@ -59,6 +61,8 @@ export declare const tokens: {
59
61
  };
60
62
  } & {
61
63
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
64
+ setWidth(w: number): void;
65
+ setHeight(h: number): void;
62
66
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
63
67
  queryIDs: 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>>>;
64
68
  viz: {
@@ -2108,6 +2112,8 @@ export declare const tokens: {
2108
2112
  };
2109
2113
  } & {
2110
2114
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
2115
+ setWidth(w: number): void;
2116
+ setHeight(h: number): void;
2111
2117
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
2112
2118
  queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
2113
2119
  viz: import("mobx-state-tree").IModelType<{
package/dist/contexts/panel-context.d.ts CHANGED
@@ -31,6 +31,8 @@ export declare const useRenderPanelContext: () => {
31
31
  };
32
32
  } & {
33
33
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
34
+ setWidth(w: number): void;
35
+ setHeight(h: number): void;
34
36
  } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
35
37
  x: import("mobx-state-tree").ISimpleType<number>;
36
38
  y: import("mobx-state-tree").IMaybeNull<import("mobx-state-tree").ISimpleType<number>>;
@@ -49,6 +51,8 @@ export declare const useRenderPanelContext: () => {
49
51
  };
50
52
  } & {
51
53
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
54
+ setWidth(w: number): void;
55
+ setHeight(h: number): void;
52
56
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
53
57
  queryIDs: 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>>>;
54
58
  viz: {
@@ -2088,6 +2092,8 @@ export declare const useRenderPanelContext: () => {
2088
2092
  };
2089
2093
  } & {
2090
2094
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
2095
+ setWidth(w: number): void;
2096
+ setHeight(h: number): void;
2091
2097
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
2092
2098
  queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
2093
2099
  viz: import("mobx-state-tree").IModelType<{
@@ -3776,6 +3782,8 @@ export declare const useEditPanelContext: () => {
3776
3782
  };
3777
3783
  } & {
3778
3784
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
3785
+ setWidth(w: number): void;
3786
+ setHeight(h: number): void;
3779
3787
  } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
3780
3788
  x: import("mobx-state-tree").ISimpleType<number>;
3781
3789
  y: import("mobx-state-tree").IMaybeNull<import("mobx-state-tree").ISimpleType<number>>;
@@ -3794,6 +3802,8 @@ export declare const useEditPanelContext: () => {
3794
3802
  };
3795
3803
  } & {
3796
3804
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
3805
+ setWidth(w: number): void;
3806
+ setHeight(h: number): void;
3797
3807
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
3798
3808
  queryIDs: 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>>>;
3799
3809
  viz: {
@@ -5843,6 +5853,8 @@ export declare const useEditPanelContext: () => {
5843
5853
  };
5844
5854
  } & {
5845
5855
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
5856
+ setWidth(w: number): void;
5857
+ setHeight(h: number): void;
5846
5858
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
5847
5859
  queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
5848
5860
  viz: import("mobx-state-tree").IModelType<{
package/dist/dashboard-editor/model/panels/panel.d.ts CHANGED
@@ -21,6 +21,8 @@ export declare const PanelModel: import("mobx-state-tree").IModelType<{
21
21
  };
22
22
  } & {
23
23
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
24
+ setWidth(w: number): void;
25
+ setHeight(h: number): void;
24
26
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
25
27
  queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
26
28
  viz: import("mobx-state-tree").IModelType<{
package/dist/dashboard-editor/model/panels/panels.d.ts CHANGED
@@ -24,6 +24,8 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
24
24
  };
25
25
  } & {
26
26
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
27
+ setWidth(w: number): void;
28
+ setHeight(h: number): void;
27
29
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
28
30
  queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
29
31
  viz: import("mobx-state-tree").IModelType<{
@@ -1707,6 +1709,8 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
1707
1709
  };
1708
1710
  } & {
1709
1711
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
1712
+ setWidth(w: number): void;
1713
+ setHeight(h: number): void;
1710
1714
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
1711
1715
  queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
1712
1716
  viz: import("mobx-state-tree").IModelType<{
@@ -3666,6 +3670,8 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
3666
3670
  };
3667
3671
  } & {
3668
3672
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
3673
+ setWidth(w: number): void;
3674
+ setHeight(h: number): void;
3669
3675
  } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
3670
3676
  x: import("mobx-state-tree").ISimpleType<number>;
3671
3677
  y: import("mobx-state-tree").IMaybeNull<import("mobx-state-tree").ISimpleType<number>>;
@@ -3684,6 +3690,8 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
3684
3690
  };
3685
3691
  } & {
3686
3692
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
3693
+ setWidth(w: number): void;
3694
+ setHeight(h: number): void;
3687
3695
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
3688
3696
  queryIDs: 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>>>;
3689
3697
  viz: {
@@ -5723,6 +5731,8 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
5723
5731
  };
5724
5732
  } & {
5725
5733
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
5734
+ setWidth(w: number): void;
5735
+ setHeight(h: number): void;
5726
5736
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
5727
5737
  queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
5728
5738
  viz: import("mobx-state-tree").IModelType<{
@@ -7405,6 +7415,8 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
7405
7415
  };
7406
7416
  } & {
7407
7417
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
7418
+ setWidth(w: number): void;
7419
+ setHeight(h: number): void;
7408
7420
  } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
7409
7421
  x: import("mobx-state-tree").ISimpleType<number>;
7410
7422
  y: import("mobx-state-tree").IMaybeNull<import("mobx-state-tree").ISimpleType<number>>;
@@ -7423,6 +7435,8 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
7423
7435
  };
7424
7436
  } & {
7425
7437
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
7438
+ setWidth(w: number): void;
7439
+ setHeight(h: number): void;
7426
7440
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
7427
7441
  queryIDs: 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>>>;
7428
7442
  viz: {
@@ -9462,6 +9476,8 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
9462
9476
  };
9463
9477
  } & {
9464
9478
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
9479
+ setWidth(w: number): void;
9480
+ setHeight(h: number): void;
9465
9481
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
9466
9482
  queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
9467
9483
  viz: import("mobx-state-tree").IModelType<{
@@ -11146,6 +11162,8 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
11146
11162
  };
11147
11163
  } & {
11148
11164
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
11165
+ setWidth(w: number): void;
11166
+ setHeight(h: number): void;
11149
11167
  } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
11150
11168
  x: import("mobx-state-tree").ISimpleType<number>;
11151
11169
  y: import("mobx-state-tree").IMaybeNull<import("mobx-state-tree").ISimpleType<number>>;
@@ -11164,6 +11182,8 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
11164
11182
  };
11165
11183
  } & {
11166
11184
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
11185
+ setWidth(w: number): void;
11186
+ setHeight(h: number): void;
11167
11187
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
11168
11188
  queryIDs: 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>>>;
11169
11189
  viz: {
@@ -13203,6 +13223,8 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
13203
13223
  };
13204
13224
  } & {
13205
13225
  set(layout: Omit<import("react-grid-layout").Layout, "i">): void;
13226
+ setWidth(w: number): void;
13227
+ setHeight(h: number): void;
13206
13228
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
13207
13229
  queryIDs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
13208
13230
  viz: import("mobx-state-tree").IModelType<{
package/dist/dashboard.es.js CHANGED
@@ -1164,7 +1164,7 @@ class oo {
1164
1164
  }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
1165
1165
  }
1166
1166
  }
1167
- const hc = "10.22.0", vf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1167
+ const hc = "10.23.0", vf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1168
1168
  __proto__: null,
1169
1169
  version: hc
1170
1170
  }, Symbol.toStringTag, { value: "Module" }));
@@ -22867,6 +22867,12 @@ const nD = b.model("PanelLayoutMeta", {
22867
22867
  moved: s
22868
22868
  } = t;
22869
22869
  e.x = n, e.y = r, e.w = a, e.h = o, e.moved = !!s, e.static = !!t.static;
22870
+ },
22871
+ setWidth(t) {
22872
+ e.w = t;
22873
+ },
22874
+ setHeight(t) {
22875
+ e.h = t;
22870
22876
  }
22871
22877
  })), rD = b.model("PanelStyleBorderMeta", {
22872
22878
  enabled: b.boolean
@@ -27555,7 +27561,28 @@ const kM = D(() => {
27555
27561
  } = qt(), {
27556
27562
  style: t
27557
27563
  } = e;
27558
- return /* @__PURE__ */ i(j, { children: /* @__PURE__ */ i(Xe, { label: "Border", checked: t.border.enabled, onChange: (n) => t.border.setEnabled(n.currentTarget.checked) }) });
27564
+ return /* @__PURE__ */ u(j, { children: [
27565
+ /* @__PURE__ */ i(L, { mb: -10, label: "Style", labelPosition: "center", variant: "dashed" }),
27566
+ /* @__PURE__ */ u(S, { spacing: 20, children: [
27567
+ /* @__PURE__ */ u(v, { grow: !0, align: "top", children: [
27568
+ /* @__PURE__ */ i(ie, { label: "Width", min: 1, max: 36, step: 1, precision: 0, rightSection: /* @__PURE__ */ i(C, { size: 12, children: "of 36 columns" }), styles: {
27569
+ rightSection: {
27570
+ width: "110px"
27571
+ }
27572
+ }, value: e.layout.w, onChange: (n) => {
27573
+ n && e.layout.setWidth(n);
27574
+ } }),
27575
+ /* @__PURE__ */ i(ie, { label: "Height", rightSection: /* @__PURE__ */ i(C, { size: 12, children: "px" }), styles: {
27576
+ rightSection: {
27577
+ width: "40px"
27578
+ }
27579
+ }, value: e.layout.h, onChange: (n) => {
27580
+ n && e.layout.setHeight(n);
27581
+ } })
27582
+ ] }),
27583
+ /* @__PURE__ */ i(Xe, { label: "Border", checked: t.border.enabled, onChange: (n) => t.border.setEnabled(n.currentTarget.checked) })
27584
+ ] })
27585
+ ] });
27559
27586
  }), GM = D(() => {
27560
27587
  const {
27561
27588
  panel: e
@@ -27581,7 +27608,6 @@ function YM() {
27581
27608
  return /* @__PURE__ */ u(S, { sx: {
27582
27609
  height: "100%"
27583
27610
  }, children: [
27584
- /* @__PURE__ */ i(L, { label: "Style", labelPosition: "center", variant: "dashed" }),
27585
27611
  /* @__PURE__ */ i(jM, {}),
27586
27612
  /* @__PURE__ */ i(L, { label: "Info", labelPosition: "center", variant: "dashed" }),
27587
27613
  /* @__PURE__ */ i(GM, {}),