@devtable/dashboard 14.21.0 → 14.22.0

package/dist/dashboard-editor/use-confirm-before-tab-close.d.ts

@@ -0,0 +1 @@
+export declare const useConfirmBeforeTabClose: (hasChanges: boolean) => void;

package/dist/dashboard.es.js

@@ -2425,7 +2425,7 @@ function hm() {
   } = $.useContext(ts);
   return e ? document.getElementById(e) : null;
 }
-const rs = "14.21.0", pm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const rs = "14.22.0", pm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: rs
 }, Symbol.toStringTag, { value: "Module" }));
@@ -4728,7 +4728,7 @@ const ti = {
 function Ye(e, t) {
   e.messageChannels.getChannel("viz").emit("rendered", t);
 }
-function v9(e, t) {
+function w9(e, t) {
   return e.messageChannels.getChannel("viz").on("rendered", t), () => {
     e.messageChannels.getChannel("viz").off("rendered", t);
   };
@@ -22936,7 +22936,7 @@ class g5 {
     };
   }
 }
-class w9 {
+class S9 {
   constructor(t) {
     this.implementation = t;
   }
@@ -24774,12 +24774,12 @@ const P5 = m.model("FilterDateRangeConfigMeta", {
       p.disabled || d.push(p), p.children.forEach(h);
     };
     return e.forEach(h), d;
-  }, [e, a]), o = z(() => new Set(i.map((d) => d.value)), [i]), l = z(() => new Set(t.map((d) => d.value)), [t]), s = z(() => (console.log(l, o), l.size !== o.size ? !1 : Array.from(o).every((d) => l.has(d))), [l, o]);
+  }, [e, a]), o = z(() => new Set(i.map((d) => d.value)), [i]), l = z(() => new Set(t.map((d) => d.value)), [t]), s = z(() => l.size !== o.size ? !1 : Array.from(o).every((d) => l.has(d)), [l, o]);
   return {
     allValueSet: o,
     selectedValueSet: l,
     toggleSelectAll: () => {
-      if (console.log(s), s) {
+      if (s) {
         n([]);
         return;
       }
@@ -25811,7 +25811,7 @@ const nd = m.model("ViewDivisionConfig", {
     const n = e.panelIDs.filter((a) => a !== t);
     e.panelIDs.length = 0, e.panelIDs.push(...n);
   }
-})), on = "13.45.0", S9 = {
+})), on = "13.45.0", C9 = {
   definition: {
     sqlSnippets: [],
     queries: [],
@@ -27900,7 +27900,7 @@ function G3(e) {
   }, [e]);
 }
 const Dd = "N/A";
-function C9() {
+function k9() {
   const e = Pr(), t = e.content.views.visibleViews;
   return z(() => t.map((i) => {
     var o;
@@ -28574,7 +28574,7 @@ function kz(e, t, n) {
     fullScreenPanel: d
   };
 }
-function k9(e) {
+function z9(e) {
   const t = Pr(), n = z(() => t.content.panels.findByID(e.panelId), [e.panelId]);
   return n ? /* @__PURE__ */ r(cz, { withAddon: !1, withPanelTitle: !1, withInteraction: !1, children: /* @__PURE__ */ r(Ei, { panel: n, panelStyle: {} }) }) : null;
 }
@@ -29018,7 +29018,7 @@ const Oz = D(({
   ] }) });
 });
 var Qz = /* @__PURE__ */ ((e) => (e.Use = "use", e.Edit = "edit", e))(Qz || {});
-const z9 = {
+const T9 = {
   [U.Division]: "Division",
   [U.Tabs]: "Tabs",
   [U.Modal]: "Modal"
@@ -29026,7 +29026,7 @@ const z9 = {
   [U.Division]: "rgba(255, 0, 0, 0.2)",
   [U.Modal]: "rgba(0, 0, 0, 0.2)",
   [U.Tabs]: "rgba(255, 200, 100, 0.4)"
-}, T9 = {
+}, D9 = {
   [U.Division]: "#ff4000",
   [U.Modal]: "#000",
   [U.Tabs]: "#ffad18"
@@ -30808,7 +30808,7 @@ const TT = m.model({
     }, e);
   }
 });
-function D9(e, t) {
+function I9(e, t) {
   t.filters && je(e.filters.current, t.filters);
 }
 function DT({
@@ -36037,9 +36037,21 @@ function gI(e) {
     }), Jr.init().then((a) => console.log("monaco instance:", a));
   }, []);
 }
+const fI = (e) => {
+  const t = ae((n) => {
+    const a = n || window.event;
+    return a.preventDefault(), a && (a.returnValue = ""), "";
+  }, []);
+  N(() => {
+    if (e)
+      return window.addEventListener("beforeunload", t), () => {
+        window.removeEventListener("beforeunload", t);
+      };
+  }, [e]);
+};
 _s();
 Fs();
-const fI = {
+const bI = {
   root: {
     height: "100vh",
     display: "flex",
@@ -36058,7 +36070,7 @@ const fI = {
     // main header & sub header
     height: "100vh"
   }
-}, bI = ({
+}, yI = ({
   context: e,
   dashboard: t,
   content: n,
@@ -36094,7 +36106,7 @@ const fI = {
   const I = async () => {
     await a(v.json, v.content.json);
   }, M = Pt(Ii, []), R = Gd(M);
-  return cl("@devtable/dashboard editor", {
+  return fI(v.content.changed), cl("@devtable/dashboard editor", {
     context: e,
     dashboard: t,
     content: n,
@@ -36125,7 +36137,7 @@ const fI = {
         },
         breakpoint: "xxs"
         //FIXME(leto): not sure
-      }, styles: fI, children: [
+      }, styles: bI, children: [
         /* @__PURE__ */ r(t6, { onExit: h, saveDashboardChanges: I, headerSlot: s }),
         /* @__PURE__ */ r(D6, {}),
         /* @__PURE__ */ r(Xe.Main, { children: /* @__PURE__ */ r(V, { className: `${i} dashboard-root`, sx: {
@@ -36135,7 +36147,7 @@ const fI = {
       /* @__PURE__ */ r(pI, {})
     ] }) })
   ] }) }) }) }) }) }) }) });
-}, I9 = D(ee(bI));
+}, M9 = D(ee(yI));
 const ou = m.model({
   id: m.string,
   name: m.string,
@@ -36239,7 +36251,7 @@ const ou = m.model({
   //   setupAutoSave();
   // },
 }));
-function yI({
+function _I({
   id: e,
   name: t,
   dashboard_id: n,
@@ -36282,7 +36294,7 @@ function yI({
     }
   });
 }
-const _I = m.model({
+const xI = m.model({
   id: m.identifier,
   name: m.string,
   group: m.string,
@@ -36292,18 +36304,18 @@ const _I = m.model({
   globalSQLSnippets: od,
   context: $i
 });
-function xI({
+function vI({
   id: e,
   name: t,
   group: n,
   content_id: a
 }, i, o, l, s, c, d) {
-  return _I.create({
+  return xI.create({
     id: e,
     name: t,
     group: n,
     content_id: a,
-    content: yI(i, s, c, d),
+    content: _I(i, s, c, d),
     datasources: {
       list: o
     },
@@ -36315,7 +36327,7 @@ function xI({
 }
 _s();
 Fs();
-const vI = ({
+const wI = ({
   context: e,
   dashboard: t,
   content: n,
@@ -36334,7 +36346,7 @@ const vI = ({
     data: g = []
   } = dn(Pi), {
     data: _ = []
-  } = dn(xd), b = $.useMemo(() => xI(t, n, g, _, e, s ?? {}, d ?? null), [t, n]);
+  } = dn(xd), b = $.useMemo(() => vI(t, n, g, _, e, s ?? {}, d ?? null), [t, n]);
   Qd(b.content, !1), $.useEffect(() => {
     b.context.replace(e);
   }, [e]), $.useEffect(() => {
@@ -36372,13 +36384,13 @@ const vI = ({
   }, children: /* @__PURE__ */ r(Rr.Provider, { value: {
     inEditMode: !1
   }, children: /* @__PURE__ */ r(V, { className: `${a} dashboard-root`, children: /* @__PURE__ */ r(Kt.Provider, { value: v, children: /* @__PURE__ */ r(qr, { configure: I, children: b.content.views.visibleViews.map((M) => /* @__PURE__ */ r(qi, { view: M }, M.id)) }) }) }) }) }) }) }) }) }) }) }) });
-}, M9 = D(vI), L9 = () => Promise.resolve().then(() => pm).then(({
+}, L9 = D(wI), V9 = () => Promise.resolve().then(() => pm).then(({
   version: e
 }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
 export {
   dt as APIClient,
   on as CURRENT_SCHEMA_VERSION,
-  k9 as ClientPanelRender,
+  z9 as ClientPanelRender,
   jd as ContentModel,
   cs as ContentModelContextProvider,
   ou as ContentRenderModel,
@@ -36386,12 +36398,12 @@ export {
   ba as DEFAULT_CUSTOM_MODAL_TITLE,
   f5 as DashboardApiClient,
   b5 as DashboardApiFacadeClient,
-  I9 as DashboardEditor,
+  M9 as DashboardEditor,
   H as DashboardFilterType,
   Qz as DashboardMode,
   IT as DashboardModel,
   is as DashboardModelContextProvider,
-  _I as DashboardRenderModel,
+  xI as DashboardRenderModel,
   ls as DashboardThemeContextProvider,
   jz as DashboardViewEditor,
   qi as DashboardViewRender,
@@ -36404,7 +36416,7 @@ export {
   Md as DescriptionPopover,
   k3 as DraftModel,
   U as EViewComponentType,
-  w9 as FacadeApiClient,
+  S9 as FacadeApiClient,
   qc as FilterCheckboxConfigMeta,
   jc as FilterDateRangeConfigMeta,
   td as FilterMeta,
@@ -36445,15 +36457,15 @@ export {
   I5 as QueryMeta,
   Uz as QueryModel,
   vd as QueryRenderModel,
-  M9 as ReadOnlyDashboard,
+  L9 as ReadOnlyDashboard,
   V5 as SQLSnippetMeta,
   S3 as SQLSnippetRenderModel,
   Yz as SQLSnippetsModel,
   Cd as SQLSnippetsRenderModel,
   w5 as VariableMeta,
   Gz as ViewComponentTypeBackground,
-  T9 as ViewComponentTypeColor,
-  z9 as ViewComponentTypeName,
+  D9 as ViewComponentTypeColor,
+  T9 as ViewComponentTypeName,
   nd as ViewDivisionConfig,
   d3 as ViewMeta,
   rd as ViewModalConfig,
@@ -36462,13 +36474,13 @@ export {
   zT as ViewsModel,
   cd as ViewsRenderModel,
   pz as Viz,
-  D9 as applyPartialDashboard,
+  I9 as applyPartialDashboard,
   Lc as configureAPIClient,
   DT as createContentModel,
-  yI as createContentRenderModel,
+  _I as createContentRenderModel,
   ld as createContextMeta,
   MT as createDashboardModel,
-  xI as createDashboardRenderModel,
+  vI as createDashboardRenderModel,
   z3 as createDraft,
   A5 as createFilterCheckboxConfig,
   R5 as createFilterDateRangeConfig,
@@ -36491,10 +36503,10 @@ export {
   p3 as getInitialViewsRenderModel,
   g3 as getNewPanel,
   $5 as getStaticDateRangeDefaultValue,
-  L9 as getVersion,
-  S9 as initialDashboardContent,
+  V9 as getVersion,
+  C9 as initialDashboardContent,
   Ye as notifyVizRendered,
-  v9 as onVizRendered,
+  w9 as onVizRendered,
   wn as pluginManager,
   Pr as useDashboardContext,
   Mm as useDashboardThemeContext,
@@ -36508,5 +36520,5 @@ export {
   Te as useRenderContentModelContext,
   Im as useRenderDashboardContext,
   rt as useRenderPanelContext,
-  C9 as useVisibleFilters
+  k9 as useVisibleFilters
 };