@devtable/dashboard 14.21.0 → 14.22.1

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.1", 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: [],
@@ -26691,9 +26691,14 @@ const v3 = I5.views((e) => ({
   get metricQueryPayload() {
     if (e.type !== ie.MericoMetricSystem)
       return null;
-    const t = this.payload, n = e.config, a = n.filters.reduce((h, p) => (h[p.dimension] = {
-      eq: C.get(t, p.variable)
-    }, h), {}), i = {
+    const t = this.payload, n = e.config, a = n.filters.reduce((h, p) => {
+      const g = C.get(t, p.variable);
+      return Array.isArray(g) ? h[p.dimension] = {
+        in: g
+      } : h[p.dimension] = {
+        eq: g
+      }, h;
+    }, {}), i = {
       id: n.id,
       type: n.type,
       filters: a,
@@ -27900,7 +27905,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 +28579,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 +29023,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 +29031,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 +30813,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 +36042,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 +36075,7 @@ const fI = {
     // main header & sub header
     height: "100vh"
   }
-}, bI = ({
+}, yI = ({
   context: e,
   dashboard: t,
   content: n,
@@ -36094,7 +36111,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 +36142,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 +36152,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 +36256,7 @@ const ou = m.model({
   //   setupAutoSave();
   // },
 }));
-function yI({
+function _I({
   id: e,
   name: t,
   dashboard_id: n,
@@ -36282,7 +36299,7 @@ function yI({
     }
   });
 }
-const _I = m.model({
+const xI = m.model({
   id: m.identifier,
   name: m.string,
   group: m.string,
@@ -36292,18 +36309,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 +36332,7 @@ function xI({
 }
 _s();
 Fs();
-const vI = ({
+const wI = ({
   context: e,
   dashboard: t,
   content: n,
@@ -36334,7 +36351,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 +36389,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 +36403,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 +36421,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 +36462,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 +36479,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 +36508,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 +36525,5 @@ export {
   Te as useRenderContentModelContext,
   Im as useRenderDashboardContext,
   rt as useRenderPanelContext,
-  C9 as useVisibleFilters
+  k9 as useVisibleFilters
 };