drizzle-cube 0.3.13 → 0.3.15

package/dist/client/chunks/RetentionCombinedChart.config-C-ILIaEb.js

@@ -0,0 +1,47 @@
+const e = {
+  // RetentionCombinedChart auto-configures from the retention data structure
+  // No drop zones needed as the chart maps directly to retention result data
+  dropZones: [],
+  // Display options
+  displayOptionsConfig: [
+    {
+      key: "retentionDisplayMode",
+      label: "Display Mode",
+      type: "select",
+      defaultValue: "line",
+      options: [
+        { value: "line", label: "Line Chart" },
+        { value: "heatmap", label: "Heatmap Table" },
+        { value: "combined", label: "Combined" }
+      ],
+      description: "Choose how to visualize retention data"
+    },
+    {
+      key: "showLegend",
+      label: "Show Legend",
+      type: "boolean",
+      defaultValue: !0,
+      description: "Show the legend for breakdown segments"
+    },
+    {
+      key: "showGrid",
+      label: "Show Grid",
+      type: "boolean",
+      defaultValue: !0,
+      description: "Show grid lines on the chart"
+    },
+    {
+      key: "showTooltip",
+      label: "Show Tooltip",
+      type: "boolean",
+      defaultValue: !0,
+      description: "Show tooltip on hover with detailed stats"
+    }
+  ],
+  description: "Combined retention visualization with line chart and heatmap modes",
+  useCase: "Visualize user retention over time with optional breakdown segmentation"
+};
+export {
+  e as retentionCombinedConfig
+};
+//# sourceMappingURL=RetentionCombinedChart.config-C-ILIaEb.js.map

package/dist/client/chunks/RetentionCombinedChart.config-C-ILIaEb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RetentionCombinedChart.config-C-ILIaEb.js","sources":["../../../src/client/components/charts/RetentionCombinedChart.config.ts"],"sourcesContent":["/**\n * RetentionCombinedChart Configuration\n *\n * The RetentionCombinedChart visualizes retention analysis data with multiple display modes.\n * It auto-configures from retention data and provides display mode selection.\n */\n\nimport type { ChartTypeConfig } from '../../charts/chartConfigs'\n\nexport const retentionCombinedConfig: ChartTypeConfig = {\n  // RetentionCombinedChart auto-configures from the retention data structure\n  // No drop zones needed as the chart maps directly to retention result data\n  dropZones: [],\n\n  // Display options\n  displayOptionsConfig: [\n    {\n      key: 'retentionDisplayMode',\n      label: 'Display Mode',\n      type: 'select',\n      defaultValue: 'line',\n      options: [\n        { value: 'line', label: 'Line Chart' },\n        { value: 'heatmap', label: 'Heatmap Table' },\n        { value: 'combined', label: 'Combined' },\n      ],\n      description: 'Choose how to visualize retention data',\n    },\n    {\n      key: 'showLegend',\n      label: 'Show Legend',\n      type: 'boolean',\n      defaultValue: true,\n      description: 'Show the legend for breakdown segments',\n    },\n    {\n      key: 'showGrid',\n      label: 'Show Grid',\n      type: 'boolean',\n      defaultValue: true,\n      description: 'Show grid lines on the chart',\n    },\n    {\n      key: 'showTooltip',\n      label: 'Show Tooltip',\n      type: 'boolean',\n      defaultValue: true,\n      description: 'Show tooltip on hover with detailed stats',\n    },\n  ],\n\n  description: 'Combined retention visualization with line chart and heatmap modes',\n  useCase: 'Visualize user retention over time with optional breakdown segmentation',\n}\n"],"names":["retentionCombinedConfig"],"mappings":"AASO,MAAMA,IAA2C;AAAA;AAAA;AAAA,EAGtD,WAAW,CAAA;AAAA;AAAA,EAGX,sBAAsB;AAAA,IACpB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,SAAS;AAAA,QACP,EAAE,OAAO,QAAQ,OAAO,aAAA;AAAA,QACxB,EAAE,OAAO,WAAW,OAAO,gBAAA;AAAA,QAC3B,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,MAAW;AAAA,MAEzC,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAGF,aAAa;AAAA,EACb,SAAS;AACX;"}

package/dist/client/chunks/RetentionHeatmap-Bofadstm.js

@@ -0,0 +1,178 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import z, { useState as M, useMemo as y } from "react";
+import { i as A } from "./retention-CzCo8262.js";
+function v(s) {
+  return `rgba(34, 197, 94, ${0.1 + Math.max(0, Math.min(1, s)) * 0.7})`;
+}
+function L(s) {
+  return s > 0.5 ? "#ffffff" : "var(--dc-text)";
+}
+function N(s) {
+  if (/^\d{4}-\d{2}$/.test(s))
+    return s;
+  const r = new Date(s);
+  return isNaN(r.getTime()) ? s : r.toLocaleDateString("en-US", { year: "numeric", month: "short" });
+}
+function w(s) {
+  return `${Math.round(s * 100)}%`;
+}
+const P = z.memo(function({
+  data: r,
+  height: u = "100%",
+  displayConfig: R
+}) {
+  const [l, p] = M(null), h = y(() => {
+    if (!r) return null;
+    if (A(r))
+      return r;
+    if (Array.isArray(r) && r.length > 0) {
+      const e = r, i = [...new Set(e.map((o) => o.breakdownValue || "All Users"))].sort(), c = [...new Set(e.map((o) => o.period))].sort((o, d) => o - d);
+      return {
+        rows: e,
+        breakdownValues: i.length > 1 || i[0] !== "All Users" ? i : void 0,
+        periods: c
+      };
+    }
+    return null;
+  }, [r]), x = y(() => {
+    if (!h) return null;
+    const { rows: e, breakdownValues: i, periods: c } = h, o = i || ["All Users"], d = /* @__PURE__ */ new Map();
+    for (const a of e) {
+      const m = a.breakdownValue || "All Users";
+      d.set(`${m}:${a.period}`, a);
+    }
+    return o.map((a) => {
+      const m = c.map((k) => d.get(`${a}:${k}`) || null), f = m[0]?.cohortSize ?? 0;
+      return {
+        cohort: a,
+        // Keep 'cohort' key for compatibility with rendering
+        cohortSize: f,
+        periods: m
+      };
+    });
+  }, [h]), S = (e, i, c, o) => {
+    if (!o) return;
+    const d = e.currentTarget.getBoundingClientRect();
+    p({
+      cohort: i,
+      period: c,
+      cohortSize: o.cohortSize,
+      retainedUsers: o.retainedUsers,
+      retentionRate: o.retentionRate,
+      x: d.left + d.width / 2,
+      y: d.top
+    });
+  }, C = () => {
+    p(null);
+  };
+  if (!r || Array.isArray(r) && r.length === 0)
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: "flex items-center justify-center w-full text-dc-text-muted",
+        style: { height: u },
+        children: /* @__PURE__ */ n("div", { className: "text-center", children: [
+          /* @__PURE__ */ t("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+          /* @__PURE__ */ t("div", { className: "text-xs text-dc-text-secondary", children: "Configure retention analysis to see results" })
+        ] })
+      }
+    );
+  if (!x || x.length === 0)
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: "flex items-center justify-center w-full text-dc-text-muted",
+        style: { height: u },
+        children: /* @__PURE__ */ n("div", { className: "text-center", children: [
+          /* @__PURE__ */ t("div", { className: "text-sm font-semibold mb-1", children: "Unable to render retention data" }),
+          /* @__PURE__ */ t("div", { className: "text-xs text-dc-text-secondary", children: "Data format may be incorrect" })
+        ] })
+      }
+    );
+  const b = h?.periods ?? [], U = R?.showLegend ?? !0;
+  return /* @__PURE__ */ n("div", { className: "relative w-full h-full overflow-auto", style: { height: u }, children: [
+    /* @__PURE__ */ n("table", { className: "w-full border-collapse text-sm", children: [
+      /* @__PURE__ */ t("thead", { className: "sticky top-0 bg-dc-bg z-10", children: /* @__PURE__ */ n("tr", { children: [
+        /* @__PURE__ */ t("th", { className: "text-left p-2 font-medium text-dc-text border-b border-dc-border min-w-[100px]", children: "Cohort" }),
+        /* @__PURE__ */ t("th", { className: "text-right p-2 font-medium text-dc-text border-b border-dc-border min-w-[80px]", children: "Users" }),
+        b.map((e) => /* @__PURE__ */ n(
+          "th",
+          {
+            className: "text-center p-2 font-medium text-dc-text border-b border-dc-border min-w-[60px]",
+            children: [
+              "P",
+              e
+            ]
+          },
+          e
+        ))
+      ] }) }),
+      /* @__PURE__ */ t("tbody", { children: x.map((e, i) => /* @__PURE__ */ n("tr", { className: i % 2 === 0 ? "bg-dc-bg" : "bg-dc-surface-secondary", children: [
+        /* @__PURE__ */ t("td", { className: "p-2 font-medium text-dc-text border-b border-dc-border whitespace-nowrap", children: N(e.cohort) }),
+        /* @__PURE__ */ t("td", { className: "p-2 text-right text-dc-text-secondary border-b border-dc-border", children: e.cohortSize.toLocaleString() }),
+        e.periods.map((c, o) => {
+          const d = b[o], a = c?.retentionRate ?? 0, m = c ? v(a) : "transparent", g = c ? L(a) : "var(--dc-text-muted)";
+          return /* @__PURE__ */ t(
+            "td",
+            {
+              className: "p-2 text-center border-b border-dc-border cursor-default transition-opacity hover:opacity-80",
+              style: { backgroundColor: m, color: g },
+              onMouseEnter: (f) => S(f, e.cohort, d, c),
+              onMouseLeave: C,
+              children: c ? w(a) : "-"
+            },
+            d
+          );
+        })
+      ] }, e.cohort)) })
+    ] }),
+    U && /* @__PURE__ */ n("div", { className: "flex items-center justify-center mt-4 gap-2 text-xs text-dc-text-secondary", children: [
+      /* @__PURE__ */ t("span", { children: "0%" }),
+      /* @__PURE__ */ t("div", { className: "flex h-4", children: [0, 0.2, 0.4, 0.6, 0.8, 1].map((e) => /* @__PURE__ */ t(
+        "div",
+        {
+          className: "w-6 h-4",
+          style: { backgroundColor: v(e) }
+        },
+        e
+      )) }),
+      /* @__PURE__ */ t("span", { children: "100%" })
+    ] }),
+    l && /* @__PURE__ */ n(
+      "div",
+      {
+        className: "fixed z-50 px-3 py-2 bg-dc-surface border border-dc-border rounded shadow-lg text-sm pointer-events-none",
+        style: {
+          left: l.x,
+          top: l.y - 10,
+          transform: "translate(-50%, -100%)"
+        },
+        children: [
+          /* @__PURE__ */ n("div", { className: "font-medium text-dc-text mb-1", children: [
+            N(l.cohort),
+            " - Period ",
+            l.period
+          ] }),
+          /* @__PURE__ */ n("div", { className: "text-dc-text-secondary space-y-0.5", children: [
+            /* @__PURE__ */ n("div", { children: [
+              "Cohort Size: ",
+              l.cohortSize.toLocaleString()
+            ] }),
+            /* @__PURE__ */ n("div", { children: [
+              "Retained: ",
+              l.retainedUsers.toLocaleString()
+            ] }),
+            /* @__PURE__ */ n("div", { className: "font-medium text-dc-text", children: [
+              "Rate: ",
+              w(l.retentionRate)
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+});
+export {
+  P as default
+};
+//# sourceMappingURL=RetentionHeatmap-Bofadstm.js.map

package/dist/client/chunks/RetentionHeatmap-Bofadstm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RetentionHeatmap-Bofadstm.js","sources":["../../../src/client/components/charts/RetentionHeatmap.tsx"],"sourcesContent":["/**\n * RetentionHeatmap Component\n *\n * Visualizes retention analysis data as a cohort × period matrix.\n * Displays retention rates with color intensity based on percentage.\n *\n * Features:\n * - Cohort labels in first column (e.g., \"2024-01\", \"2024-02\")\n * - Cohort size in second column\n * - Period columns (P0, P1, P2, ... PN)\n * - Cell background color intensity based on retention rate\n * - Hover tooltip with detailed stats\n */\n\nimport React, { useMemo, useState } from 'react'\nimport type { ChartProps } from '../../types'\nimport type { RetentionChartData, RetentionResultRow } from '../../types/retention'\nimport { isRetentionData } from '../../types/retention'\n\n/**\n * Get color with opacity based on retention rate\n * Uses a green gradient: higher retention = more saturated green\n */\nfunction getRetentionColor(rate: number): string {\n  // Clamp rate between 0 and 1\n  const clampedRate = Math.max(0, Math.min(1, rate))\n\n  // Use CSS variable for theming support\n  // Fallback to a green color if CSS var not available\n  const alpha = 0.1 + clampedRate * 0.7 // Range from 0.1 to 0.8 opacity\n\n  // Green color (success color)\n  return `rgba(34, 197, 94, ${alpha})`\n}\n\n/**\n * Get text color that contrasts with background\n */\nfunction getTextColor(rate: number): string {\n  // Use dark text for lower rates, light text for higher rates\n  return rate > 0.5 ? '#ffffff' : 'var(--dc-text)'\n}\n\n/**\n * Format cohort period for display\n * Converts date strings to readable format\n */\nfunction formatCohortPeriod(cohort: string): string {\n  // If it's already in YYYY-MM format, return as-is\n  if (/^\\d{4}-\\d{2}$/.test(cohort)) {\n    return cohort\n  }\n\n  // Try to parse as date\n  const date = new Date(cohort)\n  if (!isNaN(date.getTime())) {\n    return date.toLocaleDateString('en-US', { year: 'numeric', month: 'short' })\n  }\n\n  return cohort\n}\n\n/**\n * Format percentage for display\n */\nfunction formatPercentage(rate: number): string {\n  return `${Math.round(rate * 100)}%`\n}\n\ninterface TooltipData {\n  cohort: string\n  period: number\n  cohortSize: number\n  retainedUsers: number\n  retentionRate: number\n  x: number\n  y: number\n}\n\n/**\n * RetentionHeatmap Component\n */\nconst RetentionHeatmap = React.memo(function RetentionHeatmap({\n  data,\n  height = '100%',\n  displayConfig,\n}: ChartProps) {\n  const [tooltip, setTooltip] = useState<TooltipData | null>(null)\n\n  // Parse retention data\n  const retentionData = useMemo<RetentionChartData | null>(() => {\n    if (!data) return null\n\n    // Check if data is already in RetentionChartData format\n    if (isRetentionData(data)) {\n      return data\n    }\n\n    // If data is an array of RetentionResultRow, convert it\n    if (Array.isArray(data) && data.length > 0) {\n      const rows = data as RetentionResultRow[]\n      const breakdownValues = [...new Set(rows.map(r => r.breakdownValue || 'All Users'))].sort()\n      const periods = [...new Set(rows.map(r => r.period))].sort((a, b) => a - b)\n\n      return {\n        rows,\n        breakdownValues: breakdownValues.length > 1 || breakdownValues[0] !== 'All Users' ? breakdownValues : undefined,\n        periods,\n      }\n    }\n\n    return null\n  }, [data])\n\n  // Build matrix for display\n  // In the new simplified format, rows are grouped by breakdownValue (or 'All Users' if no breakdown)\n  const matrix = useMemo(() => {\n    if (!retentionData) return null\n\n    const { rows, breakdownValues, periods } = retentionData\n\n    // Determine segments: use breakdownValues if available, otherwise single 'All Users' segment\n    const segments = breakdownValues || ['All Users']\n\n    // Create a lookup map for quick access: segment:period -> row\n    const lookup = new Map<string, RetentionResultRow>()\n    for (const row of rows) {\n      const segment = row.breakdownValue || 'All Users'\n      lookup.set(`${segment}:${row.period}`, row)\n    }\n\n    // Build matrix structure - one row per segment\n    return segments.map((segment: string) => {\n      const segmentRows = periods.map(period => {\n        const row = lookup.get(`${segment}:${period}`)\n        return row || null\n      })\n\n      // Get cohort size from period 0\n      const period0 = segmentRows[0]\n      const cohortSize = period0?.cohortSize ?? 0\n\n      return {\n        cohort: segment, // Keep 'cohort' key for compatibility with rendering\n        cohortSize,\n        periods: segmentRows,\n      }\n    })\n  }, [retentionData])\n\n  // Handle mouse enter on cell\n  const handleMouseEnter = (\n    event: React.MouseEvent,\n    cohort: string,\n    period: number,\n    row: RetentionResultRow | null\n  ) => {\n    if (!row) return\n\n    const rect = event.currentTarget.getBoundingClientRect()\n    setTooltip({\n      cohort,\n      period,\n      cohortSize: row.cohortSize,\n      retainedUsers: row.retainedUsers,\n      retentionRate: row.retentionRate,\n      x: rect.left + rect.width / 2,\n      y: rect.top,\n    })\n  }\n\n  const handleMouseLeave = () => {\n    setTooltip(null)\n  }\n\n  // Handle empty/loading states\n  if (!data || (Array.isArray(data) && data.length === 0)) {\n    return (\n      <div\n        className=\"flex items-center justify-center w-full text-dc-text-muted\"\n        style={{ height }}\n      >\n        <div className=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">No data available</div>\n          <div className=\"text-xs text-dc-text-secondary\">\n            Configure retention analysis to see results\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  if (!matrix || matrix.length === 0) {\n    return (\n      <div\n        className=\"flex items-center justify-center w-full text-dc-text-muted\"\n        style={{ height }}\n      >\n        <div className=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">Unable to render retention data</div>\n          <div className=\"text-xs text-dc-text-secondary\">\n            Data format may be incorrect\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  const periods = retentionData?.periods ?? []\n  const showLegend = displayConfig?.showLegend ?? true\n\n  return (\n    <div className=\"relative w-full h-full overflow-auto\" style={{ height }}>\n      {/* Retention Matrix Table */}\n      <table className=\"w-full border-collapse text-sm\">\n        <thead className=\"sticky top-0 bg-dc-bg z-10\">\n          <tr>\n            <th className=\"text-left p-2 font-medium text-dc-text border-b border-dc-border min-w-[100px]\">\n              Cohort\n            </th>\n            <th className=\"text-right p-2 font-medium text-dc-text border-b border-dc-border min-w-[80px]\">\n              Users\n            </th>\n            {periods.map(period => (\n              <th\n                key={period}\n                className=\"text-center p-2 font-medium text-dc-text border-b border-dc-border min-w-[60px]\"\n              >\n                P{period}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {matrix.map((row, rowIndex) => (\n            <tr key={row.cohort} className={rowIndex % 2 === 0 ? 'bg-dc-bg' : 'bg-dc-surface-secondary'}>\n              <td className=\"p-2 font-medium text-dc-text border-b border-dc-border whitespace-nowrap\">\n                {formatCohortPeriod(row.cohort)}\n              </td>\n              <td className=\"p-2 text-right text-dc-text-secondary border-b border-dc-border\">\n                {row.cohortSize.toLocaleString()}\n              </td>\n              {row.periods.map((cell, periodIndex) => {\n                const period = periods[periodIndex]\n                const rate = cell?.retentionRate ?? 0\n                const bgColor = cell ? getRetentionColor(rate) : 'transparent'\n                const textColor = cell ? getTextColor(rate) : 'var(--dc-text-muted)'\n\n                return (\n                  <td\n                    key={period}\n                    className=\"p-2 text-center border-b border-dc-border cursor-default transition-opacity hover:opacity-80\"\n                    style={{ backgroundColor: bgColor, color: textColor }}\n                    onMouseEnter={(e) => handleMouseEnter(e, row.cohort, period, cell)}\n                    onMouseLeave={handleMouseLeave}\n                  >\n                    {cell ? formatPercentage(rate) : '-'}\n                  </td>\n                )\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n\n      {/* Legend */}\n      {showLegend && (\n        <div className=\"flex items-center justify-center mt-4 gap-2 text-xs text-dc-text-secondary\">\n          <span>0%</span>\n          <div className=\"flex h-4\">\n            {[0, 0.2, 0.4, 0.6, 0.8, 1].map(rate => (\n              <div\n                key={rate}\n                className=\"w-6 h-4\"\n                style={{ backgroundColor: getRetentionColor(rate) }}\n              />\n            ))}\n          </div>\n          <span>100%</span>\n        </div>\n      )}\n\n      {/* Tooltip */}\n      {tooltip && (\n        <div\n          className=\"fixed z-50 px-3 py-2 bg-dc-surface border border-dc-border rounded shadow-lg text-sm pointer-events-none\"\n          style={{\n            left: tooltip.x,\n            top: tooltip.y - 10,\n            transform: 'translate(-50%, -100%)',\n          }}\n        >\n          <div className=\"font-medium text-dc-text mb-1\">\n            {formatCohortPeriod(tooltip.cohort)} - Period {tooltip.period}\n          </div>\n          <div className=\"text-dc-text-secondary space-y-0.5\">\n            <div>Cohort Size: {tooltip.cohortSize.toLocaleString()}</div>\n            <div>Retained: {tooltip.retainedUsers.toLocaleString()}</div>\n            <div className=\"font-medium text-dc-text\">\n              Rate: {formatPercentage(tooltip.retentionRate)}\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n\nexport default RetentionHeatmap\n"],"names":["getRetentionColor","rate","getTextColor","formatCohortPeriod","cohort","date","formatPercentage","RetentionHeatmap","React","data","height","displayConfig","tooltip","setTooltip","useState","retentionData","useMemo","isRetentionData","rows","breakdownValues","r","periods","a","b","matrix","segments","lookup","row","segment","segmentRows","period","cohortSize","handleMouseEnter","event","rect","handleMouseLeave","jsx","jsxs","showLegend","rowIndex","cell","periodIndex","bgColor","textColor","e"],"mappings":"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"}

package/dist/client/chunks/RetentionHeatmap.config-CIvhc-GT.js

@@ -0,0 +1,28 @@
+const e = {
+  // RetentionHeatmap auto-configures from the retention data structure
+  // No drop zones needed as the chart maps directly to cohort × period matrix
+  dropZones: [],
+  // Display options
+  displayOptionsConfig: [
+    {
+      key: "showLegend",
+      label: "Show Legend",
+      type: "boolean",
+      defaultValue: !0,
+      description: "Show the color intensity legend"
+    },
+    {
+      key: "showTooltip",
+      label: "Show Tooltip",
+      type: "boolean",
+      defaultValue: !0,
+      description: "Show tooltip on hover with detailed stats"
+    }
+  ],
+  description: "Cohort retention matrix visualization",
+  useCase: "Visualize user retention over time by cohort"
+};
+export {
+  e as retentionHeatmapConfig
+};
+//# sourceMappingURL=RetentionHeatmap.config-CIvhc-GT.js.map

package/dist/client/chunks/RetentionHeatmap.config-CIvhc-GT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RetentionHeatmap.config-CIvhc-GT.js","sources":["../../../src/client/components/charts/RetentionHeatmap.config.ts"],"sourcesContent":["/**\n * RetentionHeatmap Chart Configuration\n *\n * The RetentionHeatmap is a specialized chart for retention analysis.\n * It auto-configures from retention data and doesn't need typical axis configuration.\n */\n\nimport type { ChartTypeConfig } from '../../charts/chartConfigs'\n\nexport const retentionHeatmapConfig: ChartTypeConfig = {\n  // RetentionHeatmap auto-configures from the retention data structure\n  // No drop zones needed as the chart maps directly to cohort × period matrix\n  dropZones: [],\n\n  // Display options\n  displayOptionsConfig: [\n    {\n      key: 'showLegend',\n      label: 'Show Legend',\n      type: 'boolean',\n      defaultValue: true,\n      description: 'Show the color intensity legend',\n    },\n    {\n      key: 'showTooltip',\n      label: 'Show Tooltip',\n      type: 'boolean',\n      defaultValue: true,\n      description: 'Show tooltip on hover with detailed stats',\n    },\n  ],\n\n  description: 'Cohort retention matrix visualization',\n  useCase: 'Visualize user retention over time by cohort',\n}\n"],"names":["retentionHeatmapConfig"],"mappings":"AASO,MAAMA,IAA0C;AAAA;AAAA;AAAA,EAGrD,WAAW,CAAA;AAAA;AAAA,EAGX,sBAAsB;AAAA,IACpB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAGF,aAAa;AAAA,EACb,SAAS;AACX;"}