@devtable/dashboard 4.6.0 → 4.7.0

package/dist/dashboard.es.js

@@ -14,7 +14,7 @@ import { Calendar as yh, Refresh as Ns, DeviceFloppy as kt, Trash as Ct, Playlis
 import zh from "axios";
 import { Prism as qr } from "@mantine/prism";
 import { cast as Fr, types as fe, getRoot as ls, flow as Fh, toGenerator as Dh, addDisposer as Oh } from "mobx-state-tree";
-import { randomId as Gt, useClipboard as $h, useElementSize as oa, useInputState as Gs } from "@mantine/hooks";
+import { randomId as Wt, useClipboard as $h, useElementSize as oa, useInputState as Gs } from "@mantine/hooks";
 import Hs, { RichTextEditor as Us } from "@mantine/rte";
 import { makeAutoObservable as xa, runInAction as xn, observable as Ws, toJS as ai, reaction as Ca } from "mobx";
 import { showNotification as Sa } from "@mantine/notifications";
@@ -413,7 +413,7 @@ function Hh() {
       __source: !0
     }, gt, $t, _t;
     _t = {};
-    function Ut(M) {
+    function Ht(M) {
       if (K.call(M, "ref")) {
         var be = Object.getOwnPropertyDescriptor(M, "ref").get;
         if (be && be.isReactWarning)
@@ -486,7 +486,7 @@ function Hh() {
     function Wr(M, be, Se, Me, at) {
       {
         var dt, Ze = {}, We = null, Et = null;
-        Se !== void 0 && (Re(Se), We = "" + Se), ht(be) && (Re(be.key), We = "" + be.key), Ut(be) && (Et = be.ref, Nt(be, at));
+        Se !== void 0 && (Re(Se), We = "" + Se), ht(be) && (Re(be.key), We = "" + be.key), Ht(be) && (Et = be.ref, Nt(be, at));
         for (dt in be)
           K.call(be, dt) && !Pe.hasOwnProperty(dt) && (Ze[dt] = be[dt]);
         if (M && M.defaultProps) {
@@ -995,7 +995,7 @@ const il = te.forwardRef(function({
     conf: {}
   },
   setViz: Je.noop
-}, Ht = te.createContext(rg), ng = `
+}, Gt = te.createContext(rg), ng = `
 -- You may reference global variables in SQL or VizConfig.
 SELECT *
 FROM commit
@@ -1371,7 +1371,7 @@ const lg = Oe(function({
     n.queries.current.findIndex((l) => l.id === t) === -1 && i();
   }, [t, n.queries.current, i]);
   const a = () => {
-    const s = Gt();
+    const s = Wt();
     n.queries.append(Fr({
       id: s,
       type: sr.Postgresql,
@@ -1467,7 +1467,7 @@ function cg({
 }
 const dg = Oe(function() {
   const t = Rt(), r = () => t.sqlSnippets.append(Fr({
-    key: Gt(),
+    key: Wt(),
     value: ""
   }));
   return /* @__PURE__ */ F(we, {
@@ -1622,7 +1622,7 @@ const hg = Oe(function({
     })
   });
 });
-var Wt = /* @__PURE__ */ ((e) => (e.Select = "select", e.MultiSelect = "multi-select", e.TextInput = "text-input", e.Checkbox = "checkbox", e.DateRange = "date-range", e))(Wt || {});
+var Ut = /* @__PURE__ */ ((e) => (e.Select = "select", e.MultiSelect = "multi-select", e.TextInput = "text-input", e.Checkbox = "checkbox", e.DateRange = "date-range", e))(Ut || {});
 const cl = fe.model({
   type: fe.enumeration("DataSourceType", [sr.Postgresql, sr.MySQL, sr.HTTP]),
   key: fe.string,
@@ -2115,12 +2115,12 @@ const bg = Oe(function({
 });
 const Rg = Oe(function() {
   const t = Rt(), r = t.filters.current, n = () => {
-    const i = Gt(), a = {
+    const i = Wt(), a = {
       id: i,
       key: i,
       label: i,
       order: r.length + 1,
-      type: Wt.TextInput,
+      type: Ut.TextInput,
       config: fl(),
       visibleInViewsIDs: ["Main"]
     };
@@ -2346,7 +2346,7 @@ const zg = Oe(() => {
         sx: {
           flexGrow: 1
         },
-        children: ["Editing ", (i = r.views.VIE) == null ? void 0 : i.id]
+        children: ["Editing ", (i = r.views.VIE) == null ? void 0 : i.name]
       }), /* @__PURE__ */ o(je, {
         size: 18,
         color: "red",
@@ -2524,6 +2524,7 @@ const gl = Oe(function({
   return /* @__PURE__ */ F(se, {
     position: "apart",
     pt: 0,
+    px: 10,
     pb: "xs",
     children: [/* @__PURE__ */ o(se, {
       position: "left",
@@ -2619,7 +2620,7 @@ function pl() {
   } = te.useContext(cr), [t, r] = te.useState(!1), {
     title: n,
     description: i
-  } = te.useContext(Ht);
+  } = te.useContext(Gt);
   return te.useEffect(() => {
     e(t);
   }, [t]), !i || i === "<p><br></p>" ? null : /* @__PURE__ */ F(xt, {
@@ -4033,10 +4034,10 @@ var _l = { exports: {} };
     $t.test = function(u) {
       return de.test(u) || xe.test(u) || ge.test(u) || Re.test(u) || qe.test(u) || Pe.test(u);
     };
-    var _t = $t, Ut = ae, ht = Y, Nt = x, $r = g.type, Bt = K, Tr = _t;
+    var _t = $t, Ht = ae, ht = Y, Nt = x, $r = g.type, Bt = K, Tr = _t;
     ht.prototype.css = function(u) {
       return Bt(this._rgb, u);
-    }, Ut.css = function() {
+    }, Ht.css = function() {
       for (var u = [], f = arguments.length; f--; )
         u[f] = arguments[f];
       return new (Function.prototype.bind.apply(ht, [null].concat(u, ["css"])))();
@@ -5422,7 +5423,7 @@ const kn = _l.exports, wl = (e, t) => {
   getColor: li(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, up = "4.6.0";
+}, up = "4.7.0";
 class cp {
   constructor(t) {
     Ge(this, "staticColors", /* @__PURE__ */ new Map());
@@ -5831,7 +5832,7 @@ function yp({
 const Cl = te.forwardRef(yp);
 function ui() {
   return {
-    name: Gt(),
+    name: Wt(),
     size: "20px",
     weight: "bold",
     color: {
@@ -8876,8 +8877,8 @@ function sv(e) {
           if ($t) {
             var _t = rt.current($t, h);
             if (_t !== Pe.size) {
-              var Ut = Ce.current.scrollOffset;
-              Pe.start < Ut && S(Ut + (_t - Pe.size)), G.current.push(Re), I(function(ht) {
+              var Ht = Ce.current.scrollOffset;
+              Pe.start < Ht && S(Ht + (_t - Pe.size)), G.current.push(Re), I(function(ht) {
                 var Nt;
                 return Nr(Nr({}, ht), {}, (Nt = {}, Nt[Pe.key] = _t, Nt));
               });
@@ -9701,7 +9702,7 @@ function Zv({
     t && n.setValues(s);
   }, [t]);
   const i = e.data || [], a = () => n.insertListItem("columns", {
-    label: Gt(),
+    label: Wt(),
     value_field: "value",
     value_type: Er.string
   });
@@ -11941,7 +11942,7 @@ function W0({
     ...s[b]
   })), c = () => i({
     type: "bar",
-    name: Gt(),
+    name: Wt(),
     showSymbol: !1,
     symbolSize: 5,
     y_axis_data_key: "value",
@@ -12661,7 +12662,7 @@ function ub({
     ...p,
     ...s[d]
   })), c = () => i({
-    name: Gt(),
+    name: Wt(),
     data_key: "",
     max: 100,
     color: "red"
@@ -14062,7 +14063,7 @@ const Hb = Oe(({
     sampleData: a,
     variables: s
   } = e, l = Gb(n, t), c = async () => {
-    const d = await n.triggerManager.createOrGetTrigger(Gt(), n.triggerManager.getTriggerSchemaList()[0]), m = await n.operationManager.createOrGetOperation(Gt(), n.operationManager.getOperationSchemaList()[0]);
+    const d = await n.triggerManager.createOrGetTrigger(Wt(), n.triggerManager.getTriggerSchemaList()[0]), m = await n.operationManager.createOrGetOperation(Wt(), n.operationManager.getOperationSchemaList()[0]);
     await n.addInteraction(d, m), r((b) => b + 1);
   };
   async function p(d) {
@@ -14093,7 +14094,7 @@ const Hb = Oe(({
     queryID: i,
     description: a,
     setViz: s
-  } = nr(Ht), {
+  } = nr(Gt), {
     vizManager: l
   } = nr(br), c = {
     title: r,
@@ -14130,7 +14131,7 @@ function Qb() {
   const {
     description: e,
     setDescription: t
-  } = te.useContext(Ht), [r, n] = te.useState(e), i = e !== r, a = te.useCallback(() => {
+  } = te.useContext(Gt), [r, n] = te.useState(e), i = e !== r, a = te.useCallback(() => {
     !i || t(r);
   }, [i, r]);
   return /* @__PURE__ */ F(we, {
@@ -14164,7 +14165,7 @@ function Qb() {
 function Zb() {
   const {
     title: e
-  } = te.useContext(Ht);
+  } = te.useContext(Gt);
   return /* @__PURE__ */ o(ln, {
     children: /* @__PURE__ */ F(we, {
       mx: "auto",
@@ -14215,7 +14216,7 @@ function Xb() {
   const {
     title: e,
     setTitle: t
-  } = te.useContext(Ht), [r, n] = Gs(e), i = e !== r, a = te.useCallback(() => {
+  } = te.useContext(Gt), [r, n] = Gs(e), i = e !== r, a = te.useCallback(() => {
     !i || t(r);
   }, [i, r]);
   return /* @__PURE__ */ o(Le, {
@@ -14267,7 +14268,7 @@ const Jb = Oe(function() {
   const t = Rt(), {
     queryID: r,
     setQueryID: n
-  } = te.useContext(Ht), i = te.useMemo(() => t.queries.current.map((a) => ({
+  } = te.useContext(Gt), i = te.useMemo(() => t.queries.current.map((a) => ({
     value: a.id,
     label: a.id
   })), [t.queries.current]);
@@ -14359,7 +14360,7 @@ function r1(e, t) {
     id: a,
     description: s,
     queryID: l
-  } = nr(Ht), c = {
+  } = nr(Gt), c = {
     title: i,
     id: a,
     description: s,
@@ -14429,7 +14430,7 @@ function i1() {
     data: e,
     loading: t,
     viz: r
-  } = te.useContext(Ht);
+  } = te.useContext(Gt);
   return /* @__PURE__ */ o(su, {
     viz: r,
     data: e,
@@ -14465,7 +14466,7 @@ function s1() {
     setQueryID: l,
     setViz: c,
     id: p
-  } = nr(Ht), {
+  } = nr(Gt), {
     vizManager: d
   } = nr(br), m = {
     title: t,
@@ -14495,7 +14496,7 @@ function l1() {
     data: e,
     viz: t,
     setViz: r
-  } = te.useContext(Ht), [n, i] = Gs(t.type), a = t.type !== n, {
+  } = te.useContext(Gt), [n, i] = Gs(t.type), a = t.type !== n, {
     vizManager: s
   } = nr(br), l = te.useCallback(() => {
     if (!a)
@@ -14582,7 +14583,7 @@ const c1 = Oe(function({
   } = te.useContext(cr), [i, a] = Vt("Visualization"), {
     loading: s,
     title: l
-  } = te.useContext(Ht);
+  } = te.useContext(Gt);
   return te.useEffect(() => {
     n(t);
   }, [t]), /* @__PURE__ */ o(lr, {
@@ -14662,7 +14663,7 @@ const d1 = Oe(function({
     id: c,
     title: p,
     queryID: d
-  } = te.useContext(Ht), {
+  } = te.useContext(Gt), {
     inEditMode: m
   } = te.useContext(cr), b = () => r.queries.refetchDataByQueryID(d), {
     viewPanelInFullScreen: h,
@@ -14782,7 +14783,7 @@ const Za = Oe(function({
     data: x,
     state: C
   } = l.getDataStuffByID(b), A = C === "loading";
-  return /* @__PURE__ */ o(Ht.Provider, {
+  return /* @__PURE__ */ o(Gt.Provider, {
     value: {
       id: a,
       data: x,
@@ -15009,11 +15010,14 @@ const f1 = te.forwardRef(({
       border: "1px solid #efefef"
     },
     body: {
-      maxHeight: t.config.height,
-      overflow: "scroll"
+      "> div": {
+        maxHeight: t.config.height,
+        overflow: "scroll"
+      }
     }
   },
   withinPortal: !1,
+  transitionDuration: 0,
   children: e
 })), _1 = Oe(({
   view: e,
@@ -15048,6 +15052,7 @@ const f1 = te.forwardRef(({
     },
     children: /* @__PURE__ */ F(ot, {
       className: "dashboard-view",
+      mx: -10,
       sx: {
         position: "relative",
         height: "100%"
@@ -15215,11 +15220,11 @@ const f1 = te.forwardRef(({
   order: fe.number,
   visibleInViewsIDs: fe.array(fe.string),
   type: fe.enumeration("DashboardFilterType", [
-    Wt.Select,
-    Wt.MultiSelect,
-    Wt.TextInput,
-    Wt.Checkbox,
-    Wt.DateRange
+    Ut.Select,
+    Ut.MultiSelect,
+    Ut.TextInput,
+    Ut.Checkbox,
+    Ut.DateRange
   ]),
   config: fe.union(
     fu,
@@ -15240,19 +15245,19 @@ const f1 = te.forwardRef(({
   },
   setType(t) {
     switch (t) {
-      case Wt.Select:
+      case Ut.Select:
         e.config = C1();
         break;
-      case Wt.MultiSelect:
+      case Ut.MultiSelect:
         e.config = S1();
         break;
-      case Wt.TextInput:
+      case Ut.TextInput:
         e.config = fl();
         break;
-      case Wt.Checkbox:
+      case Ut.Checkbox:
         e.config = k1();
         break;
-      case Wt.DateRange:
+      case Ut.DateRange:
         e.config = R1();
         break;
     }
@@ -17776,7 +17781,7 @@ https://github.com/nodeca/pako/blob/main/LICENSE
         for (U = Re; ie = E.heap[1], E.heap[1] = E.heap[E.heap_len--], De(E, de, 1), re = E.heap[1], E.heap[--E.heap_max] = ie, E.heap[--E.heap_max] = re, de[2 * U] = de[2 * ie] + de[2 * re], E.depth[U] = (E.depth[ie] >= E.depth[re] ? E.depth[ie] : E.depth[re]) + 1, de[2 * ie + 1] = de[2 * re + 1] = U, E.heap[1] = U++, De(E, de, 1), 2 <= E.heap_len; )
           ;
         E.heap[--E.heap_max] = E.heap[1], function(Pe, gt) {
-          var $t, _t, Ut, ht, Nt, $r, Bt = gt.dyn_tree, Tr = gt.max_code, Wr = gt.stat_desc.static_tree, Mr = gt.stat_desc.has_stree, Yr = gt.stat_desc.extra_bits, Qt = gt.stat_desc.extra_base, Zt = gt.stat_desc.max_length, ar = 0;
+          var $t, _t, Ht, ht, Nt, $r, Bt = gt.dyn_tree, Tr = gt.max_code, Wr = gt.stat_desc.static_tree, Mr = gt.stat_desc.has_stree, Yr = gt.stat_desc.extra_bits, Qt = gt.stat_desc.extra_base, Zt = gt.stat_desc.max_length, ar = 0;
           for (ht = 0; ht <= x; ht++)
             Pe.bl_count[ht] = 0;
           for (Bt[2 * Pe.heap[Pe.heap_max] + 1] = 0, $t = Pe.heap_max + 1; $t < g; $t++)
@@ -17789,7 +17794,7 @@ https://github.com/nodeca/pako/blob/main/LICENSE
             } while (0 < ar);
             for (ht = Zt; ht !== 0; ht--)
               for (_t = Pe.bl_count[ht]; _t !== 0; )
-                Tr < (Ut = Pe.heap[--$t]) || (Bt[2 * Ut + 1] !== ht && (Pe.opt_len += (ht - Bt[2 * Ut + 1]) * Bt[2 * Ut], Bt[2 * Ut + 1] = ht), _t--);
+                Tr < (Ht = Pe.heap[--$t]) || (Bt[2 * Ht + 1] !== ht && (Pe.opt_len += (ht - Bt[2 * Ht + 1]) * Bt[2 * Ht], Bt[2 * Ht + 1] = ht), _t--);
           }
         }(E, P), ue(de, qe, E.bl_count);
       }
@@ -18347,7 +18352,7 @@ const bu = fe.model("QueryModel", {
     e.current = Fr(t);
   },
   addANewPanel() {
-    const t = Gt();
+    const t = Wt();
     e.current.push({
       id: t,
       layout: {
@@ -18383,7 +18388,7 @@ const bu = fe.model("QueryModel", {
     }
     e.current.push({
       ...r,
-      id: Gt(),
+      id: Wt(),
       layout: {
         ...r.layout,
         x: 0,
@@ -18479,7 +18484,7 @@ const bu = fe.model("QueryModel", {
   },
   addANewView(t, r, n) {
     e.current.push({
-      id: Gt(),
+      id: t,
       name: t,
       type: r,
       config: n,
@@ -18511,11 +18516,15 @@ const bu = fe.model("QueryModel", {
   }
 })).actions((e) => ({
   addARandomNewView() {
-    const t = Gt();
+    const t = Wt();
     e.addANewView(t, pr.Division, {}), e.setIDOfVIE(t);
   },
   removeVIE() {
     e.current.length !== 1 && (e.removeByID(e.idOfVIE), e.setIDOfVIE(e.current[0].id));
+  },
+  rmVisibleViewID(t) {
+    const r = e.visibleViewIDs.findIndex((n) => n === t);
+    r !== -1 && e.visibleViewIDs.splice(r, 1);
   }
 }));
 function V1(e) {
@@ -18683,7 +18692,7 @@ export {
   w1 as MainDashboardView,
   tl as ModelContextProvider,
   Za as Panel,
-  Ht as PanelContext,
+  Gt as PanelContext,
   O1 as QueriesModel,
   D1 as QueryModel,
   my as ReadOnlyDashboard,