npm - drizzle-cube - Versions diffs - 0.3.21 → 0.3.22 - Mend

drizzle-cube 0.3.21 → 0.3.22

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 (120) hide show

package/dist/client/chunks/{chart-activity-grid-BUc21L0U.js → chart-activity-grid-CCGyWo1c.js} RENAMED Viewed

@@ -1,71 +1,73 @@
-import { jsx as h, jsxs as z } from "react/jsx-runtime";
-import xe, { useRef as se, useState as G, useEffect as V, useMemo as pe, useLayoutEffect as we, useCallback as ve } from "react";
-import { select as Y, max as ae, min as oe, scaleQuantize as be } from "d3";
-import { u as Fe, d as Me, h as Te } from "./charts-core-BfxnhMfd.js";
-import { g as ke, w as We } from "./theme-Dp3hFed1.js";
-const Qe = xe.memo(function({
+import { jsx as h, jsxs as $ } from "react/jsx-runtime";
+import we, { useRef as ie, useState as I, useEffect as q, useMemo as ve, useLayoutEffect as Fe, useCallback as be } from "react";
+import { select as S, max as oe, min as le, scaleQuantize as Me } from "d3";
+import { u as Te, d as ke, h as We } from "./charts-core-8jDh3mKC.js";
+import { g as Ne, w as Le } from "./theme-Dp3hFed1.js";
+const Ge = we.memo(function({
   data: T,
   chartConfig: u,
   displayConfig: v = {},
   queryObject: k,
   height: H = "100%",
-  colorPalette: I
+  colorPalette: E,
+  onDataPointClick: Q,
+  drillEnabled: X
 }) {
-  const A = se(null), b = se(null), [W, E] = G({ width: 0, height: 0 }), [L, q] = G(!1), [J, U] = G("light"), O = Fe();
-  V(() => (U(ke()), We((e) => {
-    U(e);
+  const A = ie(null), F = ie(null), [W, J] = I({ width: 0, height: 0 }), [D, U] = I(!1), [O, Z] = I("light"), _ = Te();
+  q(() => (Z(Ne()), Le((e) => {
+    Z(e);
   })), []);
-  const C = pe(() => ({
+  const C = ve(() => ({
     showTooltip: v?.showTooltip ?? !0,
     showLabels: v?.showLabels ?? !0,
     fitToWidth: v?.fitToWidth ?? !1
   }), [v?.showTooltip, v?.showLabels, v?.fitToWidth]);
-  we(() => {
+  Fe(() => {
     let n = 0;
     const e = 10;
-    let o, s;
-    const i = () => {
-      if (b.current) {
-        const { width: f, height: y } = b.current.getBoundingClientRect();
+    let i, s;
+    const o = () => {
+      if (F.current) {
+        const { width: f, height: y } = F.current.getBoundingClientRect();
         if (f > 0 && y > 0)
-          return E({ width: f, height: y }), q(!0), !0;
+          return J({ width: f, height: y }), U(!0), !0;
       }
       return !1;
     };
-    if (!i() && n < e) {
+    if (!o() && n < e) {
       const f = () => {
-        !i() && n < e && (n++, s = setTimeout(() => {
-          o = requestAnimationFrame(f);
+        !o() && n < e && (n++, s = setTimeout(() => {
+          i = requestAnimationFrame(f);
         }, 50 * n));
       };
-      o = requestAnimationFrame(f);
+      i = requestAnimationFrame(f);
     }
     return () => {
-      o && cancelAnimationFrame(o), s && clearTimeout(s);
+      i && cancelAnimationFrame(i), s && clearTimeout(s);
     };
-  }, []), V(() => {
+  }, []), q(() => {
     let n = null;
     const e = () => {
-      if (b.current) {
-        const { width: o, height: s } = b.current.getBoundingClientRect();
-        o > 0 && s > 0 && (E({ width: o, height: s }), L || q(!0));
+      if (F.current) {
+        const { width: i, height: s } = F.current.getBoundingClientRect();
+        i > 0 && s > 0 && (J({ width: i, height: s }), D || U(!0));
       }
     };
-    return b.current && (n = new ResizeObserver(() => e()), n.observe(b.current), e()), window.addEventListener("resize", e), () => {
+    return F.current && (n = new ResizeObserver(() => e()), n.observe(F.current), e()), window.addEventListener("resize", e), () => {
       n && n.disconnect(), window.removeEventListener("resize", e);
     };
-  }, [L]);
-  const Z = (n) => Math.floor(n.getMonth() / 3) + 1, ie = (n) => n.getMonth() % 3 + 1, le = (n) => {
+  }, [D]);
+  const j = (n) => Math.floor(n.getMonth() / 3) + 1, ce = (n) => n.getMonth() % 3 + 1, de = (n) => {
     const e = n.getDate();
     return Math.floor((e - 1) / 7) + 1;
-  }, _ = ve((n) => {
+  }, B = be((n) => {
     switch (n?.toLowerCase()) {
       case "year":
         return null;
       case "quarter":
         return {
           extractX: (e) => e.getFullYear(),
-          extractY: (e) => Z(e) - 1,
+          extractY: (e) => j(e) - 1,
           // 0-3 for indexing
           xLabels: [],
           // Will be determined from data
@@ -79,10 +81,10 @@ const Qe = xe.memo(function({
       case "month":
         return {
           extractX: (e) => {
-            const o = e.getFullYear(), s = Z(e);
-            return o * 10 + s;
+            const i = e.getFullYear(), s = j(e);
+            return i * 10 + s;
           },
-          extractY: (e) => ie(e) - 1,
+          extractY: (e) => ce(e) - 1,
           // 0-2 for indexing
           xLabels: [],
           // Will be determined from data
@@ -99,17 +101,17 @@ const Qe = xe.memo(function({
       case "week":
         return {
           extractX: (e) => {
-            const o = e.getFullYear(), s = e.getMonth() + 1;
-            return o * 100 + s;
+            const i = e.getFullYear(), s = e.getMonth() + 1;
+            return i * 100 + s;
           },
-          extractY: (e) => le(e) - 1,
+          extractY: (e) => de(e) - 1,
           // 0-5 for indexing
           xLabels: [],
           // Will be determined from data
           yLabels: ["Week 1", "Week 2", "Week 3", "Week 4", "Week 5"],
           xFormat: (e) => {
-            const o = e % 100;
-            return ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"][o - 1] || "";
+            const i = e % 100;
+            return ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"][i - 1] || "";
           },
           yFormat: (e) => ["Week 1", "Week 2", "Week 3", "Week 4", "Week 5"][e] || "",
           cellWidth: 16,
@@ -122,8 +124,8 @@ const Qe = xe.memo(function({
       case "day":
         return {
           extractX: (e) => {
-            const { year: o, week: s } = ce(e);
-            return o * 100 + s;
+            const { year: i, week: s } = ue(e);
+            return i * 100 + s;
           },
           extractY: (e) => e.getDay(),
           // 0-6 (Sun-Sat)
@@ -142,8 +144,8 @@ const Qe = xe.memo(function({
       case "hour":
         return {
           extractX: (e) => {
-            const o = e.getFullYear(), s = e.getMonth() + 1, i = e.getDate();
-            return o * 1e4 + s * 100 + i;
+            const i = e.getFullYear(), s = e.getMonth() + 1, o = e.getDate();
+            return i * 1e4 + s * 100 + o;
           },
           extractY: (e) => Math.floor(e.getHours() / 3),
           // 0-7 for 8 three-hour blocks
@@ -162,14 +164,14 @@ const Qe = xe.memo(function({
       default:
         return null;
     }
-  }, []), ce = (n) => {
-    const e = new Date(Date.UTC(n.getFullYear(), n.getMonth(), n.getDate())), o = e.getUTCDay() || 7;
-    e.setUTCDate(e.getUTCDate() + 4 - o);
-    const s = e.getUTCFullYear(), i = new Date(Date.UTC(s, 0, 1)), g = Math.ceil(((e.getTime() - i.getTime()) / 864e5 + 1) / 7);
-    return { year: s, week: g };
+  }, []), ue = (n) => {
+    const e = new Date(Date.UTC(n.getFullYear(), n.getMonth(), n.getDate())), i = e.getUTCDay() || 7;
+    e.setUTCDate(e.getUTCDate() + 4 - i);
+    const s = e.getUTCFullYear(), o = new Date(Date.UTC(s, 0, 1)), x = Math.ceil(((e.getTime() - o.getTime()) / 864e5 + 1) / 7);
+    return { year: s, week: x };
   };
-  if (V(() => {
-    if (!T || T.length === 0 || !A.current || !L || W.width === 0 || (Y(A.current).selectAll("*").remove(), !u?.dateField || !u?.valueField))
+  if (q(() => {
+    if (!T || T.length === 0 || !A.current || !D || W.width === 0 || (S(A.current).selectAll("*").remove(), !u?.dateField || !u?.valueField))
       return;
     const n = Array.isArray(u.dateField) ? u.dateField[0] : u.dateField, e = Array.isArray(u.valueField) ? u.valueField[0] : u.valueField;
     if (!n || !e)
@@ -184,117 +186,125 @@ const Qe = xe.memo(function({
         return t.granularity;
       const r = k.timeDimensions[0];
       return r && r.granularity ? r.granularity : "day";
-    })(), i = _(s);
-    if (!i)
+    })(), o = B(s);
+    if (!o)
       return;
-    const g = T.map((t) => {
+    const x = T.map((t) => {
       const r = t[n], a = typeof t[e] == "string" ? parseFloat(t[e]) : t[e] || 0;
       let l;
       if (typeof r == "string") {
-        let d = r;
-        r.includes(" ") && (d = r.replace(" ", "T").replace("+00", "Z").replace(/\+\d{2}:\d{2}$/, "Z")), !d.endsWith("Z") && !d.includes("+") && (d = d + "Z"), l = new Date(d);
+        let c = r;
+        r.includes(" ") && (c = r.replace(" ", "T").replace("+00", "Z").replace(/\+\d{2}:\d{2}$/, "Z")), !c.endsWith("Z") && !c.includes("+") && (c = c + "Z"), l = new Date(c);
       } else
         l = new Date(r);
       if (isNaN(l.getTime()))
         return null;
-      const p = i.extractX(l), w = i.extractY(l);
+      const w = o.extractX(l), g = o.extractY(l);
       return {
-        x: p,
-        y: w,
+        x: w,
+        y: g,
         value: a,
         date: l,
-        label: Me(r, s)
+        label: ke(r, s)
       };
     }).filter((t) => t !== null);
-    if (g.length === 0) return;
-    const f = ae(g, (t) => t.y) || 0, y = oe(g, (t) => t.y) || 0, m = (() => {
-      const t = [...new Set(g.map((r) => r.x))].sort();
+    if (x.length === 0) return;
+    const f = oe(x, (t) => t.y) || 0, y = le(x, (t) => t.y) || 0, m = (() => {
+      const t = [...new Set(x.map((r) => r.x))].sort();
       return t;
-    })(), B = m.length * i.cellWidth + (m.length - 1) * 4, P = (f - y + 1) * i.cellHeight + (f - y) * 4, x = {
+    })(), P = m.length * o.cellWidth + (m.length - 1) * 4, ee = (f - y + 1) * o.cellHeight + (f - y) * 4, p = {
       left: 60,
       // Space for Y-axis labels
       bottom: 10,
       // Reduced since labels are at top
-      top: i.hasHierarchicalLabels ? 40 : 25,
+      top: o.hasHierarchicalLabels ? 40 : 25,
       // Extra space for hierarchical labels
       right: 10
-    }, $ = W.width - x.left - x.right, K = W.height - x.top - x.bottom;
-    let c, D;
+    }, V = W.width - p.left - p.right, te = W.height - p.top - p.bottom;
+    let d, N;
     if (C.fitToWidth) {
-      const t = $ / B, r = K / P, a = Math.min(t, r);
-      c = i.cellWidth * a, D = i.cellHeight * a;
+      const t = V / P, r = te / ee, a = Math.min(t, r);
+      d = o.cellWidth * a, N = o.cellHeight * a;
     } else {
-      const r = { width: 16, height: 16 }, a = 24, l = $ / B, p = K / P, w = Math.min(l, p);
-      c = Math.max(r.width, Math.min(a, i.cellWidth * w)), D = Math.max(r.height, Math.min(a, i.cellHeight * w)), s === "week" && c < r.width && (c = r.width);
+      const r = { width: 16, height: 16 }, a = 24, l = V / P, w = te / ee, g = Math.min(l, w);
+      d = Math.max(r.width, Math.min(a, o.cellWidth * g)), N = Math.max(r.height, Math.min(a, o.cellHeight * g)), s === "week" && d < r.width && (d = r.width);
     }
-    const ee = m.length * c + (m.length - 1) * 4, de = ee > $ ? ee + x.left + x.right : W.width, N = Y(A.current).attr("width", de).attr("height", W.height).append("g").attr("transform", `translate(${x.left},${x.top})`), te = g.map((t) => t.value), ue = oe(te) || 0, he = ae(te) || 1, me = be().domain([ue, he]).range(I?.gradient || Te), re = /* @__PURE__ */ new Map();
-    g.forEach((t) => {
+    const re = m.length * d + (m.length - 1) * 4, he = re > V ? re + p.left + p.right : W.width, L = S(A.current).attr("width", he).attr("height", W.height).append("g").attr("transform", `translate(${p.left},${p.top})`), ne = x.map((t) => t.value), me = le(ne) || 0, fe = oe(ne) || 1, ye = Me().domain([me, fe]).range(E?.gradient || We), se = /* @__PURE__ */ new Map();
+    x.forEach((t) => {
       const r = `${t.x}-${t.y}`;
-      re.set(r, t);
+      se.set(r, t);
     });
-    const F = (t, r) => getComputedStyle(document.documentElement).getPropertyValue(t).trim() || r, Q = J !== "light", X = Q ? F("--dc-text-muted", "#cbd5e1") : F("--dc-text-secondary", "#374151"), fe = F("--dc-border", "#e5e7eb"), ye = Q ? F("--dc-bg-secondary", "#1e293b") : F("--dc-bg-secondary", "#f3f4f6"), ne = Q ? F("--dc-border", "#334155") : F("--dc-bg", "#ffffff"), R = Y("body").append("div").attr("class", "activity-grid-tooltip").style("position", "absolute").style("padding", "8px").style("background", "rgba(0, 0, 0, 0.8)").style("color", "white").style("border-radius", "4px").style("font-size", "12px").style("pointer-events", "none").style("opacity", 0).style("z-index", 1e3), S = /* @__PURE__ */ new Map();
+    const b = (t, r) => getComputedStyle(document.documentElement).getPropertyValue(t).trim() || r, G = O !== "light", R = G ? b("--dc-text-muted", "#cbd5e1") : b("--dc-text-secondary", "#374151"), ge = b("--dc-border", "#e5e7eb"), xe = G ? b("--dc-bg-secondary", "#1e293b") : b("--dc-bg-secondary", "#f3f4f6"), ae = G ? b("--dc-border", "#334155") : b("--dc-bg", "#ffffff"), z = S("body").append("div").attr("class", "activity-grid-tooltip").style("position", "absolute").style("padding", "8px").style("background", "rgba(0, 0, 0, 0.8)").style("color", "white").style("border-radius", "4px").style("font-size", "12px").style("pointer-events", "none").style("opacity", 0).style("z-index", 1e3), Y = /* @__PURE__ */ new Map();
     m.forEach((t, r) => {
-      S.set(t, r);
+      Y.set(t, r);
     });
     for (const t of m)
       for (let r = y; r <= f; r++) {
-        const a = `${t}-${r}`, l = re.get(a), p = S.get(t) || 0, w = N.append("rect").attr("x", p * (c + 4)).attr("y", (r - y) * (D + 4)).attr("width", c).attr("height", D).attr("rx", 2).attr("ry", 2).style("fill", l ? me(l.value) : ye).style("stroke", ne).style("stroke-width", 1);
-        C.showTooltip && w.style("cursor", "pointer").on("mouseover", function(d) {
-          if (Y(this).style("stroke", "#000").style("stroke-width", 2), l) {
+        const a = `${t}-${r}`, l = se.get(a), w = Y.get(t) || 0, g = L.append("rect").attr("x", w * (d + 4)).attr("y", (r - y) * (N + 4)).attr("width", d).attr("height", N).attr("rx", 2).attr("ry", 2).style("fill", l ? ye(l.value) : xe).style("stroke", ae).style("stroke-width", 1);
+        C.showTooltip ? g.style("cursor", X ? "pointer" : "default").on("mouseover", function(c) {
+          if (S(this).style("stroke", "#000").style("stroke-width", 2), l) {
             const M = [
               `<strong>${l.label}</strong>`,
-              `${O(e)}: ${l.value}`
+              `${_(e)}: ${l.value}`
             ].join("<br>");
-            R.html(M).style("left", d.pageX + 10 + "px").style("top", d.pageY - 10 + "px").transition().duration(200).style("opacity", 1);
+            z.html(M).style("left", c.pageX + 10 + "px").style("top", c.pageY - 10 + "px").transition().duration(200).style("opacity", 1);
           }
-        }).on("mousemove", function(d) {
-          R.style("left", d.pageX + 10 + "px").style("top", d.pageY - 10 + "px");
+        }).on("mousemove", function(c) {
+          z.style("left", c.pageX + 10 + "px").style("top", c.pageY - 10 + "px");
         }).on("mouseout", function() {
-          Y(this).style("stroke", ne).style("stroke-width", 1), R.transition().duration(200).style("opacity", 0);
+          S(this).style("stroke", ae).style("stroke-width", 1), z.transition().duration(200).style("opacity", 0);
+        }) : X && g.style("cursor", "pointer"), X && Q && l && g.on("click", function(c) {
+          Q({
+            dataPoint: { [e]: l.value, [n]: l.date },
+            clickedField: e,
+            xValue: l.label,
+            position: { x: c.pageX, y: c.pageY },
+            nativeEvent: c
+          });
         });
       }
     if (C.showLabels) {
-      if (i.hasHierarchicalLabels && i.getYearFromX) {
+      if (o.hasHierarchicalLabels && o.getYearFromX) {
         const t = /* @__PURE__ */ new Map();
         for (const r of m) {
-          const a = i.getYearFromX(r);
+          const a = o.getYearFromX(r);
           t.has(a) || t.set(a, []), t.get(a).push(r);
         }
         for (const r of m) {
-          const a = S.get(r) || 0;
-          N.append("text").attr("x", a * (c + 4) + c / 2).attr("y", -8).attr("text-anchor", "middle").style("font-size", "10px").style("fill", X).text(i.xFormat(r));
+          const a = Y.get(r) || 0;
+          L.append("text").attr("x", a * (d + 4) + d / 2).attr("y", -8).attr("text-anchor", "middle").style("font-size", "10px").style("fill", R).text(o.xFormat(r));
         }
         for (const [r, a] of t)
           if (a.length > 0) {
-            const l = Math.min(...a.map((M) => S.get(M) || 0)), p = Math.max(...a.map((M) => S.get(M) || 0)), w = (l + p) / 2;
-            let d = "";
+            const l = Math.min(...a.map((M) => Y.get(M) || 0)), w = Math.max(...a.map((M) => Y.get(M) || 0)), g = (l + w) / 2;
+            let c = "";
             if (r > 9999) {
-              const M = Math.floor(r / 100), ge = r % 100;
-              d = `${["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"][ge - 1]} '${M.toString().slice(-2)}`;
+              const M = Math.floor(r / 100), pe = r % 100;
+              c = `${["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"][pe - 1]} '${M.toString().slice(-2)}`;
             } else
-              d = `'${r.toString().slice(-2)}`;
-            N.append("text").attr("x", w * (c + 4) + c / 2).attr("y", -25).attr("text-anchor", "middle").style("font-size", "12px").style("font-weight", "bold").style("fill", X).text(d), a.length > 1 && N.append("line").attr("x1", l * (c + 4)).attr("x2", p * (c + 4) + c).attr("y1", -20).attr("y2", -20).style("stroke", fe).style("stroke-width", 1).style("opacity", 0.3);
+              c = `'${r.toString().slice(-2)}`;
+            L.append("text").attr("x", g * (d + 4) + d / 2).attr("y", -25).attr("text-anchor", "middle").style("font-size", "12px").style("font-weight", "bold").style("fill", R).text(c), a.length > 1 && L.append("line").attr("x1", l * (d + 4)).attr("x2", w * (d + 4) + d).attr("y1", -20).attr("y2", -20).style("stroke", ge).style("stroke-width", 1).style("opacity", 0.3);
           }
       } else {
         const t = Math.max(1, Math.floor(m.length / 10));
         for (let r = 0; r < m.length; r += t) {
           const a = m[r];
-          N.append("text").attr("x", r * (c + 4) + c / 2).attr("y", -8).attr("text-anchor", "middle").style("font-size", "10px").style("fill", X).text(i.xFormat(a));
+          L.append("text").attr("x", r * (d + 4) + d / 2).attr("y", -8).attr("text-anchor", "middle").style("font-size", "10px").style("fill", R).text(o.xFormat(a));
         }
       }
       for (let t = y; t <= f; t++)
-        N.append("text").attr("x", -8).attr("y", (t - y) * (D + 4) + D / 2).attr("text-anchor", "end").attr("dy", ".35em").style("font-size", "10px").style("fill", X).text(i.yFormat(t));
+        L.append("text").attr("x", -8).attr("y", (t - y) * (N + 4) + N / 2).attr("text-anchor", "end").attr("dy", ".35em").style("font-size", "10px").style("fill", R).text(o.yFormat(t));
     }
     return () => {
-      R.remove();
+      z.remove();
     };
-  }, [T, u, v, k, W, L, C, I, J, O, _]), !T || T.length === 0)
+  }, [T, u, v, k, W, D, C, E, O, _, B, X, Q]), !T || T.length === 0)
     return /* @__PURE__ */ h(
       "div",
       {
         className: "dc:flex dc:items-center dc:justify-center dc:w-full",
         style: { height: H },
-        children: /* @__PURE__ */ z("div", { className: "text-center text-dc-text-muted", children: [
+        children: /* @__PURE__ */ $("div", { className: "text-center text-dc-text-muted", children: [
           /* @__PURE__ */ h("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No data available" }),
           /* @__PURE__ */ h("div", { className: "dc:text-xs text-dc-text-secondary", children: "No data points to display in activity grid" })
         ] })
@@ -306,32 +316,32 @@ const Qe = xe.memo(function({
       {
         className: "dc:flex dc:items-center dc:justify-center dc:w-full",
         style: { height: H },
-        children: /* @__PURE__ */ z("div", { className: "text-center text-dc-text-muted", children: [
+        children: /* @__PURE__ */ $("div", { className: "text-center text-dc-text-muted", children: [
           /* @__PURE__ */ h("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Configuration Required" }),
           /* @__PURE__ */ h("div", { className: "dc:text-xs text-dc-text-secondary", children: "Activity grid requires a time dimension and a measure" })
         ] })
       }
     );
-  const j = Array.isArray(u.dateField) ? u.dateField[0] : u.dateField;
+  const K = Array.isArray(u.dateField) ? u.dateField[0] : u.dateField;
   return (k?.timeDimensions?.find(
-    (n) => n.dimension === j || n.dimension.includes(j)
+    (n) => n.dimension === K || n.dimension.includes(K)
   )?.granularity || "day")?.toLowerCase() === "year" ? /* @__PURE__ */ h(
     "div",
     {
       className: "dc:flex dc:items-center dc:justify-center dc:w-full",
       style: { height: H },
-      children: /* @__PURE__ */ z("div", { className: "text-center text-dc-text-muted", children: [
+      children: /* @__PURE__ */ $("div", { className: "text-center text-dc-text-muted", children: [
         /* @__PURE__ */ h("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Granularity Too High" }),
         /* @__PURE__ */ h("div", { className: "dc:text-xs text-dc-text-secondary", children: "Activity grids work best with hour, day, week, month, or quarter granularity" }),
         /* @__PURE__ */ h("div", { className: "dc:text-xs text-dc-text-secondary dc:mt-1", children: "Please choose a lower granularity for your time dimension" })
       ] })
     }
-  ) : /* @__PURE__ */ h("div", { className: "dc:w-full dc:flex dc:flex-col dc:relative", style: { height: H, minHeight: "250px", overflow: "hidden", width: "100%" }, children: /* @__PURE__ */ z("div", { ref: b, className: "dc:w-full dc:h-full dc:relative dc:overflow-x-auto", style: { width: "100%" }, children: [
+  ) : /* @__PURE__ */ h("div", { className: "dc:w-full dc:flex dc:flex-col dc:relative", style: { height: H, minHeight: "250px", overflow: "hidden", width: "100%" }, children: /* @__PURE__ */ $("div", { ref: F, className: "dc:w-full dc:h-full dc:relative dc:overflow-x-auto", style: { width: "100%" }, children: [
     /* @__PURE__ */ h("svg", { ref: A, className: "dc:h-full" }),
-    !L && /* @__PURE__ */ h("div", { className: "dc:absolute dc:inset-0 dc:flex dc:items-center dc:justify-center", children: /* @__PURE__ */ h("div", { className: "text-dc-text-muted dc:text-sm", children: "Measuring chart dimensions..." }) })
+    !D && /* @__PURE__ */ h("div", { className: "dc:absolute dc:inset-0 dc:flex dc:items-center dc:justify-center", children: /* @__PURE__ */ h("div", { className: "text-dc-text-muted dc:text-sm", children: "Measuring chart dimensions..." }) })
   ] }) });
 });
 export {
-  Qe as default
+  Ge as default
 };
-//# sourceMappingURL=chart-activity-grid-BUc21L0U.js.map
+//# sourceMappingURL=chart-activity-grid-CCGyWo1c.js.map

package/dist/client/chunks/chart-activity-grid-CCGyWo1c.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"chart-activity-grid-CCGyWo1c.js","sources":["../../../src/client/components/charts/ActivityGridChart.tsx"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState, useMemo, useCallback } from 'react'\nimport { select, scaleQuantize, max, min, transition as _transition } from 'd3'\n// _transition import is for side effects only - it extends Selection.prototype with .transition() method\nimport { CHART_COLORS_GRADIENT, CHART_MARGINS } from '../../utils/chartConstants'\nimport { formatTimeValue } from '../../utils/chartUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport { getTheme, watchThemeChanges, type Theme } from '../../theme'\nimport type { ChartProps } from '../../types'\n\ninterface GridCell {\n x: number\n y: number\n value: number\n date: Date\n label: string\n}\n\ninterface GridMapping {\n extractX: (date: Date) => number\n extractY: (date: Date) => number\n xLabels: string[]\n yLabels: string[]\n xFormat: (value: number) => string\n yFormat: (value: number) => string\n cellWidth: number\n cellHeight: number\n hasHierarchicalLabels?: boolean\n getYearFromX?: (value: number) => number\n}\n\nconst ActivityGridChart = React.memo(function ActivityGridChart({\n data,\n chartConfig,\n displayConfig = {},\n queryObject,\n height = \"100%\",\n colorPalette,\n onDataPointClick,\n drillEnabled\n}: ChartProps) {\n const svgRef = useRef<SVGSVGElement | null>(null)\n const containerRef = useRef<HTMLDivElement | null>(null)\n const [dimensions, setDimensions] = useState({ width: 0, height: 0 })\n const [dimensionsReady, setDimensionsReady] = useState(false)\n const [currentTheme, setCurrentTheme] = useState<Theme>('light')\n // Use specialized hook to avoid re-renders from unrelated context changes\n const getFieldLabel = useCubeFieldLabel()\n\n // Watch for theme changes\n useEffect(() => {\n setCurrentTheme(getTheme())\n const unwatch = watchThemeChanges((theme) => {\n setCurrentTheme(theme)\n })\n return unwatch\n }, [])\n\n const safeDisplayConfig = useMemo(() => ({\n showTooltip: displayConfig?.showTooltip ?? true,\n showLabels: displayConfig?.showLabels ?? true,\n fitToWidth: displayConfig?.fitToWidth ?? false\n }), [displayConfig?.showTooltip, displayConfig?.showLabels, displayConfig?.fitToWidth])\n\n // Enhanced dimension measurement with retry mechanism\n useLayoutEffect(() => {\n let retryCount = 0\n const maxRetries = 10\n let rafId: number\n let timeoutId: ReturnType<typeof setTimeout>\n \n const updateDimensions = () => {\n if (containerRef.current) {\n const { width, height } = containerRef.current.getBoundingClientRect()\n \n if (width > 0 && height > 0) {\n setDimensions({ width, height })\n setDimensionsReady(true)\n return true\n }\n }\n return false\n }\n \n const success = updateDimensions()\n \n if (!success && retryCount < maxRetries) {\n const retryWithRaf = () => {\n const rafSuccess = updateDimensions()\n \n if (!rafSuccess && retryCount < maxRetries) {\n retryCount++\n timeoutId = setTimeout(() => {\n rafId = requestAnimationFrame(retryWithRaf)\n }, 50 * retryCount)\n }\n }\n \n rafId = requestAnimationFrame(retryWithRaf)\n }\n \n return () => {\n if (rafId) cancelAnimationFrame(rafId)\n if (timeoutId) clearTimeout(timeoutId)\n }\n }, [])\n\n // ResizeObserver for dynamic resizing\n useEffect(() => {\n let resizeObserver: ResizeObserver | null = null\n \n const updateDimensions = () => {\n if (containerRef.current) {\n const { width, height } = containerRef.current.getBoundingClientRect()\n if (width > 0 && height > 0) {\n setDimensions({ width, height })\n if (!dimensionsReady) {\n setDimensionsReady(true)\n }\n }\n }\n }\n \n if (containerRef.current) {\n resizeObserver = new ResizeObserver(() => updateDimensions())\n resizeObserver.observe(containerRef.current)\n updateDimensions()\n }\n\n window.addEventListener('resize', updateDimensions)\n \n return () => {\n if (resizeObserver) {\n resizeObserver.disconnect()\n }\n window.removeEventListener('resize', updateDimensions)\n }\n }, [dimensionsReady])\n\n // Helper functions for grid coordinate extraction\n const getQuarter = (date: Date): number => {\n return Math.floor(date.getMonth() / 3) + 1 // 1-4\n }\n\n const getMonthOfQuarter = (date: Date): number => {\n return (date.getMonth() % 3) + 1 // 1-3\n }\n\n const getWeekOfMonth = (date: Date): number => {\n // Always start from week 1 for the first week of the month, regardless of day offset\n const dayOfMonth = date.getDate()\n return Math.floor((dayOfMonth - 1) / 7) + 1 // 1-5 typically\n }\n\n // Get granularity mapping based on time dimension\n const getGridMapping = useCallback((granularity: string): GridMapping | null => {\n switch (granularity?.toLowerCase()) {\n case 'year':\n // Year granularity is not useful for activity grids\n return null\n \n case 'quarter':\n // Quarter granularity: years × quarters\n return {\n extractX: (date: Date) => date.getFullYear(),\n extractY: (date: Date) => getQuarter(date) - 1, // 0-3 for indexing\n xLabels: [], // Will be determined from data\n yLabels: ['Q1', 'Q2', 'Q3', 'Q4'],\n xFormat: (value: number) => `'${value.toString().slice(-2)}`, // '24 instead of 2024\n yFormat: (value: number) => ['Q1', 'Q2', 'Q3', 'Q4'][value] || '',\n cellWidth: 16,\n cellHeight: 16\n }\n \n case 'month':\n // Month granularity: quarters × months of quarter\n // Show years above and quarters (Q1, Q2, Q3, Q4) as columns with hierarchical labels\n return {\n extractX: (date: Date) => {\n const year = date.getFullYear()\n const quarter = getQuarter(date) // 1-4\n return year * 10 + quarter // e.g., 20241, 20242, 20243, 20244 (only 4 per year)\n },\n extractY: (date: Date) => getMonthOfQuarter(date) - 1, // 0-2 for indexing\n xLabels: [], // Will be determined from data\n yLabels: ['Month 1', 'Month 2', 'Month 3'],\n xFormat: (value: number) => {\n const quarter = value % 10\n return `Q${quarter}` // Just show Q1, Q2, Q3, Q4 for individual columns\n },\n yFormat: (value: number) => ['Month 1', 'Month 2', 'Month 3'][value] || '',\n cellWidth: 16,\n cellHeight: 16,\n hasHierarchicalLabels: true, // Flag to indicate we need special handling\n getYearFromX: (value: number) => Math.floor(value / 10) // Helper to get year for grouping\n }\n \n case 'week':\n // Week granularity: months × weeks of month (same structure as quarters but with months as columns)\n return {\n extractX: (date: Date) => {\n const year = date.getFullYear()\n const month = date.getMonth() + 1\n return year * 100 + month // e.g., 202401, 202402, etc.\n },\n extractY: (date: Date) => getWeekOfMonth(date) - 1, // 0-5 for indexing\n xLabels: [], // Will be determined from data\n yLabels: ['Week 1', 'Week 2', 'Week 3', 'Week 4', 'Week 5'],\n xFormat: (value: number) => {\n const month = value % 100\n const monthNames = ['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D']\n return monthNames[month - 1] || ''\n },\n yFormat: (value: number) => ['Week 1', 'Week 2', 'Week 3', 'Week 4', 'Week 5'][value] || '',\n cellWidth: 16,\n cellHeight: 16,\n hasHierarchicalLabels: true, // Add hierarchical labels like month view\n getYearFromX: (value: number) => Math.floor(value / 100) // Helper to get year for grouping\n }\n \n case 'day':\n // Day granularity: weeks × days of week with hierarchical year/week labels\n return {\n extractX: (date: Date) => {\n const { year, week } = getWeekOfYear(date)\n return year * 100 + week // e.g., 202401, 202402, etc.\n },\n extractY: (date: Date) => date.getDay(), // 0-6 (Sun-Sat)\n xLabels: [], // Will be determined from data\n yLabels: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n xFormat: (value: number) => {\n const week = value % 100\n return `${week}`\n },\n yFormat: (value: number) => ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'][value] || '',\n cellWidth: 16,\n cellHeight: 16,\n hasHierarchicalLabels: true, // Add hierarchical labels\n getYearFromX: (value: number) => Math.floor(value / 100) // Helper to get year for grouping\n }\n\n case 'hour':\n // Hour granularity: days × 3-hour blocks with hierarchical year/month labels\n return {\n extractX: (date: Date) => {\n // Get day as YYYYMMDD number for unique day identification\n const year = date.getFullYear()\n const month = date.getMonth() + 1\n const day = date.getDate()\n return year * 10000 + month * 100 + day // e.g., 20240115\n },\n extractY: (date: Date) => Math.floor(date.getHours() / 3), // 0-7 for 8 three-hour blocks\n xLabels: [], // Will be determined from data\n yLabels: ['00-03', '03-06', '06-09', '09-12', '12-15', '15-18', '18-21', '21-00'],\n xFormat: (value: number) => {\n // Format YYYYMMDD as just the day number\n const day = value % 100\n return `${day}`\n },\n yFormat: (value: number) => ['00-03', '03-06', '06-09', '09-12', '12-15', '15-18', '18-21', '21-00'][value] || '',\n cellWidth: 16,\n cellHeight: 16,\n hasHierarchicalLabels: true, // Show year/month grouping above\n getYearFromX: (value: number) => Math.floor(value / 100) // Extract YYYYMM for month grouping\n }\n\n default:\n return null\n }\n }, [])\n\n // Helper function to get week of year with correct year (1-53)\n const getWeekOfYear = (date: Date): { year: number, week: number } => {\n const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()))\n const dayNum = d.getUTCDay() || 7\n d.setUTCDate(d.getUTCDate() + 4 - dayNum)\n const year = d.getUTCFullYear()\n const yearStart = new Date(Date.UTC(year, 0, 1))\n const week = Math.ceil((((d.getTime() - yearStart.getTime()) / 86400000) + 1) / 7)\n return { year, week }\n }\n\n useEffect(() => {\n if (!data || data.length === 0 || !svgRef.current || !dimensionsReady || dimensions.width === 0) {\n return\n }\n\n // Clear previous chart\n select(svgRef.current).selectAll('*').remove()\n\n // Validate chartConfig\n if (!chartConfig?.dateField || !chartConfig?.valueField) {\n return\n }\n\n const dateField = Array.isArray(chartConfig.dateField) ? chartConfig.dateField[0] : chartConfig.dateField\n const valueField = Array.isArray(chartConfig.valueField) ? chartConfig.valueField[0] : chartConfig.valueField\n\n\n if (!dateField || !valueField) {\n return\n }\n\n // Get granularity directly from the query's time dimensions\n const getQueryGranularity = () => {\n if (!queryObject?.timeDimensions || queryObject.timeDimensions.length === 0) {\n return 'day'\n }\n \n // Find the time dimension that matches our dateField\n const timeDim = queryObject.timeDimensions.find((td: any) => \n td.dimension === dateField || td.dimension.includes(dateField)\n )\n \n if (timeDim && timeDim.granularity) {\n return timeDim.granularity\n }\n \n // Fallback to first time dimension's granularity\n const firstTimeDim = queryObject.timeDimensions[0]\n if (firstTimeDim && firstTimeDim.granularity) {\n return firstTimeDim.granularity\n }\n \n return 'day'\n }\n \n const queryGranularity = getQueryGranularity()\n const gridMapping = getGridMapping(queryGranularity)\n \n // Handle unsupported granularity\n if (!gridMapping) {\n return\n }\n \n\n // Transform data for grid\n const gridData: GridCell[] = data.map(item => {\n const dateValue = item[dateField]\n const value = typeof item[valueField] === 'string' \n ? parseFloat(item[valueField]) \n : (item[valueField] || 0)\n \n // Parse the date\n let date: Date\n if (typeof dateValue === 'string') {\n // Handle different date formats\n let isoStr = dateValue\n if (dateValue.includes(' ')) {\n isoStr = dateValue.replace(' ', 'T').replace('+00', 'Z').replace(/\\+\\d{2}:\\d{2}$/, 'Z')\n }\n if (!isoStr.endsWith('Z') && !isoStr.includes('+')) {\n isoStr = isoStr + 'Z'\n }\n date = new Date(isoStr)\n } else {\n date = new Date(dateValue)\n }\n\n // Skip invalid dates\n if (isNaN(date.getTime())) {\n return null\n }\n\n const x = gridMapping.extractX(date)\n const y = gridMapping.extractY(date)\n \n return {\n x,\n y,\n value,\n date,\n label: formatTimeValue(dateValue, queryGranularity)\n }\n }).filter((cell): cell is GridCell => cell !== null)\n\n\n if (gridData.length === 0) return\n\n // Calculate grid dimensions\n const maxY = max(gridData, d => d.y) || 0\n const minY = min(gridData, d => d.y) || 0\n\n\n // Generate complete X range first so we can calculate proper grid width\n const getCompleteXRange = (): number[] => {\n const dataXValues = [...new Set(gridData.map(cell => cell.x))].sort()\n \n if (queryGranularity === 'quarter') {\n // For quarters: only show quarters that have data to avoid gaps\n return dataXValues\n }\n \n if (queryGranularity === 'month') {\n // For months: only show quarters that have data to avoid gaps\n return dataXValues\n }\n \n if (queryGranularity === 'week') {\n // For weeks: only show months that have data to avoid gaps\n return dataXValues\n }\n \n if (queryGranularity === 'day') {\n // For days: only show the actual weeks that have data to avoid discontinuities\n return dataXValues\n }\n \n // For other granularities, use the actual data values\n return dataXValues\n }\n \n const completeXRange = getCompleteXRange()\n \n // Calculate grid dimensions based on complete X range\n const gridWidth = completeXRange.length * gridMapping.cellWidth + (completeXRange.length - 1) * 4\n const gridHeight = (maxY - minY + 1) * gridMapping.cellHeight + (maxY - minY) * 4\n\n const margin = { \n ...CHART_MARGINS, \n left: 60, // Space for Y-axis labels\n bottom: 10, // Reduced since labels are at top\n top: gridMapping.hasHierarchicalLabels ? 40 : 25, // Extra space for hierarchical labels\n right: 10\n }\n \n const availableWidth = dimensions.width - margin.left - margin.right\n const availableHeight = dimensions.height - margin.top - margin.bottom\n\n // Scale the grid to fit the available space\n let finalCellWidth: number\n let finalCellHeight: number\n\n if (safeDisplayConfig.fitToWidth) {\n // Fit to Width mode: Calculate cell size to perfectly fit both dimensions\n // Remove min/max constraints and let blocks scale to optimal size\n const scaleX = availableWidth / gridWidth\n const scaleY = availableHeight / gridHeight\n const scale = Math.min(scaleX, scaleY)\n\n // Use the scale to calculate cell size, maintaining 1:1 aspect ratio\n finalCellWidth = gridMapping.cellWidth * scale\n finalCellHeight = gridMapping.cellHeight * scale\n } else {\n // Default mode: Use minimum/maximum size constraints with scrolling\n const getMinCellSize = () => {\n return { width: 16, height: 16 } // Same size for all views\n }\n\n const minCellSize = getMinCellSize()\n const maxCellSize = 24\n\n const scaleX = availableWidth / gridWidth\n const scaleY = availableHeight / gridHeight\n const scale = Math.min(scaleX, scaleY)\n\n // Calculate final cell size with constraints\n finalCellWidth = Math.max(minCellSize.width, Math.min(maxCellSize, gridMapping.cellWidth * scale))\n finalCellHeight = Math.max(minCellSize.height, Math.min(maxCellSize, gridMapping.cellHeight * scale))\n\n // For week view, prefer scrolling over tiny cells\n if (queryGranularity === 'week' && finalCellWidth < minCellSize.width) {\n finalCellWidth = minCellSize.width\n }\n }\n \n // Calculate actual grid dimensions with the final cell sizes\n const actualGridWidth = completeXRange.length * finalCellWidth + (completeXRange.length - 1) * 4\n \n // Determine if we need horizontal scrolling\n const needsHorizontalScroll = actualGridWidth > availableWidth\n const svgWidth = needsHorizontalScroll ? actualGridWidth + margin.left + margin.right : dimensions.width\n \n\n const svg = select(svgRef.current)\n .attr('width', svgWidth)\n .attr('height', dimensions.height)\n\n const g = svg.append('g')\n .attr('transform', `translate(${margin.left},${margin.top})`)\n\n // Set up color scale\n const values = gridData.map(d => d.value)\n const minValue = min(values) || 0\n const maxValue = max(values) || 1\n\n const colorScale = scaleQuantize<string>()\n .domain([minValue, maxValue])\n .range(colorPalette?.gradient || CHART_COLORS_GRADIENT)\n\n // Create grid data map for quick lookup\n const gridMap = new Map<string, GridCell>()\n gridData.forEach(cell => {\n const key = `${cell.x}-${cell.y}`\n gridMap.set(key, cell)\n })\n\n // Get theme colors from CSS variables\n const getThemeColor = (varName: string, fallback: string) => {\n const value = getComputedStyle(document.documentElement).getPropertyValue(varName).trim()\n return value || fallback\n }\n\n const isDark = currentTheme !== 'light'\n const textColor = isDark\n ? getThemeColor('--dc-text-muted', '#cbd5e1') // Lighter text for dark mode\n : getThemeColor('--dc-text-secondary', '#374151') // Darker text for light mode\n const lineColor = getThemeColor('--dc-border', '#e5e7eb')\n // Use theme-aware colors for empty cells: light gray in light mode, slightly lighter than bg in dark mode\n const emptyCellColor = isDark\n ? getThemeColor('--dc-bg-secondary', '#1e293b') // Slightly lighter than dark background\n : getThemeColor('--dc-bg-secondary', '#f3f4f6') // Very light gray in light mode\n const cellStrokeColor = isDark\n ? getThemeColor('--dc-border', '#334155') // Subtle border in dark mode\n : getThemeColor('--dc-bg', '#ffffff') // White border in light mode\n\n // Create tooltip\n const tooltip = select('body').append('div')\n .attr('class', 'activity-grid-tooltip')\n .style('position', 'absolute')\n .style('padding', '8px')\n .style('background', 'rgba(0, 0, 0, 0.8)')\n .style('color', 'white')\n .style('border-radius', '4px')\n .style('font-size', '12px')\n .style('pointer-events', 'none')\n .style('opacity', 0)\n .style('z-index', 1000)\n\n // Create a mapping from X values to their position indices for proper spacing\n const xValueToIndex = new Map<number, number>()\n completeXRange.forEach((x, index) => {\n xValueToIndex.set(x, index)\n })\n \n // Render grid cells for the complete X range\n for (const x of completeXRange) {\n for (let y = minY; y <= maxY; y++) {\n const key = `${x}-${y}`\n const cell = gridMap.get(key)\n const xIndex = xValueToIndex.get(x) || 0\n \n const rect = g.append('rect')\n .attr('x', xIndex * (finalCellWidth + 4))\n .attr('y', (y - minY) * (finalCellHeight + 4))\n .attr('width', finalCellWidth)\n .attr('height', finalCellHeight)\n .attr('rx', 2)\n .attr('ry', 2)\n .style('fill', cell ? colorScale(cell.value) : emptyCellColor)\n .style('stroke', cellStrokeColor)\n .style('stroke-width', 1)\n\n // Add hover effects and tooltips\n if (safeDisplayConfig.showTooltip) {\n rect\n .style('cursor', drillEnabled ? 'pointer' : 'default')\n .on('mouseover', function(event) {\n select(this)\n .style('stroke', '#000')\n .style('stroke-width', 2)\n\n if (cell) {\n const tooltipContent = [\n `<strong>${cell.label}</strong>`,\n `${getFieldLabel(valueField)}: ${cell.value}`\n ].join('<br>')\n\n tooltip\n .html(tooltipContent)\n .style('left', (event.pageX + 10) + 'px')\n .style('top', (event.pageY - 10) + 'px')\n .transition()\n .duration(200)\n .style('opacity', 1)\n }\n })\n .on('mousemove', function(event) {\n tooltip\n .style('left', (event.pageX + 10) + 'px')\n .style('top', (event.pageY - 10) + 'px')\n })\n .on('mouseout', function() {\n select(this)\n .style('stroke', cellStrokeColor)\n .style('stroke-width', 1)\n\n tooltip\n .transition()\n .duration(200)\n .style('opacity', 0)\n })\n } else if (drillEnabled) {\n // Set cursor for drill even without tooltips\n rect.style('cursor', 'pointer')\n }\n\n // Add drill click handler\n if (drillEnabled && onDataPointClick && cell) {\n rect.on('click', function(event) {\n onDataPointClick({\n dataPoint: { [valueField]: cell.value, [dateField]: cell.date },\n clickedField: valueField,\n xValue: cell.label,\n position: { x: event.pageX, y: event.pageY },\n nativeEvent: event as unknown as React.MouseEvent\n })\n })\n }\n }\n }\n\n // Add axis labels if enabled\n if (safeDisplayConfig.showLabels) {\n if (gridMapping.hasHierarchicalLabels && gridMapping.getYearFromX) {\n // Special handling for quarter view with hierarchical labels\n // Use the complete X range to show all quarters/months\n \n // Group quarters by year\n const yearGroups = new Map<number, number[]>()\n for (const x of completeXRange) {\n const year = gridMapping.getYearFromX(x)\n if (!yearGroups.has(year)) {\n yearGroups.set(year, [])\n }\n yearGroups.get(year)!.push(x)\n }\n \n \n // Draw column labels (Q1-Q4 for months, Jan-Dec for weeks)\n for (const x of completeXRange) {\n const xIndex = xValueToIndex.get(x) || 0\n g.append('text')\n .attr('x', xIndex * (finalCellWidth + 4) + finalCellWidth / 2)\n .attr('y', -8)\n .attr('text-anchor', 'middle')\n .style('font-size', '10px')\n .style('fill', textColor)\n .text(gridMapping.xFormat(x))\n }\n\n // Draw year group labels above quarters\n for (const [year, xValues] of yearGroups) {\n if (xValues.length > 0) {\n // Get the index positions for proper spacing\n const startIndex = Math.min(...xValues.map(x => xValueToIndex.get(x) || 0))\n const endIndex = Math.max(...xValues.map(x => xValueToIndex.get(x) || 0))\n const centerIndex = (startIndex + endIndex) / 2\n\n // Year label (or year/month for hour granularity)\n let labelText = ''\n if (year > 9999) {\n // For hour granularity, year is encoded as YYYYMM\n const actualYear = Math.floor(year / 100)\n const month = year % 100\n const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']\n labelText = `${monthNames[month - 1]} '${actualYear.toString().slice(-2)}`\n } else {\n // For other granularities, just show the year\n labelText = `'${year.toString().slice(-2)}`\n }\n\n g.append('text')\n .attr('x', centerIndex * (finalCellWidth + 4) + finalCellWidth / 2)\n .attr('y', -25)\n .attr('text-anchor', 'middle')\n .style('font-size', '12px')\n .style('font-weight', 'bold')\n .style('fill', textColor)\n .text(labelText)\n\n // Optional: Add a subtle line to group quarters under the year\n if (xValues.length > 1) {\n g.append('line')\n .attr('x1', startIndex * (finalCellWidth + 4))\n .attr('x2', endIndex * (finalCellWidth + 4) + finalCellWidth)\n .attr('y1', -20)\n .attr('y2', -20)\n .style('stroke', lineColor)\n .style('stroke-width', 1)\n .style('opacity', 0.3)\n }\n }\n }\n } else {\n // Regular X-axis labels for other granularities\n const xLabelStep = Math.max(1, Math.floor(completeXRange.length / 10))\n for (let i = 0; i < completeXRange.length; i += xLabelStep) {\n const x = completeXRange[i]\n g.append('text')\n .attr('x', i * (finalCellWidth + 4) + finalCellWidth / 2)\n .attr('y', -8)\n .attr('text-anchor', 'middle')\n .style('font-size', '10px')\n .style('fill', textColor)\n .text(gridMapping.xFormat(x))\n }\n }\n\n // Y-axis labels (left) - same for all granularities\n for (let y = minY; y <= maxY; y++) {\n g.append('text')\n .attr('x', -8)\n .attr('y', (y - minY) * (finalCellHeight + 4) + finalCellHeight / 2)\n .attr('text-anchor', 'end')\n .attr('dy', '.35em')\n .style('font-size', '10px')\n .style('fill', textColor)\n .text(gridMapping.yFormat(y))\n }\n }\n\n // Cleanup function\n return () => {\n tooltip.remove()\n }\n }, [data, chartConfig, displayConfig, queryObject, dimensions, dimensionsReady, safeDisplayConfig, colorPalette, currentTheme, getFieldLabel, getGridMapping, drillEnabled, onDataPointClick])\n\n if (!data || data.length === 0) {\n return (\n <div\n className=\"dc:flex dc:items-center dc:justify-center dc:w-full\"\n style={{ height }}\n >\n <div className=\"text-center text-dc-text-muted\">\n <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">No data available</div>\n <div className=\"dc:text-xs text-dc-text-secondary\">No data points to display in activity grid</div>\n </div>\n </div>\n )\n }\n\n // Validate that we have required fields\n const hasValidConfig = chartConfig?.dateField && chartConfig?.valueField\n if (!hasValidConfig) {\n return (\n <div\n className=\"dc:flex dc:items-center dc:justify-center dc:w-full\"\n style={{ height }}\n >\n <div className=\"text-center text-dc-text-muted\">\n <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Configuration Required</div>\n <div className=\"dc:text-xs text-dc-text-secondary\">Activity grid requires a time dimension and a measure</div>\n </div>\n </div>\n )\n }\n\n // Check if granularity is supported\n const dateField = Array.isArray(chartConfig.dateField) ? chartConfig.dateField[0] : chartConfig.dateField\n const granularityFromQuery = queryObject?.timeDimensions?.find((td: any) => \n td.dimension === dateField || td.dimension.includes(dateField)\n )?.granularity || 'day'\n \n if (granularityFromQuery?.toLowerCase() === 'year') {\n return (\n <div\n className=\"dc:flex dc:items-center dc:justify-center dc:w-full\"\n style={{ height }}\n >\n <div className=\"text-center text-dc-text-muted\">\n <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Granularity Too High</div>\n <div className=\"dc:text-xs text-dc-text-secondary\">Activity grids work best with hour, day, week, month, or quarter granularity</div>\n <div className=\"dc:text-xs text-dc-text-secondary dc:mt-1\">Please choose a lower granularity for your time dimension</div>\n </div>\n </div>\n )\n }\n\n return (\n <div className=\"dc:w-full dc:flex dc:flex-col dc:relative\" style={{ height, minHeight: '250px', overflow: 'hidden', width: '100%' }}>\n <div ref={containerRef} className=\"dc:w-full dc:h-full dc:relative dc:overflow-x-auto\" style={{ width: '100%' }}>\n <svg ref={svgRef} className=\"dc:h-full\" />\n {!dimensionsReady && (\n <div className=\"dc:absolute dc:inset-0 dc:flex dc:items-center dc:justify-center\">\n <div className=\"text-dc-text-muted dc:text-sm\">Measuring chart dimensions...</div>\n </div>\n )}\n </div>\n </div>\n )\n})\n\nexport default ActivityGridChart"],"names":["ActivityGridChart","React","data","chartConfig","displayConfig","queryObject","height","colorPalette","onDataPointClick","drillEnabled","svgRef","useRef","containerRef","dimensions","setDimensions","useState","dimensionsReady","setDimensionsReady","currentTheme","setCurrentTheme","getFieldLabel","useCubeFieldLabel","useEffect","getTheme","watchThemeChanges","theme","safeDisplayConfig","useMemo","useLayoutEffect","retryCount","maxRetries","rafId","timeoutId","updateDimensions","width","retryWithRaf","resizeObserver","getQuarter","date","getMonthOfQuarter","getWeekOfMonth","dayOfMonth","getGridMapping","useCallback","granularity","value","year","quarter","month","week","getWeekOfYear","day","d","dayNum","yearStart","select","dateField","valueField","queryGranularity","timeDim","td","firstTimeDim","gridMapping","gridData","item","dateValue","isoStr","x","y","formatTimeValue","cell","maxY","max","minY","min","completeXRange","dataXValues","gridWidth","gridHeight","margin","availableWidth","availableHeight","finalCellWidth","finalCellHeight","scaleX","scaleY","scale","minCellSize","maxCellSize","actualGridWidth","svgWidth","g","values","minValue","maxValue","colorScale","scaleQuantize","CHART_COLORS_GRADIENT","gridMap","key","getThemeColor","varName","fallback","isDark","textColor","lineColor","emptyCellColor","cellStrokeColor","tooltip","xValueToIndex","index","xIndex","rect","event","tooltipContent","yearGroups","xValues","startIndex","endIndex","centerIndex","labelText","actualYear","xLabelStep","i","jsx","jsxs"],"mappings":"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"}