drizzle-cube 0.6.6 → 0.7.0

package/dist/client/chunks/chart-line-CzvVL3Be.js

@@ -0,0 +1,117 @@
+import { n as e } from "./rolldown-runtime-DArdT4gl.js";
+import { P as t, S as n } from "./chart-activity-grid-DVOhLgxv.js";
+import { A as ee, D as r, E as i, M as te, O as a, S as ne, _ as o, a as s, b as c, c as l, d as u, f as d, g as f, h as p, i as m, j as re, k as h, l as ie, m as g, o as _, p as v, r as y, u as b, v as x, x as S, y as ae } from "./chart-area-C-5ATxvi.js";
+import C, { useMemo as w, useState as T } from "react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { CartesianGrid as O, LineChart as k, XAxis as A } from "recharts";
+//#region src/client/components/charts/LineChart.tsx
+var j = /* @__PURE__ */ e({ default: () => M }), M = C.memo(function({ data: e, chartConfig: C, displayConfig: j = {}, queryObject: M, height: N = "100%", colorPalette: P, onDataPointClick: F, drillEnabled: I }) {
+	let { t: L } = t(), [R, z] = T(null), B = n(), { xAxisField: oe, yAxisFields: V, seriesFields: H, errorCode: U } = w(() => i(C), [C]), W = w(() => C?.yAxisAssignment || {}, [C?.yAxisAssignment]), G = w(() => m(V, B), [V, B]);
+	try {
+		let t = {
+			showLegend: j?.showLegend ?? !0,
+			showGrid: j?.showGrid ?? !0,
+			showTooltip: j?.showTooltip ?? !0,
+			connectNulls: j?.connectNulls ?? !1
+		}, n = j?.showAllXLabels ?? !1, i = j?.leftYAxisFormat, m = j?.rightYAxisFormat;
+		if (!e || e.length === 0) return /* @__PURE__ */ E(a, {
+			height: N,
+			hint: L("chart.runtime.noDataHint.line")
+		});
+		if (U) return /* @__PURE__ */ E(r, {
+			height: N,
+			hint: L(`chart.runtime.configErrorHint.${U}`)
+		});
+		let h = oe, C = j?.priorPeriodStyle || "dashed", w = j?.priorPeriodOpacity ?? .5, { chartData: T, seriesKeys: K, effectiveXAxisKey: q, hasComparisonData: J, periodLabels: se } = s({
+			data: e,
+			xAxisField: h,
+			yAxisFields: V,
+			seriesFields: H,
+			queryObject: M,
+			getFieldLabel: B
+		}), Y = d(G), X = g(V, W), { hasRightAxis: Z } = X, Q = j?.showSummary === !0 && K.length > 0, ce = Q ? _(T, K, P, ie(Y, W), J ? void 0 : q) : [], le = t.showLegend && !Q, ue = f(Z), { spreadTargets: de, enhancedChartData: $ } = ne(T, j?.target);
+		return !T || T.length === 0 ? /* @__PURE__ */ E(a, {
+			height: N,
+			titleKey: "chart.runtime.noValidData",
+			hint: "No valid data points for line chart after transformation"
+		}) : /* @__PURE__ */ D("div", {
+			className: "dc:relative dc:w-full dc:flex dc:flex-col",
+			style: { height: N },
+			children: [Q && /* @__PURE__ */ E(y, {
+				summaries: ce,
+				getSeriesLabel: (e) => e,
+				valueFormat: i,
+				rightValueFormat: m,
+				showChange: l(M, h),
+				leftOffset: p(Z)
+			}), /* @__PURE__ */ E("div", {
+				className: Q ? "dc:flex-1 dc:min-h-0" : "dc:contents",
+				children: /* @__PURE__ */ E(te, {
+					height: Q ? "100%" : N,
+					minHeight: Q ? 0 : void 0,
+					children: /* @__PURE__ */ D(k, {
+						data: $,
+						margin: ue,
+						accessibilityLayer: !1,
+						children: [
+							t.showGrid && /* @__PURE__ */ E(O, {
+								strokeDasharray: "3 3",
+								style: { pointerEvents: "none" }
+							}),
+							/* @__PURE__ */ E(A, {
+								dataKey: q,
+								type: "category",
+								tick: /* @__PURE__ */ E(ee, { tickFormatter: u(J, T, M, h) }),
+								height: S($.map((e) => e?.[q])),
+								interval: n ? 0 : void 0
+							}),
+							ae(X, B, i, m),
+							t.showTooltip && /* @__PURE__ */ E(re, {
+								formatter: o({
+									leftYAxisFormat: i,
+									rightYAxisFormat: m,
+									yAxisAssignment: W,
+									resolveField: Y
+								}),
+								labelFormatter: b(J, M, h)
+							}),
+							c({
+								show: le,
+								iconType: "line",
+								paddingTop: 25,
+								onHover: z,
+								onLeave: () => z(null)
+							}),
+							v({
+								seriesKeys: K,
+								colorPalette: P,
+								resolveField: Y,
+								yAxisAssignment: W,
+								hoveredLegend: R,
+								connectNulls: t.connectNulls,
+								showPoints: j?.showPoints ?? !0,
+								drillEnabled: I,
+								onDataPointClick: F,
+								hasComparisonData: J,
+								periodLabels: se,
+								priorPeriodStyle: C,
+								priorPeriodOpacity: w
+							}),
+							x(de)
+						]
+					})
+				})
+			})]
+		});
+	} catch (e) {
+		return /* @__PURE__ */ E(h, {
+			height: N,
+			chartType: "Line Chart",
+			error: e
+		});
+	}
+});
+//#endregion
+export { j as n, M as t };
+
+//# sourceMappingURL=chart-line-CzvVL3Be.js.map

package/dist/client/chunks/chart-line-CzvVL3Be.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-line-CzvVL3Be.js","names":[],"sources":["../../../src/client/components/charts/LineChart.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation.js'\nimport { LineChart as RechartsLineChart, XAxis, CartesianGrid } from 'recharts'\nimport ChartContainer from './ChartContainer.js'\nimport ChartTooltip from './ChartTooltip.js'\nimport AngledXAxisTick from './AngledXAxisTick.js'\nimport { ChartEmptyState, ChartConfigError, ChartRenderError } from './ChartStates.js'\nimport { resolveChartAxisFields } from './chartAxisResolution.js'\nimport {\n  getDualAxisInfo,\n  getYAxisChartMargins,\n  resolveAngledAxisHeight,\n  getPlotLeftOffset,\n  withTargetData,\n  renderDualYAxes,\n  renderChartTargetLines,\n  makeCartesianTooltipFormatter,\n  renderHoverLegend\n} from './chartScaffolding.js'\nimport {\n  makeComparisonTickFormatter,\n  makeComparisonLabelFormatter,\n  buildSeriesKeyToFieldMap,\n  makeSeriesKeyResolver,\n  buildTimeSeriesData,\n  computeSeriesSummaries,\n  makeAxisResolver,\n  isTimeOrderedXAxis,\n  renderLineSeries\n} from './cartesianChartHelpers.js'\nimport ChartSummaryHeader from './ChartSummaryHeader.js'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel.js'\nimport type { ChartProps } from '../../types.js'\n\nconst LineChart = React.memo(function LineChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette,\n  onDataPointClick,\n  drillEnabled\n}: ChartProps) {\n  const { t } = useTranslation()\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n\n  // Resolve + validate axis fields (hooks-first to satisfy React rules).\n  // xAxisField is aliased; it is narrowed to a definite string after the\n  // errorCode guard inside the render body below.\n  const { xAxisField: resolvedXAxisField, yAxisFields, seriesFields, errorCode } = useMemo(\n    () => resolveChartAxisFields(chartConfig),\n    [chartConfig]\n  )\n\n  // Dual Y-axis support: extract yAxisAssignment from chartConfig (memoized to prevent object recreation)\n  // MUST be called before any early returns to satisfy React hooks rules\n  const yAxisAssignment = useMemo(() =>\n    chartConfig?.yAxisAssignment || {},\n    [chartConfig?.yAxisAssignment]\n  )\n\n  // Build mapping from series key (label) to original field name (memoized to prevent object recreation)\n  // This is needed because seriesKeys use display labels, not field names\n  // MUST be called before any early returns to satisfy React hooks rules\n  const seriesKeyToField = useMemo(\n    () => buildSeriesKeyToFieldMap(yAxisFields, getFieldLabel),\n    [yAxisFields, getFieldLabel]\n  )\n\n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showGrid: displayConfig?.showGrid ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true,\n      connectNulls: displayConfig?.connectNulls ?? false\n    }\n\n    const showAllXLabels = displayConfig?.showAllXLabels ?? false\n\n    // Extract axis format configs\n    const leftYAxisFormat = displayConfig?.leftYAxisFormat\n    const rightYAxisFormat = displayConfig?.rightYAxisFormat\n\n    if (!data || data.length === 0) {\n      return <ChartEmptyState height={height} hint={t('chart.runtime.noDataHint.line')} />\n    }\n\n    if (errorCode) {\n      return <ChartConfigError height={height} hint={t(`chart.runtime.configErrorHint.${errorCode}`)} />\n    }\n\n    // The errorCode guard above guarantees xAxisField is defined here\n    const xAxisField = resolvedXAxisField as string\n\n    const priorPeriodStyle = displayConfig?.priorPeriodStyle || 'dashed'\n    const priorPeriodOpacity = displayConfig?.priorPeriodOpacity ?? 0.5\n\n    // Shape data (comparison overlay vs standard transform) via shared helper.\n    const { chartData, seriesKeys, effectiveXAxisKey, hasComparisonData, periodLabels } =\n      buildTimeSeriesData({ data, xAxisField, yAxisFields, seriesFields, queryObject, getFieldLabel })\n\n    // Resolve series key → measure field, handling comparison suffixes\n    // (\"(Current)\"/\"(Prior)\") and dimension prefixes (\"DimValue - Label\").\n    const findFieldFromSeriesKey = makeSeriesKeyResolver(seriesKeyToField)\n\n    // Dual Y-axis derivation + margins (shared scaffolding)\n    const axisInfo = getDualAxisInfo(yAxisFields, yAxisAssignment)\n    const { hasRightAxis } = axisInfo\n\n    // Summary header: per-series current value + change since the start of the\n    // window, derived from the data already fetched for the plot.\n    const showSummary = displayConfig?.showSummary === true && seriesKeys.length > 0\n    const summaries = showSummary\n      ? computeSeriesSummaries(\n          chartData,\n          seriesKeys,\n          colorPalette,\n          makeAxisResolver(findFieldFromSeriesKey, yAxisAssignment),\n          // In comparison mode the x key is a day index, which would read as\n          // \"since 0\"; fall back to the generic wording there.\n          hasComparisonData ? undefined : effectiveXAxisKey\n        )\n      : []\n\n    // The summary carries the colour dots, so the bottom legend becomes redundant.\n    const showLegend = safeDisplayConfig.showLegend && !showSummary\n\n    // Use custom chart margins with extra space for Y-axis labels\n    const chartMargins = getYAxisChartMargins(hasRightAxis)\n\n    // Process target values and add to chart data\n    const { spreadTargets, enhancedChartData } = withTargetData(chartData, displayConfig?.target)\n\n    // Validate transformed data\n    if (!chartData || chartData.length === 0) {\n      return (\n        <ChartEmptyState\n          height={height}\n          titleKey=\"chart.runtime.noValidData\"\n          hint=\"No valid data points for line chart after transformation\"\n        />\n      )\n    }\n\n    return (\n      <div className=\"dc:relative dc:w-full dc:flex dc:flex-col\" style={{ height }}>\n        {showSummary && (\n          <ChartSummaryHeader\n            summaries={summaries}\n            getSeriesLabel={(seriesKey) => seriesKey}\n            valueFormat={leftYAxisFormat}\n            rightValueFormat={rightYAxisFormat}\n            showChange={isTimeOrderedXAxis(queryObject, xAxisField)}\n            leftOffset={getPlotLeftOffset(hasRightAxis)}\n          />\n        )}\n        {/* The header wraps, so its height is not knowable up front. Give the\n            plot the remaining flex space rather than subtracting a constant\n            that silently drifts out of sync once the header wraps. */}\n        <div className={showSummary ? 'dc:flex-1 dc:min-h-0' : 'dc:contents'}>\n        <ChartContainer height={showSummary ? '100%' : height} minHeight={showSummary ? 0 : undefined}>\n        <RechartsLineChart data={enhancedChartData} margin={chartMargins} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n          )}\n          <XAxis\n            dataKey={effectiveXAxisKey}\n            type=\"category\"\n            tick={<AngledXAxisTick tickFormatter={\n              makeComparisonTickFormatter(hasComparisonData, chartData, queryObject, xAxisField)\n            } />}\n            height={resolveAngledAxisHeight(enhancedChartData.map((row: any) => row?.[effectiveXAxisKey]))}\n            interval={showAllXLabels ? 0 : undefined}\n          />\n          {renderDualYAxes(axisInfo, getFieldLabel, leftYAxisFormat, rightYAxisFormat)}\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={makeCartesianTooltipFormatter({\n                leftYAxisFormat,\n                rightYAxisFormat,\n                yAxisAssignment,\n                resolveField: findFieldFromSeriesKey\n              })}\n              labelFormatter={\n                makeComparisonLabelFormatter(hasComparisonData, queryObject, xAxisField)\n              }\n            />\n          )}\n          {renderHoverLegend({\n            show: showLegend,\n            iconType: 'line',\n            paddingTop: 25,\n            onHover: setHoveredLegend,\n            onLeave: () => setHoveredLegend(null)\n          })}\n          {renderLineSeries({\n            seriesKeys,\n            colorPalette,\n            resolveField: findFieldFromSeriesKey,\n            yAxisAssignment,\n            hoveredLegend,\n            connectNulls: safeDisplayConfig.connectNulls,\n            showPoints: displayConfig?.showPoints ?? true,\n            drillEnabled,\n            onDataPointClick,\n            hasComparisonData,\n            periodLabels,\n            priorPeriodStyle,\n            priorPeriodOpacity\n          })}\n          {renderChartTargetLines(spreadTargets)}\n        </RechartsLineChart>\n        </ChartContainer>\n        </div>\n      </div>\n    )\n  } catch (error) {\n    return <ChartRenderError height={height} chartType=\"Line Chart\" error={error} />\n  }\n})\n\nexport default LineChart\n"],"mappings":"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"}