@devtable/dashboard 8.49.3 → 8.50.0

package/dist/dashboard.es.js

@@ -13667,7 +13667,7 @@ const yte = (e) => {
   getColor: Xh(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, Rk = "@devtable/dashboard", MC = "8.49.3", Fk = "Apache-2.0", kk = {
+}, Rk = "@devtable/dashboard", MC = "8.50.0", Fk = "Apache-2.0", kk = {
   access: "public",
   registry: "https://registry.npmjs.org/"
 }, Ik = [
@@ -69399,15 +69399,16 @@ const z8 = {
     }
   }
 }, yMe = Ie(({
-  saveDashboardChanges: e
+  saveDashboardChanges: e,
+  headerSlot: t = null
 }) => {
-  const t = gMe(), r = wt(), n = () => {
-    const u = JSON.stringify(r.json, null, 2);
-    hAe(r.name, u);
-  }, a = () => {
-    t(`/dashboard/${r.id}`);
-  }, i = Ns(), o = () => {
-    i.openConfirmModal({
+  const r = gMe(), n = wt(), a = () => {
+    const c = JSON.stringify(n.json, null, 2);
+    hAe(n.name, c);
+  }, i = () => {
+    r(`/dashboard/${n.id}`);
+  }, o = Ns(), s = () => {
+    o.openConfirmModal({
       title: /* @__PURE__ */ I(fe, {
         position: "left",
         children: [/* @__PURE__ */ h(GE, {
@@ -69425,12 +69426,12 @@ const z8 = {
         color: "red"
       },
       onCancel: () => console.log("Cancel"),
-      onConfirm: a,
+      onConfirm: i,
       zIndex: 320,
       withCloseButton: !1
     });
-  }, s = () => {
-    i.openConfirmModal({
+  }, l = () => {
+    o.openConfirmModal({
       title: /* @__PURE__ */ I(fe, {
         position: "left",
         children: [/* @__PURE__ */ h(GE, {
@@ -69448,11 +69449,11 @@ const z8 = {
         color: "red"
       },
       onCancel: () => console.log("Cancel"),
-      onConfirm: () => r.reset(),
+      onConfirm: () => n.reset(),
       zIndex: 320,
       withCloseButton: !1
     });
-  }, l = r.changed;
+  }, u = n.changed;
   return /* @__PURE__ */ h(p9, {
     height: 60,
     px: "md",
@@ -69469,26 +69470,26 @@ const z8 = {
       children: [/* @__PURE__ */ h(fe, {
         children: /* @__PURE__ */ h(He, {
           size: "xs",
-          color: l ? "red" : "green",
+          color: u ? "red" : "green",
           leftIcon: /* @__PURE__ */ h(E7, {
             size: 20
           }),
-          onClick: l ? o : a,
+          onClick: u ? s : i,
           children: /* @__PURE__ */ I(fe, {
             spacing: 4,
             children: ["End Editing", /* @__PURE__ */ h(ye, {
               td: "underline",
-              children: r.name
+              children: n.name
             })]
           })
         })
-      }), /* @__PURE__ */ I(fe, {
+      }), t, /* @__PURE__ */ I(fe, {
         position: "right",
         children: [/* @__PURE__ */ h(He, {
           variant: "filled",
           size: "xs",
-          disabled: !r.views.VIE,
-          onClick: () => r.addANewPanel(r.views.idOfVIE),
+          disabled: !n.views.VIE,
+          onClick: () => n.addANewPanel(n.views.idOfVIE),
           leftIcon: /* @__PURE__ */ h(oq, {
             size: 20
           }),
@@ -69502,7 +69503,7 @@ const z8 = {
             children: /* @__PURE__ */ h(Ct, {
               variant: "default",
               size: "md",
-              onClick: n,
+              onClick: a,
               children: /* @__PURE__ */ h(q7, {
                 size: 18
               })
@@ -69513,7 +69514,7 @@ const z8 = {
             children: /* @__PURE__ */ h(Ct, {
               variant: "default",
               size: "md",
-              onClick: r.queries.downloadAllData,
+              onClick: n.queries.downloadAllData,
               children: /* @__PURE__ */ h(X7, {
                 size: 18
               })
@@ -69527,8 +69528,8 @@ const z8 = {
             children: /* @__PURE__ */ h(Ct, {
               variant: "default",
               size: "md",
-              disabled: !l,
-              onClick: s,
+              disabled: !u,
+              onClick: l,
               children: /* @__PURE__ */ h(oF, {
                 size: 20,
                 color: "red"
@@ -69542,7 +69543,7 @@ const z8 = {
               size: 18
             }),
             onClick: e,
-            disabled: !l,
+            disabled: !u,
             children: "Save Changes"
           })]
         })]
@@ -78976,39 +78977,41 @@ const VIe = {
   update: n,
   className: a = "dashboard",
   config: i,
-  onChange: o
-}, s) {
+  onChange: o,
+  headerSlot: s
+}, l) {
   BIe(i.monacoPath), v8(i);
   const {
-    data: l = []
-  } = Sd(uE), [u, c] = Pe.useState(!1), d = Pe.useMemo(() => F8(r, l, t), [r]);
-  Pe.useImperativeHandle(s, () => d, [d]), eF(d, !0), Pe.useEffect(() => {
-    d.context.replace(t);
+    data: u = []
+  } = Sd(uE), [c, d] = Pe.useState(!1), f = Pe.useMemo(() => F8(r, u, t), [r]);
+  Pe.useImperativeHandle(l, () => f, [f]), eF(f, !0), Pe.useEffect(() => {
+    f.context.replace(t);
   }, [t]), Pe.useEffect(() => {
-    d.datasources.replace(l);
-  }, [l]), Pe.useEffect(() => qi(() => As(d.json), (v) => {
-    o == null || o(v);
-  }), [d]);
-  const f = async () => {
-    await n(d.json);
-  }, p = yi(rE, []), m = k8(p);
+    f.datasources.replace(u);
+  }, [u]), Pe.useEffect(() => qi(() => As(f.json), (g) => {
+    o == null || o(g);
+  }), [f]);
+  const p = async () => {
+    await n(f.json);
+  }, m = yi(rE, []), v = k8(m);
   return /* @__PURE__ */ h($R, {
     children: /* @__PURE__ */ h(nF, {
-      value: d,
+      value: f,
       children: /* @__PURE__ */ h(Iu.Provider, {
         value: {
-          layoutFrozen: u,
-          freezeLayout: c,
+          layoutFrozen: c,
+          freezeLayout: d,
           inEditMode: !0
         },
         children: /* @__PURE__ */ h(lo.Provider, {
-          value: p,
+          value: m,
           children: /* @__PURE__ */ I(kh, {
-            configure: m,
+            configure: v,
             children: [/* @__PURE__ */ h(OR, {
               padding: 0,
               header: /* @__PURE__ */ h(yMe, {
-                saveDashboardChanges: f
+                saveDashboardChanges: p,
+                headerSlot: s
               }),
               navbar: /* @__PURE__ */ h(F3e, {}),
               styles: VIe,
@@ -79017,9 +79020,9 @@ const VIe = {
                 sx: {
                   position: "relative"
                 },
-                children: d.views.visibleViews.map((v) => /* @__PURE__ */ h(j_e, {
-                  view: v
-                }, v.id))
+                children: f.views.visibleViews.map((g) => /* @__PURE__ */ h(j_e, {
+                  view: g
+                }, g.id))
               })
             }), /* @__PURE__ */ h(PIe, {})]
           })