drizzle-cube 0.5.7 → 0.6.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"chart-line-DKgrQA6c.js","names":[],"sources":["../../../src/client/components/charts/LineChart.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { LineChart as RechartsLineChart, XAxis, CartesianGrid } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport AngledXAxisTick from './AngledXAxisTick'\nimport { ChartEmptyState, ChartConfigError, ChartRenderError } from './ChartStates'\nimport { resolveChartAxisFields } from './chartAxisResolution'\nimport {\n  getDualAxisInfo,\n  getYAxisChartMargins,\n  withTargetData,\n  renderDualYAxes,\n  renderChartTargetLines,\n  makeCartesianTooltipFormatter,\n  renderHoverLegend\n} from './chartScaffolding'\nimport {\n  makeComparisonTickFormatter,\n  makeComparisonLabelFormatter,\n  buildSeriesKeyToFieldMap,\n  makeSeriesKeyResolver,\n  buildTimeSeriesData,\n  renderLineSeries\n} from './cartesianChartHelpers'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\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 ?? true\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    // Determine if legend will be shown\n    const showLegend = safeDisplayConfig.showLegend\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      <ChartContainer height={height}>\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={60}\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            drillEnabled,\n            onDataPointClick,\n            hasComparisonData,\n            periodLabels,\n            priorPeriodStyle,\n            priorPeriodOpacity\n          })}\n          {renderChartTargetLines(spreadTargets)}\n        </RechartsLineChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    return <ChartRenderError height={height} chartType=\"Line Chart\" error={error} />\n  }\n})\n\nexport default LineChart\n"],"mappings":";;;;;;;iDA4BM,IAAY,EAAM,KAAK,SAAmB,EAC9C,SACA,gBACA,mBAAgB,CAAC,GACjB,gBACA,YAAS,QACT,iBACA,qBACA,mBACa;CACb,IAAM,EAAE,SAAM,EAAe,GACvB,CAAC,GAAe,KAAoB,EAAwB,IAAI,GAEhE,IAAgB,EAAkB,GAKlC,EAAE,YAAY,GAAoB,gBAAa,iBAAc,iBAAc,QACzE,EAAuB,CAAW,GACxC,CAAC,CAAW,CACd,GAIM,IAAkB,QACtB,GAAa,mBAAmB,CAAC,GACjC,CAAC,GAAa,eAAe,CAC/B,GAKM,IAAmB,QACjB,EAAyB,GAAa,CAAa,GACzD,CAAC,GAAa,CAAa,CAC7B;CAEA,IAAI;EACF,IAAM,IAAoB;GACxB,YAAY,GAAe,cAAc;GACzC,UAAU,GAAe,YAAY;GACrC,aAAa,GAAe,eAAe;GAC3C,cAAc,GAAe,gBAAgB;EAC/C,GAEM,IAAiB,GAAe,kBAAkB,IAGlD,IAAkB,GAAe,iBACjC,IAAmB,GAAe;EAExC,IAAI,CAAC,KAAQ,EAAK,WAAW,GAC3B,OAAO,kBAAC,GAAD;GAAyB;GAAQ,MAAM,EAAE,+BAA+B;EAAI,CAAA;EAGrF,IAAI,GACF,OAAO,kBAAC,GAAD;GAA0B;GAAQ,MAAM,EAAE,iCAAiC,GAAW;EAAI,CAAA;EAInG,IAAM,IAAa,GAEb,IAAmB,GAAe,oBAAoB,UACtD,IAAqB,GAAe,sBAAsB,IAG1D,EAAE,cAAW,eAAY,sBAAmB,sBAAmB,oBACnE,EAAoB;GAAE;GAAM;GAAY;GAAa;GAAc;GAAa;EAAc,CAAC,GAI3F,IAAyB,EAAsB,CAAgB,GAG/D,IAAW,EAAgB,GAAa,CAAe,GACvD,EAAE,oBAAiB,GAGnB,IAAa,EAAkB,YAG/B,KAAe,EAAqB,CAAY,GAGhD,EAAE,mBAAe,0BAAsB,EAAe,GAAW,GAAe,MAAM;EAa5F,OAVI,CAAC,KAAa,EAAU,WAAW,IAEnC,kBAAC,GAAD;GACU;GACR,UAAS;GACT,MAAK;EACN,CAAA,IAKH,kBAAC,GAAD;GAAwB;aACtB,kBAAC,GAAD;IAAmB,MAAM;IAAmB,QAAQ;IAAc,oBAAoB;cAAtF;KACG,EAAkB,YACjB,kBAAC,GAAD;MAAe,iBAAgB;MAAM,OAAO,EAAE,eAAe,OAAO;KAAI,CAAA;KAE1E,kBAAC,GAAD;MACE,SAAS;MACT,MAAK;MACL,MAAM,kBAAC,GAAD,EAAiB,eACrB,EAA4B,GAAmB,GAAW,GAAa,CAAU,EAChF,CAAA;MACH,QAAQ;MACR,UAAU,IAAiB,IAAI,KAAA;KAChC,CAAA;KACA,EAAgB,GAAU,GAAe,GAAiB,CAAgB;KAC1E,EAAkB,eACjB,kBAAC,GAAD;MACE,WAAW,EAA8B;OACvC;OACA;OACA;OACA,cAAc;MAChB,CAAC;MACD,gBACE,EAA6B,GAAmB,GAAa,CAAU;KAE1E,CAAA;KAEF,EAAkB;MACjB,MAAM;MACN,UAAU;MACV,YAAY;MACZ,SAAS;MACT,eAAe,EAAiB,IAAI;KACtC,CAAC;KACA,EAAiB;MAChB;MACA;MACA,cAAc;MACd;MACA;MACA,cAAc,EAAkB;MAChC;MACA;MACA;MACA;MACA;MACA;KACF,CAAC;KACA,GAAuB,EAAa;IACpB;;EACL,CAAA;CAEpB,SAAS,GAAO;EACd,OAAO,kBAAC,GAAD;GAA0B;GAAQ,WAAU;GAAoB;EAAQ,CAAA;CACjF;AACF,CAAC"}