@sqlrooms/mosaic 0.29.0-rc.6 → 0.29.0-rc.7

package/dist/charts/chart-types/box-plot/renderer/BoxPlotClient.js

@@ -0,0 +1,286 @@
+import { MosaicClient, clauseInterval, } from '@uwdata/mosaic-core';
+import { assertChartDataPolicy, createChartRuntimeIssueFromError, } from '../../../../chart-runtime';
+function quoteIdentifier(identifier) {
+    return `"${identifier.replace(/"/g, '""')}"`;
+}
+function quoteTableReference(tableName) {
+    return tableName.split('.').map(quoteIdentifier).join('.');
+}
+function normalizeFilter(filter) {
+    if (!filter) {
+        return [];
+    }
+    const filters = Array.isArray(filter) ? filter.flat(Infinity) : [filter];
+    return filters
+        .map((expr) => {
+        if (typeof expr === 'boolean') {
+            return expr ? null : 'FALSE';
+        }
+        return `(${expr.toString()})`;
+    })
+        .filter((expr) => Boolean(expr));
+}
+/**
+ * Type guard to check if data has a toArray method.
+ */
+function hasToArrayMethod(data) {
+    return (data !== null &&
+        data !== undefined &&
+        typeof data === 'object' &&
+        'toArray' in data &&
+        typeof data.toArray === 'function');
+}
+/**
+ * Safely extract rows from query result data.
+ * Handles both direct arrays and objects with toArray() method.
+ * Returns empty array if data is invalid or doesn't have expected structure.
+ */
+function rowsFromQueryResult(data) {
+    // Handle direct arrays
+    if (Array.isArray(data)) {
+        return data;
+    }
+    // Handle objects with toArray() method (Arrow Tables, Mosaic results, etc.)
+    if (!hasToArrayMethod(data)) {
+        return [];
+    }
+    try {
+        const result = data.toArray();
+        // Validate that toArray() returned an array
+        if (!Array.isArray(result)) {
+            console.warn('BoxPlotClient: toArray() did not return an array', typeof result);
+            return [];
+        }
+        return result;
+    }
+    catch (error) {
+        console.error('BoxPlotClient: Error calling toArray():', error);
+        return [];
+    }
+}
+function numericValue(value) {
+    const numeric = Number(value);
+    return Number.isFinite(numeric) ? numeric : undefined;
+}
+export function buildBoxPlotQuery(args) {
+    const table = quoteTableReference(args.tableName);
+    const x = quoteIdentifier(args.x);
+    const y = quoteIdentifier(args.y);
+    const filters = normalizeFilter(args.filter).join(' AND ');
+    const where = [`${y} IS NOT NULL`, filters].filter(Boolean).join(' AND ');
+    return `
+WITH base AS (
+  SELECT
+    ${x} AS "category",
+    TRY_CAST(${y} AS DOUBLE) AS "value"
+  FROM ${table}
+  WHERE ${where}
+),
+stats AS (
+  SELECT
+    "category",
+    COUNT(*)::DOUBLE AS "count",
+    quantile_cont("value", 0.25) AS "q1",
+    quantile_cont("value", 0.5) AS "median",
+    quantile_cont("value", 0.75) AS "q3"
+  FROM base
+  WHERE "value" IS NOT NULL
+  GROUP BY "category"
+),
+fences AS (
+  SELECT
+    *,
+    "q1" - 1.5 * ("q3" - "q1") AS "lowerFence",
+    "q3" + 1.5 * ("q3" - "q1") AS "upperFence"
+  FROM stats
+),
+whiskers AS (
+  SELECT
+    b."category",
+    MIN(b."value") AS "whiskerLow",
+    MAX(b."value") AS "whiskerHigh"
+  FROM base b
+  JOIN fences f ON b."category" IS NOT DISTINCT FROM f."category"
+  WHERE b."value" BETWEEN f."lowerFence" AND f."upperFence"
+  GROUP BY b."category"
+),
+summary AS (
+  SELECT
+    'summary' AS "rowKind",
+    f."category",
+    f."count",
+    f."q1",
+    f."median",
+    f."q3",
+    f."lowerFence",
+    f."upperFence",
+    w."whiskerLow",
+    w."whiskerHigh",
+    NULL::DOUBLE AS "value"
+  FROM fences f
+  JOIN whiskers w ON w."category" IS NOT DISTINCT FROM f."category"
+),
+outliers AS (
+  SELECT
+    'outlier' AS "rowKind",
+    b."category",
+    NULL::DOUBLE AS "count",
+    NULL::DOUBLE AS "q1",
+    NULL::DOUBLE AS "median",
+    NULL::DOUBLE AS "q3",
+    NULL::DOUBLE AS "lowerFence",
+    NULL::DOUBLE AS "upperFence",
+    NULL::DOUBLE AS "whiskerLow",
+    NULL::DOUBLE AS "whiskerHigh",
+    b."value"
+  FROM base b
+  JOIN fences f ON b."category" IS NOT DISTINCT FROM f."category"
+  WHERE b."value" < f."lowerFence" OR b."value" > f."upperFence"
+)
+SELECT * FROM summary
+UNION ALL
+SELECT * FROM outliers
+ORDER BY "category", "rowKind", "value"
+`.trim();
+}
+export class BoxPlotClient extends MosaicClient {
+    onStateChange;
+    tableName;
+    x;
+    y;
+    selection;
+    dataPolicy;
+    runtimeIssueContext;
+    runtimeIssueReporter;
+    state = {
+        isLoading: true,
+        outliers: [],
+        summaries: [],
+    };
+    destroyed = false;
+    constructor(options) {
+        super(options.selection);
+        this.dataPolicy = options.dataPolicy;
+        this.onStateChange = options.onStateChange;
+        this.runtimeIssueContext = options.runtimeIssueContext;
+        this.runtimeIssueReporter = options.runtimeIssueReporter;
+        this.tableName = options.tableName;
+        this.x = options.x;
+        this.y = options.y;
+        this.selection = options.selection;
+    }
+    get filterStable() {
+        return false;
+    }
+    fields() {
+        return [this.x, this.y];
+    }
+    emitState(next) {
+        if (this.destroyed) {
+            return;
+        }
+        this.state = { ...this.state, ...next };
+        this.onStateChange(this.state);
+    }
+    queryPending() {
+        this.emitState({ error: undefined, isLoading: true });
+        return this;
+    }
+    query(filter) {
+        return buildBoxPlotQuery({
+            filter,
+            tableName: this.tableName,
+            x: this.x,
+            y: this.y,
+        });
+    }
+    queryResult(data) {
+        try {
+            assertChartDataPolicy(this.dataPolicy, data);
+            this.runtimeIssueReporter?.clearIssue();
+        }
+        catch (error) {
+            const normalizedError = error instanceof Error ? error : new Error(String(error));
+            if (this.runtimeIssueContext) {
+                this.runtimeIssueReporter?.reportIssue(createChartRuntimeIssueFromError(normalizedError, this.runtimeIssueContext, this.dataPolicy));
+            }
+            this.emitState({ error: normalizedError, isLoading: false });
+            return this;
+        }
+        const rows = rowsFromQueryResult(data);
+        const summaries = [];
+        const outliers = [];
+        for (const row of rows) {
+            if (row.rowKind === 'summary') {
+                const count = numericValue(row.count);
+                const q1 = numericValue(row.q1);
+                const median = numericValue(row.median);
+                const q3 = numericValue(row.q3);
+                const lowerFence = numericValue(row.lowerFence);
+                const upperFence = numericValue(row.upperFence);
+                const whiskerLow = numericValue(row.whiskerLow);
+                const whiskerHigh = numericValue(row.whiskerHigh);
+                if (count === undefined ||
+                    q1 === undefined ||
+                    median === undefined ||
+                    q3 === undefined ||
+                    lowerFence === undefined ||
+                    upperFence === undefined ||
+                    whiskerLow === undefined ||
+                    whiskerHigh === undefined) {
+                    continue;
+                }
+                summaries.push({
+                    category: row.category,
+                    count,
+                    lowerFence,
+                    median,
+                    q1,
+                    q3,
+                    upperFence,
+                    whiskerHigh,
+                    whiskerLow,
+                });
+            }
+            else if (row.rowKind === 'outlier') {
+                const value = numericValue(row.value);
+                if (value !== undefined) {
+                    outliers.push({
+                        category: row.category,
+                        value,
+                    });
+                }
+            }
+        }
+        this.emitState({
+            error: undefined,
+            isLoading: false,
+            outliers,
+            summaries,
+        });
+        return this;
+    }
+    queryError(error) {
+        if (this.runtimeIssueContext) {
+            this.runtimeIssueReporter?.reportIssue(createChartRuntimeIssueFromError(error, this.runtimeIssueContext, this.dataPolicy));
+        }
+        this.emitState({ error, isLoading: false });
+        return this;
+    }
+    updateYBrush(extent) {
+        const normalized = extent
+            ? [Math.min(...extent), Math.max(...extent)]
+            : undefined;
+        this.emitState({ yBrush: normalized });
+        const clause = clauseInterval(this.y, normalized ?? null, { source: this });
+        this.selection.update(clause);
+    }
+    reset() {
+        this.updateYBrush();
+    }
+    destroy() {
+        this.destroyed = true;
+        super.destroy();
+    }
+}
+//# sourceMappingURL=BoxPlotClient.js.map

package/dist/charts/chart-types/box-plot/renderer/BoxPlotClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxPlotClient.js","sourceRoot":"","sources":["../../../../../src/charts/chart-types/box-plot/renderer/BoxPlotClient.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  MosaicClient,\n  clauseInterval,\n  type Selection,\n} from '@uwdata/mosaic-core';\nimport type {ExprNode, FilterExpr} from '@uwdata/mosaic-sql';\nimport {\n  assertChartDataPolicy,\n  createChartRuntimeIssueFromError,\n  type ChartDataPolicy,\n  type ChartRuntimeIssueContext,\n  type ChartRuntimeIssueReporter,\n} from '../../../../chart-runtime';\n\nexport type BoxPlotSummaryRow = {\n  category: unknown;\n  count: number;\n  lowerFence: number;\n  median: number;\n  q1: number;\n  q3: number;\n  upperFence: number;\n  whiskerHigh: number;\n  whiskerLow: number;\n};\n\nexport type BoxPlotOutlierRow = {\n  category: unknown;\n  value: number;\n};\n\nexport type BoxPlotState = {\n  error?: Error;\n  isLoading: boolean;\n  outliers: BoxPlotOutlierRow[];\n  summaries: BoxPlotSummaryRow[];\n  yBrush?: [number, number];\n};\n\nexport type BoxPlotClientOptions = {\n  dataPolicy?: ChartDataPolicy | null;\n  onStateChange: (state: BoxPlotState) => void;\n  runtimeIssueContext?: ChartRuntimeIssueContext;\n  runtimeIssueReporter?: ChartRuntimeIssueReporter;\n  selection: Selection;\n  tableName: string;\n  x: string;\n  y: string;\n};\n\ntype BoxPlotQueryRow = Partial<BoxPlotSummaryRow & BoxPlotOutlierRow> & {\n  rowKind?: 'summary' | 'outlier';\n};\n\nfunction quoteIdentifier(identifier: string): string {\n  return `\"${identifier.replace(/\"/g, '\"\"')}\"`;\n}\n\nfunction quoteTableReference(tableName: string): string {\n  return tableName.split('.').map(quoteIdentifier).join('.');\n}\n\nfunction normalizeFilter(filter?: FilterExpr | null): string[] {\n  if (!filter) {\n    return [];\n  }\n  const filters = Array.isArray(filter) ? filter.flat(Infinity) : [filter];\n  return filters\n    .map((expr) => {\n      if (typeof expr === 'boolean') {\n        return expr ? null : 'FALSE';\n      }\n      return `(${(expr as string | ExprNode).toString()})`;\n    })\n    .filter((expr): expr is string => Boolean(expr));\n}\n\n/**\n * Type guard to check if data has a toArray method.\n */\nfunction hasToArrayMethod(data: unknown): data is {toArray: () => unknown} {\n  return (\n    data !== null &&\n    data !== undefined &&\n    typeof data === 'object' &&\n    'toArray' in data &&\n    typeof (data as Record<string, unknown>).toArray === 'function'\n  );\n}\n\n/**\n * Safely extract rows from query result data.\n * Handles both direct arrays and objects with toArray() method.\n * Returns empty array if data is invalid or doesn't have expected structure.\n */\nfunction rowsFromQueryResult<T>(data: unknown): T[] {\n  // Handle direct arrays\n  if (Array.isArray(data)) {\n    return data as T[];\n  }\n\n  // Handle objects with toArray() method (Arrow Tables, Mosaic results, etc.)\n  if (!hasToArrayMethod(data)) {\n    return [];\n  }\n\n  try {\n    const result = data.toArray();\n\n    // Validate that toArray() returned an array\n    if (!Array.isArray(result)) {\n      console.warn(\n        'BoxPlotClient: toArray() did not return an array',\n        typeof result,\n      );\n      return [];\n    }\n\n    return result as T[];\n  } catch (error) {\n    console.error('BoxPlotClient: Error calling toArray():', error);\n    return [];\n  }\n}\n\nfunction numericValue(value: unknown): number | undefined {\n  const numeric = Number(value);\n  return Number.isFinite(numeric) ? numeric : undefined;\n}\n\ntype BuildBoxPlotQueryArgs = {\n  filter?: FilterExpr | null;\n  tableName: string;\n  x: string;\n  y: string;\n};\n\nexport function buildBoxPlotQuery(args: BuildBoxPlotQueryArgs): string {\n  const table = quoteTableReference(args.tableName);\n  const x = quoteIdentifier(args.x);\n  const y = quoteIdentifier(args.y);\n  const filters = normalizeFilter(args.filter).join(' AND ');\n  const where = [`${y} IS NOT NULL`, filters].filter(Boolean).join(' AND ');\n\n  return `\nWITH base AS (\n  SELECT\n    ${x} AS \"category\",\n    TRY_CAST(${y} AS DOUBLE) AS \"value\"\n  FROM ${table}\n  WHERE ${where}\n),\nstats AS (\n  SELECT\n    \"category\",\n    COUNT(*)::DOUBLE AS \"count\",\n    quantile_cont(\"value\", 0.25) AS \"q1\",\n    quantile_cont(\"value\", 0.5) AS \"median\",\n    quantile_cont(\"value\", 0.75) AS \"q3\"\n  FROM base\n  WHERE \"value\" IS NOT NULL\n  GROUP BY \"category\"\n),\nfences AS (\n  SELECT\n    *,\n    \"q1\" - 1.5 * (\"q3\" - \"q1\") AS \"lowerFence\",\n    \"q3\" + 1.5 * (\"q3\" - \"q1\") AS \"upperFence\"\n  FROM stats\n),\nwhiskers AS (\n  SELECT\n    b.\"category\",\n    MIN(b.\"value\") AS \"whiskerLow\",\n    MAX(b.\"value\") AS \"whiskerHigh\"\n  FROM base b\n  JOIN fences f ON b.\"category\" IS NOT DISTINCT FROM f.\"category\"\n  WHERE b.\"value\" BETWEEN f.\"lowerFence\" AND f.\"upperFence\"\n  GROUP BY b.\"category\"\n),\nsummary AS (\n  SELECT\n    'summary' AS \"rowKind\",\n    f.\"category\",\n    f.\"count\",\n    f.\"q1\",\n    f.\"median\",\n    f.\"q3\",\n    f.\"lowerFence\",\n    f.\"upperFence\",\n    w.\"whiskerLow\",\n    w.\"whiskerHigh\",\n    NULL::DOUBLE AS \"value\"\n  FROM fences f\n  JOIN whiskers w ON w.\"category\" IS NOT DISTINCT FROM f.\"category\"\n),\noutliers AS (\n  SELECT\n    'outlier' AS \"rowKind\",\n    b.\"category\",\n    NULL::DOUBLE AS \"count\",\n    NULL::DOUBLE AS \"q1\",\n    NULL::DOUBLE AS \"median\",\n    NULL::DOUBLE AS \"q3\",\n    NULL::DOUBLE AS \"lowerFence\",\n    NULL::DOUBLE AS \"upperFence\",\n    NULL::DOUBLE AS \"whiskerLow\",\n    NULL::DOUBLE AS \"whiskerHigh\",\n    b.\"value\"\n  FROM base b\n  JOIN fences f ON b.\"category\" IS NOT DISTINCT FROM f.\"category\"\n  WHERE b.\"value\" < f.\"lowerFence\" OR b.\"value\" > f.\"upperFence\"\n)\nSELECT * FROM summary\nUNION ALL\nSELECT * FROM outliers\nORDER BY \"category\", \"rowKind\", \"value\"\n`.trim();\n}\n\nexport class BoxPlotClient extends MosaicClient {\n  private readonly onStateChange: (state: BoxPlotState) => void;\n  private readonly tableName: string;\n  private readonly x: string;\n  private readonly y: string;\n  private readonly selection: Selection;\n  private readonly dataPolicy?: ChartDataPolicy | null;\n  private readonly runtimeIssueContext?: ChartRuntimeIssueContext;\n  private readonly runtimeIssueReporter?: ChartRuntimeIssueReporter;\n  private state: BoxPlotState = {\n    isLoading: true,\n    outliers: [],\n    summaries: [],\n  };\n  private destroyed = false;\n\n  constructor(options: BoxPlotClientOptions) {\n    super(options.selection);\n    this.dataPolicy = options.dataPolicy;\n    this.onStateChange = options.onStateChange;\n    this.runtimeIssueContext = options.runtimeIssueContext;\n    this.runtimeIssueReporter = options.runtimeIssueReporter;\n    this.tableName = options.tableName;\n    this.x = options.x;\n    this.y = options.y;\n    this.selection = options.selection;\n  }\n\n  override get filterStable(): boolean {\n    return false;\n  }\n\n  fields(): string[] {\n    return [this.x, this.y];\n  }\n\n  private emitState(next: Partial<BoxPlotState>) {\n    if (this.destroyed) {\n      return;\n    }\n    this.state = {...this.state, ...next};\n    this.onStateChange(this.state);\n  }\n\n  override queryPending(): this {\n    this.emitState({error: undefined, isLoading: true});\n    return this;\n  }\n\n  override query(filter?: FilterExpr | null): string {\n    return buildBoxPlotQuery({\n      filter,\n      tableName: this.tableName,\n      x: this.x,\n      y: this.y,\n    });\n  }\n\n  override queryResult(data: unknown): this {\n    try {\n      assertChartDataPolicy(this.dataPolicy, data);\n      this.runtimeIssueReporter?.clearIssue();\n    } catch (error) {\n      const normalizedError =\n        error instanceof Error ? error : new Error(String(error));\n      if (this.runtimeIssueContext) {\n        this.runtimeIssueReporter?.reportIssue(\n          createChartRuntimeIssueFromError(\n            normalizedError,\n            this.runtimeIssueContext,\n            this.dataPolicy,\n          ),\n        );\n      }\n      this.emitState({error: normalizedError, isLoading: false});\n      return this;\n    }\n\n    const rows = rowsFromQueryResult<BoxPlotQueryRow>(data);\n    const summaries: BoxPlotSummaryRow[] = [];\n    const outliers: BoxPlotOutlierRow[] = [];\n\n    for (const row of rows) {\n      if (row.rowKind === 'summary') {\n        const count = numericValue(row.count);\n        const q1 = numericValue(row.q1);\n        const median = numericValue(row.median);\n        const q3 = numericValue(row.q3);\n        const lowerFence = numericValue(row.lowerFence);\n        const upperFence = numericValue(row.upperFence);\n        const whiskerLow = numericValue(row.whiskerLow);\n        const whiskerHigh = numericValue(row.whiskerHigh);\n        if (\n          count === undefined ||\n          q1 === undefined ||\n          median === undefined ||\n          q3 === undefined ||\n          lowerFence === undefined ||\n          upperFence === undefined ||\n          whiskerLow === undefined ||\n          whiskerHigh === undefined\n        ) {\n          continue;\n        }\n        summaries.push({\n          category: row.category,\n          count,\n          lowerFence,\n          median,\n          q1,\n          q3,\n          upperFence,\n          whiskerHigh,\n          whiskerLow,\n        });\n      } else if (row.rowKind === 'outlier') {\n        const value = numericValue(row.value);\n        if (value !== undefined) {\n          outliers.push({\n            category: row.category,\n            value,\n          });\n        }\n      }\n    }\n\n    this.emitState({\n      error: undefined,\n      isLoading: false,\n      outliers,\n      summaries,\n    });\n    return this;\n  }\n\n  override queryError(error: Error): this {\n    if (this.runtimeIssueContext) {\n      this.runtimeIssueReporter?.reportIssue(\n        createChartRuntimeIssueFromError(\n          error,\n          this.runtimeIssueContext,\n          this.dataPolicy,\n        ),\n      );\n    }\n    this.emitState({error, isLoading: false});\n    return this;\n  }\n\n  updateYBrush(extent?: [number, number]) {\n    const normalized = extent\n      ? ([Math.min(...extent), Math.max(...extent)] as [number, number])\n      : undefined;\n    this.emitState({yBrush: normalized});\n    const clause = clauseInterval(this.y, normalized ?? null, {source: this});\n    this.selection.update(clause);\n  }\n\n  reset() {\n    this.updateYBrush();\n  }\n\n  override destroy() {\n    this.destroyed = true;\n    super.destroy();\n  }\n}\n"]}

package/dist/charts/chart-types/box-plot/renderer/BoxPlotErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxPlotErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../../src/charts/chart-types/box-plot/renderer/BoxPlotErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,UAAU,yBAAyB;IACjC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED;;;;GAIG;AACH,qBAAa,oBAAqB,SAAQ,SAAS,CACjD,iBAAiB,EACjB,yBAAyB,CAC1B;gBACa,KAAK,EAAE,iBAAiB;IAKpC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,yBAAyB;IAK/D,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;IAK3D,MAAM;CAchB"}

package/dist/charts/chart-types/box-plot/renderer/BoxPlotErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxPlotErrorBoundary.js","sourceRoot":"","sources":["../../../../../src/charts/chart-types/box-plot/renderer/BoxPlotErrorBoundary.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAMhC;;;;GAIG;AACH,MAAM,OAAO,oBAAqB,SAAQ,SAGzC;IACC,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC;IAC7B,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,4DAA4D;QAC5D,OAAO,EAAC,KAAK,EAAC,CAAC;IACjB,CAAC;IAEQ,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAC3D,kCAAkC;QAClC,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IAC/D,CAAC;IAEQ,MAAM;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACrB,OAAO,CACL,eAAK,SAAS,EAAC,+EAA+E,aAC5F,cAAK,SAAS,EAAC,aAAa,0CAAgC,EAC5D,cAAK,SAAS,EAAC,yBAAyB,YACrC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GACrB,IACF,CACP,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF","sourcesContent":["import type {ErrorInfo, PropsWithChildren} from 'react';\nimport {Component} from 'react';\n\ninterface BoxPlotErrorBoundaryState {\n  error: Error | null;\n}\n\n/**\n * Error boundary for box plot rendering to prevent crashes from propagating\n * to the entire dashboard. Catches errors during rendering, in lifecycle methods,\n * and in constructors of the component tree below it.\n */\nexport class BoxPlotErrorBoundary extends Component<\n  PropsWithChildren,\n  BoxPlotErrorBoundaryState\n> {\n  constructor(props: PropsWithChildren) {\n    super(props);\n    this.state = {error: null};\n  }\n\n  static getDerivedStateFromError(error: Error): BoxPlotErrorBoundaryState {\n    // Update state so the next render will show the fallback UI\n    return {error};\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    // Log error details for debugging\n    console.error('Box plot rendering error:', error, errorInfo);\n  }\n\n  override render() {\n    if (this.state.error) {\n      return (\n        <div className=\"text-destructive flex h-full flex-col items-center justify-center p-4 text-sm\">\n          <div className=\"font-medium\">Failed to render box plot</div>\n          <div className=\"mt-2 text-xs opacity-75\">\n            {this.state.error.message}\n          </div>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n"]}

package/dist/charts/chart-types/box-plot/renderer/BoxPlotPanelRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxPlotPanelRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/charts/chart-types/box-plot/renderer/BoxPlotPanelRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,EAAE,EAAoC,MAAM,OAAO,CAAC;AAIjE,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AAQzD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,WAAW,CAAC;AAKlD;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CACnC,kBAAkB,CAAC,kBAAkB,CAAC,CA2MvC,CAAC"}

package/dist/charts/chart-types/box-plot/renderer/BoxPlotPanelRenderer.js

@@ -0,0 +1,118 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { SpinnerPane } from '@sqlrooms/ui';
+import { ResponsivePlot } from '../../../../ResponsivePlot';
+import { DRAG_CLICK_THRESHOLD, MARGINS, } from './constants';
+import { createBoxPlotElement } from './plot';
+import { useBoxPlotClient } from './useBoxPlotClient';
+import { formatCategory, getYDomain, yPixelToValue } from './utils';
+import { BoxPlotErrorBoundary } from './BoxPlotErrorBoundary';
+/**
+ * Custom renderer for box-plot chart type.
+ * Uses BoxPlotClient for SQL-based quartile calculations and custom Observable Plot rendering.
+ */
+export const BoxPlotPanelRenderer = ({ tableName, config, coordinator, params, dataPolicy, runtimeIssueContext, runtimeIssueReporter, }) => {
+    const configX = config.settings.x;
+    const configY = config.settings.y;
+    const boxPlotConfig = useMemo(() => typeof configX === 'string' && typeof configY === 'string'
+        ? { x: configX, y: configY }
+        : null, [configX, configY]);
+    const [size, setSize] = useState(null);
+    const [drag, setDrag] = useState(null);
+    const plotRef = useRef(null);
+    const { clientRef, state } = useBoxPlotClient({
+        config: boxPlotConfig,
+        coordinator,
+        dataPolicy,
+        params,
+        runtimeIssueContext,
+        runtimeIssueReporter,
+        tableName,
+    });
+    const summaries = useMemo(() => state.summaries.map((row) => ({
+        ...row,
+        categoryLabel: formatCategory(row.category),
+    })), [state.summaries]);
+    const outliers = useMemo(() => state.outliers.map((row) => ({
+        ...row,
+        categoryLabel: formatCategory(row.category),
+    })), [state.outliers]);
+    const yDomain = useMemo(() => getYDomain(state.summaries, state.outliers), [state.outliers, state.summaries]);
+    useEffect(() => {
+        const container = plotRef.current;
+        if (!container || !size || !boxPlotConfig) {
+            return;
+        }
+        if (!summaries.length) {
+            container.replaceChildren();
+            return;
+        }
+        const plot = createBoxPlotElement({
+            config: boxPlotConfig,
+            domain: yDomain,
+            outliers,
+            size,
+            summaries,
+        });
+        container.replaceChildren(plot);
+    }, [boxPlotConfig, outliers, size, summaries, yDomain]);
+    const getLocalY = useCallback((event) => {
+        const rect = event.currentTarget.getBoundingClientRect();
+        return event.clientY - rect.top;
+    }, []);
+    const handlePointerDown = useCallback((event) => {
+        if (!size || !summaries.length)
+            return;
+        event.currentTarget.setPointerCapture(event.pointerId);
+        const y = getLocalY(event);
+        setDrag({ currentY: y, startY: y });
+    }, [getLocalY, size, summaries.length]);
+    const handlePointerMove = useCallback((event) => {
+        if (!drag)
+            return;
+        setDrag({ ...drag, currentY: getLocalY(event) });
+    }, [drag, getLocalY]);
+    const finishDrag = useCallback((event) => {
+        if (!drag || !size)
+            return;
+        event.currentTarget.releasePointerCapture(event.pointerId);
+        const currentY = getLocalY(event);
+        const pixelDistance = Math.abs(currentY - drag.startY);
+        setDrag(null);
+        if (pixelDistance < DRAG_CLICK_THRESHOLD) {
+            clientRef.current?.updateYBrush();
+            return;
+        }
+        clientRef.current?.updateYBrush([
+            yPixelToValue(drag.startY, size, yDomain),
+            yPixelToValue(currentY, size, yDomain),
+        ]);
+    }, [clientRef, drag, getLocalY, size, yDomain]);
+    const brushStyle = useMemo(() => {
+        const extent = drag
+            ? [drag.startY, drag.currentY]
+            : state.yBrush && size
+                ? state.yBrush.map((value) => {
+                    const plotHeight = Math.max(1, size.height - MARGINS.top - MARGINS.bottom);
+                    const span = yDomain[1] - yDomain[0] || 1;
+                    const pixelPos = MARGINS.top + ((yDomain[1] - value) / span) * plotHeight;
+                    return Math.max(MARGINS.top, Math.min(MARGINS.top + plotHeight, pixelPos));
+                })
+                : null;
+        if (!extent)
+            return undefined;
+        const top = Math.max(MARGINS.top, Math.min(...extent));
+        const bottom = Math.min(size?.height ? size.height - MARGINS.bottom : Number.POSITIVE_INFINITY, Math.max(...extent));
+        return {
+            height: `${Math.max(0, bottom - top)}px`,
+            left: `${MARGINS.left}px`,
+            right: `${MARGINS.right}px`,
+            top: `${top}px`,
+        };
+    }, [drag, size, state.yBrush, yDomain]);
+    if (!config.settings.x || !config.settings.y) {
+        return (_jsxs("div", { className: "flex h-full flex-col items-center justify-center", children: [_jsx("div", { className: "text-center font-medium", children: "Configure chart to display visualization" }), _jsx("div", { className: "text-center text-xs", children: "X and Y fields are required for box plot" })] }));
+    }
+    return (_jsx(BoxPlotErrorBoundary, { children: _jsx("div", { className: "h-full min-h-0 overflow-auto p-2", children: _jsx("div", { className: "bg-background text-foreground relative flex h-full min-h-[220px] w-full items-center justify-center rounded-md p-2", children: state.error ? (_jsx("div", { className: "text-destructive flex h-full items-center justify-center p-4 text-sm", children: state.error.message })) : state.isLoading && !state.summaries.length ? (_jsx(SpinnerPane, { className: "h-full w-full" })) : !state.summaries.length ? (_jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: "No numeric values for this box plot" })) : (_jsxs(ResponsivePlot, { onResize: setSize, className: "relative h-full min-h-[220px] w-full", children: [_jsx("div", { ref: plotRef, className: "absolute inset-0" }), brushStyle ? (_jsx("div", { className: "bg-primary/15 border-primary/60 pointer-events-none absolute border", style: brushStyle })) : null, _jsx("div", { className: "absolute inset-0 cursor-crosshair touch-none", onPointerCancel: finishDrag, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: finishDrag })] })) }) }) }));
+};
+//# sourceMappingURL=BoxPlotPanelRenderer.js.map

package/dist/charts/chart-types/box-plot/renderer/BoxPlotPanelRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxPlotPanelRenderer.js","sourceRoot":"","sources":["../../../../../src/charts/chart-types/box-plot/renderer/BoxPlotPanelRenderer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACxE,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AACzC,OAAO,EAAgB,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAEzE,OAAO,EACL,oBAAoB,EACpB,OAAO,GAGR,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,oBAAoB,EAAC,MAAM,QAAQ,CAAC;AAE5C,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,cAAc,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAClE,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAE5D;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAE7B,CAAC,EACH,SAAS,EACT,MAAM,EACN,WAAW,EACX,MAAM,EACN,UAAU,EACV,mBAAmB,EACnB,oBAAoB,GACrB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CACH,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,OAAO,KAAK,QAAQ;QACxD,CAAC,CAAC,EAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC;QAC1B,CAAC,CAAC,IAAI,EACV,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAC;IAEF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAkB,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAC9B,IAAI,CACL,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,MAAM,EAAC,SAAS,EAAE,KAAK,EAAC,GAAG,gBAAgB,CAAC;QAC1C,MAAM,EAAE,aAAa;QACrB,WAAW;QACX,UAAU;QACV,MAAM;QACN,mBAAmB;QACnB,oBAAoB;QACpB,SAAS;KACV,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CACH,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAC5B,GAAG,GAAG;QACN,aAAa,EAAE,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC;KAC5C,CAAC,CAAC,EACL,CAAC,KAAK,CAAC,SAAS,CAAC,CAClB,CAAC;IACF,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CACH,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAC3B,GAAG,GAAG;QACN,aAAa,EAAE,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC;KAC5C,CAAC,CAAC,EACL,CAAC,KAAK,CAAC,QAAQ,CAAC,CACjB,CAAC;IACF,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,EACjD,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAClC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC;QAClC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QACD,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;YACtB,SAAS,CAAC,eAAe,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,MAAM,IAAI,GAAG,oBAAoB,CAAC;YAChC,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,OAAO;YACf,QAAQ;YACR,IAAI;YACJ,SAAS;SACV,CAAC,CAAC;QACH,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAExD,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,KAAwC,EAAE,EAAE;QACzE,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;QACzD,OAAO,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAwC,EAAE,EAAE;QAC3C,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM;YAAE,OAAO;QACvC,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACvD,MAAM,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;QAC3B,OAAO,CAAC,EAAC,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CACpC,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAwC,EAAE,EAAE;QAC3C,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,OAAO,CAAC,EAAC,GAAG,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,EAAC,CAAC,CAAC;IACjD,CAAC,EACD,CAAC,IAAI,EAAE,SAAS,CAAC,CAClB,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAwC,EAAE,EAAE;QAC3C,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO;QAC3B,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC3D,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;QAClC,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;QACvD,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,IAAI,aAAa,GAAG,oBAAoB,EAAE,CAAC;YACzC,SAAS,CAAC,OAAO,EAAE,YAAY,EAAE,CAAC;YAClC,OAAO;QACT,CAAC;QACD,SAAS,CAAC,OAAO,EAAE,YAAY,CAAC;YAC9B,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC;YACzC,aAAa,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAC;SACvC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC,CAC5C,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,MAAM,GAAG,IAAI;YACjB,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC;YAC9B,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI;gBACpB,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACzB,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CACzB,CAAC,EACD,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,CAC3C,CAAC;oBACF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;oBAC1C,MAAM,QAAQ,GACZ,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,UAAU,CAAC;oBAC3D,OAAO,IAAI,CAAC,GAAG,CACb,OAAO,CAAC,GAAG,EACX,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,GAAG,UAAU,EAAE,QAAQ,CAAC,CAC7C,CAAC;gBACJ,CAAC,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAC;QACX,IAAI,CAAC,MAAM;YAAE,OAAO,SAAS,CAAC;QAC9B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;QACvD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CACrB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,EACtE,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CACpB,CAAC;QACF,OAAO;YACL,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,IAAI;YACxC,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,IAAI;YACzB,KAAK,EAAE,GAAG,OAAO,CAAC,KAAK,IAAI;YAC3B,GAAG,EAAE,GAAG,GAAG,IAAI;SAChB,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAExC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;QAC7C,OAAO,CACL,eAAK,SAAS,EAAC,kDAAkD,aAC/D,cAAK,SAAS,EAAC,yBAAyB,yDAElC,EACN,cAAK,SAAS,EAAC,qBAAqB,yDAE9B,IACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,oBAAoB,cACnB,cAAK,SAAS,EAAC,kCAAkC,YAC/C,cAAK,SAAS,EAAC,oHAAoH,YAChI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,sEAAsE,YAClF,KAAK,CAAC,KAAK,CAAC,OAAO,GAChB,CACP,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAC/C,KAAC,WAAW,IAAC,SAAS,EAAC,eAAe,GAAG,CAC1C,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAC5B,cAAK,SAAS,EAAC,uEAAuE,oDAEhF,CACP,CAAC,CAAC,CAAC,CACF,MAAC,cAAc,IACb,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAC,sCAAsC,aAEhD,cAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,kBAAkB,GAAG,EACjD,UAAU,CAAC,CAAC,CAAC,CACZ,cACE,SAAS,EAAC,qEAAqE,EAC/E,KAAK,EAAE,UAAU,GACjB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,cACE,SAAS,EAAC,8CAA8C,EACxD,eAAe,EAAE,UAAU,EAC3B,aAAa,EAAE,iBAAiB,EAChC,aAAa,EAAE,iBAAiB,EAChC,WAAW,EAAE,UAAU,GACvB,IACa,CAClB,GACG,GACF,GACe,CACxB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {FC, PointerEvent as ReactPointerEvent} from 'react';\nimport {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport {SpinnerPane} from '@sqlrooms/ui';\nimport {type PlotSize, ResponsivePlot} from '../../../../ResponsivePlot';\nimport type {ChartRendererProps} from '../../base-types';\nimport {\n  DRAG_CLICK_THRESHOLD,\n  MARGINS,\n  type PlotOutlierDatum,\n  type PlotSummaryDatum,\n} from './constants';\nimport {createBoxPlotElement} from './plot';\nimport type {BoxPlotChartConfig} from '../schema';\nimport {useBoxPlotClient} from './useBoxPlotClient';\nimport {formatCategory, getYDomain, yPixelToValue} from './utils';\nimport {BoxPlotErrorBoundary} from './BoxPlotErrorBoundary';\n\n/**\n * Custom renderer for box-plot chart type.\n * Uses BoxPlotClient for SQL-based quartile calculations and custom Observable Plot rendering.\n */\nexport const BoxPlotPanelRenderer: FC<\n  ChartRendererProps<BoxPlotChartConfig>\n> = ({\n  tableName,\n  config,\n  coordinator,\n  params,\n  dataPolicy,\n  runtimeIssueContext,\n  runtimeIssueReporter,\n}) => {\n  const configX = config.settings.x;\n  const configY = config.settings.y;\n  const boxPlotConfig = useMemo(\n    () =>\n      typeof configX === 'string' && typeof configY === 'string'\n        ? {x: configX, y: configY}\n        : null,\n    [configX, configY],\n  );\n\n  const [size, setSize] = useState<PlotSize | null>(null);\n  const [drag, setDrag] = useState<{startY: number; currentY: number} | null>(\n    null,\n  );\n  const plotRef = useRef<HTMLDivElement>(null);\n\n  const {clientRef, state} = useBoxPlotClient({\n    config: boxPlotConfig,\n    coordinator,\n    dataPolicy,\n    params,\n    runtimeIssueContext,\n    runtimeIssueReporter,\n    tableName,\n  });\n\n  const summaries = useMemo<PlotSummaryDatum[]>(\n    () =>\n      state.summaries.map((row) => ({\n        ...row,\n        categoryLabel: formatCategory(row.category),\n      })),\n    [state.summaries],\n  );\n  const outliers = useMemo<PlotOutlierDatum[]>(\n    () =>\n      state.outliers.map((row) => ({\n        ...row,\n        categoryLabel: formatCategory(row.category),\n      })),\n    [state.outliers],\n  );\n  const yDomain = useMemo(\n    () => getYDomain(state.summaries, state.outliers),\n    [state.outliers, state.summaries],\n  );\n\n  useEffect(() => {\n    const container = plotRef.current;\n    if (!container || !size || !boxPlotConfig) {\n      return;\n    }\n    if (!summaries.length) {\n      container.replaceChildren();\n      return;\n    }\n\n    const plot = createBoxPlotElement({\n      config: boxPlotConfig,\n      domain: yDomain,\n      outliers,\n      size,\n      summaries,\n    });\n    container.replaceChildren(plot);\n  }, [boxPlotConfig, outliers, size, summaries, yDomain]);\n\n  const getLocalY = useCallback((event: ReactPointerEvent<HTMLDivElement>) => {\n    const rect = event.currentTarget.getBoundingClientRect();\n    return event.clientY - rect.top;\n  }, []);\n\n  const handlePointerDown = useCallback(\n    (event: ReactPointerEvent<HTMLDivElement>) => {\n      if (!size || !summaries.length) return;\n      event.currentTarget.setPointerCapture(event.pointerId);\n      const y = getLocalY(event);\n      setDrag({currentY: y, startY: y});\n    },\n    [getLocalY, size, summaries.length],\n  );\n\n  const handlePointerMove = useCallback(\n    (event: ReactPointerEvent<HTMLDivElement>) => {\n      if (!drag) return;\n      setDrag({...drag, currentY: getLocalY(event)});\n    },\n    [drag, getLocalY],\n  );\n\n  const finishDrag = useCallback(\n    (event: ReactPointerEvent<HTMLDivElement>) => {\n      if (!drag || !size) return;\n      event.currentTarget.releasePointerCapture(event.pointerId);\n      const currentY = getLocalY(event);\n      const pixelDistance = Math.abs(currentY - drag.startY);\n      setDrag(null);\n      if (pixelDistance < DRAG_CLICK_THRESHOLD) {\n        clientRef.current?.updateYBrush();\n        return;\n      }\n      clientRef.current?.updateYBrush([\n        yPixelToValue(drag.startY, size, yDomain),\n        yPixelToValue(currentY, size, yDomain),\n      ]);\n    },\n    [clientRef, drag, getLocalY, size, yDomain],\n  );\n\n  const brushStyle = useMemo(() => {\n    const extent = drag\n      ? [drag.startY, drag.currentY]\n      : state.yBrush && size\n        ? state.yBrush.map((value) => {\n            const plotHeight = Math.max(\n              1,\n              size.height - MARGINS.top - MARGINS.bottom,\n            );\n            const span = yDomain[1] - yDomain[0] || 1;\n            const pixelPos =\n              MARGINS.top + ((yDomain[1] - value) / span) * plotHeight;\n            return Math.max(\n              MARGINS.top,\n              Math.min(MARGINS.top + plotHeight, pixelPos),\n            );\n          })\n        : null;\n    if (!extent) return undefined;\n    const top = Math.max(MARGINS.top, Math.min(...extent));\n    const bottom = Math.min(\n      size?.height ? size.height - MARGINS.bottom : Number.POSITIVE_INFINITY,\n      Math.max(...extent),\n    );\n    return {\n      height: `${Math.max(0, bottom - top)}px`,\n      left: `${MARGINS.left}px`,\n      right: `${MARGINS.right}px`,\n      top: `${top}px`,\n    };\n  }, [drag, size, state.yBrush, yDomain]);\n\n  if (!config.settings.x || !config.settings.y) {\n    return (\n      <div className=\"flex h-full flex-col items-center justify-center\">\n        <div className=\"text-center font-medium\">\n          Configure chart to display visualization\n        </div>\n        <div className=\"text-center text-xs\">\n          X and Y fields are required for box plot\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <BoxPlotErrorBoundary>\n      <div className=\"h-full min-h-0 overflow-auto p-2\">\n        <div className=\"bg-background text-foreground relative flex h-full min-h-[220px] w-full items-center justify-center rounded-md p-2\">\n          {state.error ? (\n            <div className=\"text-destructive flex h-full items-center justify-center p-4 text-sm\">\n              {state.error.message}\n            </div>\n          ) : state.isLoading && !state.summaries.length ? (\n            <SpinnerPane className=\"h-full w-full\" />\n          ) : !state.summaries.length ? (\n            <div className=\"text-muted-foreground flex h-full items-center justify-center text-sm\">\n              No numeric values for this box plot\n            </div>\n          ) : (\n            <ResponsivePlot\n              onResize={setSize}\n              className=\"relative h-full min-h-[220px] w-full\"\n            >\n              <div ref={plotRef} className=\"absolute inset-0\" />\n              {brushStyle ? (\n                <div\n                  className=\"bg-primary/15 border-primary/60 pointer-events-none absolute border\"\n                  style={brushStyle}\n                />\n              ) : null}\n              <div\n                className=\"absolute inset-0 cursor-crosshair touch-none\"\n                onPointerCancel={finishDrag}\n                onPointerDown={handlePointerDown}\n                onPointerMove={handlePointerMove}\n                onPointerUp={finishDrag}\n              />\n            </ResponsivePlot>\n          )}\n        </div>\n      </div>\n    </BoxPlotErrorBoundary>\n  );\n};\n"]}

package/dist/charts/chart-types/box-plot/renderer/constants.d.ts

@@ -0,0 +1,24 @@
+import type { BoxPlotOutlierRow, BoxPlotSummaryRow } from './BoxPlotClient';
+export declare const BOX_FILL = "var(--color-chart-1)";
+export declare const BOX_STROKE = "var(--color-chart-1)";
+export declare const GRID_COLOR = "var(--border)";
+export declare const OUTLIER_FILL = "var(--color-chart-2)";
+export declare const MAX_BOX_ITEM_WIDTH = 20;
+export declare const MARGINS: {
+    readonly bottom: 64;
+    readonly left: 56;
+    readonly right: 24;
+    readonly top: 20;
+};
+/**
+ * Minimum pixel distance to distinguish a drag from a click.
+ * Drags shorter than this threshold are treated as clicks that clear the brush.
+ */
+export declare const DRAG_CLICK_THRESHOLD = 4;
+export type PlotSummaryDatum = BoxPlotSummaryRow & {
+    categoryLabel: string;
+};
+export type PlotOutlierDatum = BoxPlotOutlierRow & {
+    categoryLabel: string;
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/charts/chart-types/box-plot/renderer/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/charts/chart-types/box-plot/renderer/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAE1E,eAAO,MAAM,QAAQ,yBAAyB,CAAC;AAC/C,eAAO,MAAM,UAAU,yBAAyB,CAAC;AACjD,eAAO,MAAM,UAAU,kBAAkB,CAAC;AAC1C,eAAO,MAAM,YAAY,yBAAyB,CAAC;AACnD,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,OAAO;;;;;CAKV,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG;IACjD,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG;IACjD,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC"}

package/dist/charts/chart-types/box-plot/renderer/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/charts/chart-types/box-plot/renderer/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAG,sBAAsB,CAAC;AAC/C,MAAM,CAAC,MAAM,UAAU,GAAG,sBAAsB,CAAC;AACjD,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;AAC1C,MAAM,CAAC,MAAM,YAAY,GAAG,sBAAsB,CAAC;AACnD,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAErC,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,EAAE;IACV,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,GAAG,EAAE,EAAE;CACC,CAAC;AAEX;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC","sourcesContent":["import type {BoxPlotOutlierRow, BoxPlotSummaryRow} from './BoxPlotClient';\n\nexport const BOX_FILL = 'var(--color-chart-1)';\nexport const BOX_STROKE = 'var(--color-chart-1)';\nexport const GRID_COLOR = 'var(--border)';\nexport const OUTLIER_FILL = 'var(--color-chart-2)';\nexport const MAX_BOX_ITEM_WIDTH = 20;\n\nexport const MARGINS = {\n  bottom: 64,\n  left: 56,\n  right: 24,\n  top: 20,\n} as const;\n\n/**\n * Minimum pixel distance to distinguish a drag from a click.\n * Drags shorter than this threshold are treated as clicks that clear the brush.\n */\nexport const DRAG_CLICK_THRESHOLD = 4;\n\nexport type PlotSummaryDatum = BoxPlotSummaryRow & {\n  categoryLabel: string;\n};\n\nexport type PlotOutlierDatum = BoxPlotOutlierRow & {\n  categoryLabel: string;\n};\n"]}

package/dist/charts/chart-types/box-plot/renderer/plot.d.ts

@@ -0,0 +1,14 @@
+import * as Plot from '@observablehq/plot';
+import type { PlotSize } from '../../../../ResponsivePlot';
+import { type PlotOutlierDatum, type PlotSummaryDatum } from './constants';
+export declare function createBoxPlotElement(args: {
+    config: {
+        x: string;
+        y: string;
+    };
+    domain: [number, number];
+    outliers: PlotOutlierDatum[];
+    size: PlotSize;
+    summaries: PlotSummaryDatum[];
+}): (HTMLElement | SVGSVGElement) & Plot.Plot;
+//# sourceMappingURL=plot.d.ts.map

package/dist/charts/chart-types/box-plot/renderer/plot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plot.d.ts","sourceRoot":"","sources":["../../../../../src/charts/chart-types/box-plot/renderer/plot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAOL,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,aAAa,CAAC;AAErB,wBAAgB,oBAAoB,CAAC,IAAI,EAAE;IACzC,MAAM,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;IAC/B,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzB,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,gBAAgB,EAAE,CAAC;CAC/B,6CAwFA"}

package/dist/charts/chart-types/box-plot/renderer/plot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plot.js","sourceRoot":"","sources":["../../../../../src/charts/chart-types/box-plot/renderer/plot.ts"],"names":[],"mappings":"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","sourcesContent":["import * as Plot from '@observablehq/plot';\nimport type {PlotSize} from '../../../../ResponsivePlot';\nimport {\n  BOX_FILL,\n  BOX_STROKE,\n  GRID_COLOR,\n  MARGINS,\n  MAX_BOX_ITEM_WIDTH,\n  OUTLIER_FILL,\n  type PlotOutlierDatum,\n  type PlotSummaryDatum,\n} from './constants';\n\nexport function createBoxPlotElement(args: {\n  config: {x: string; y: string};\n  domain: [number, number];\n  outliers: PlotOutlierDatum[];\n  size: PlotSize;\n  summaries: PlotSummaryDatum[];\n}) {\n  const {config, domain, outliers, size, summaries} = args;\n  const categories = summaries.map((row) => row.categoryLabel);\n  const innerWidth = Math.max(0, size.width - MARGINS.left - MARGINS.right);\n  const categoryBandWidth = categories.length\n    ? innerWidth / categories.length\n    : MAX_BOX_ITEM_WIDTH;\n  const boxInset = Math.max(0, (categoryBandWidth - MAX_BOX_ITEM_WIDTH) / 2);\n\n  return Plot.plot({\n    height: size.height,\n    marginBottom: MARGINS.bottom,\n    marginLeft: MARGINS.left,\n    marginRight: MARGINS.right,\n    marginTop: MARGINS.top,\n    style: {\n      background: 'transparent',\n      color: 'currentColor',\n      font: '12px var(--font-sans, system-ui, sans-serif)',\n      overflow: 'visible',\n    },\n    width: size.width,\n    x: {\n      domain: categories,\n      label: config.x,\n      padding: 0,\n      tickRotate: categories.length > 8 ? -35 : 0,\n    },\n    y: {\n      domain,\n      grid: true,\n      label: config.y,\n      nice: true,\n    },\n    marks: [\n      Plot.gridY({stroke: GRID_COLOR, strokeOpacity: 0.65}),\n      Plot.ruleX(summaries, {\n        x: 'categoryLabel',\n        y1: 'whiskerLow',\n        y2: 'whiskerHigh',\n        stroke: BOX_STROKE,\n        strokeWidth: 1.2,\n      }),\n      Plot.tickY(summaries, {\n        insetLeft: boxInset,\n        insetRight: boxInset,\n        x: 'categoryLabel',\n        y: 'whiskerLow',\n        stroke: BOX_STROKE,\n        strokeWidth: 1.4,\n      }),\n      Plot.tickY(summaries, {\n        insetLeft: boxInset,\n        insetRight: boxInset,\n        x: 'categoryLabel',\n        y: 'whiskerHigh',\n        stroke: BOX_STROKE,\n        strokeWidth: 1.4,\n      }),\n      Plot.rectY(summaries, {\n        fill: BOX_FILL,\n        fillOpacity: 0.22,\n        insetLeft: boxInset,\n        insetRight: boxInset,\n        stroke: BOX_STROKE,\n        strokeWidth: 1.2,\n        x: 'categoryLabel',\n        y1: 'q1',\n        y2: 'q3',\n      }),\n      Plot.tickY(summaries, {\n        insetLeft: boxInset,\n        insetRight: boxInset,\n        x: 'categoryLabel',\n        y: 'median',\n        stroke: BOX_STROKE,\n        strokeWidth: 2.4,\n      }),\n      Plot.dot(outliers, {\n        fill: OUTLIER_FILL,\n        fillOpacity: 0.7,\n        r: 2.5,\n        stroke: 'transparent',\n        x: 'categoryLabel',\n        y: 'value',\n      }),\n    ],\n  });\n}\n"]}

package/dist/charts/chart-types/box-plot/renderer/useBoxPlotClient.d.ts

@@ -0,0 +1,18 @@
+import { Coordinator } from '@uwdata/mosaic-core';
+import { BoxPlotClient, type BoxPlotState } from './BoxPlotClient';
+import type { BrushSelectionParams } from '../../base-types';
+import type { ChartDataPolicy, ChartRuntimeIssueContext, ChartRuntimeIssueReporter } from '../../../../chart-runtime';
+import { BoxPlotChartSettings } from '../schema';
+export declare function useBoxPlotClient(args: {
+    config: BoxPlotChartSettings | null;
+    coordinator: Coordinator;
+    dataPolicy?: ChartDataPolicy | null;
+    params?: BrushSelectionParams;
+    runtimeIssueContext?: ChartRuntimeIssueContext;
+    runtimeIssueReporter?: ChartRuntimeIssueReporter;
+    tableName: string;
+}): {
+    clientRef: import("react").RefObject<BoxPlotClient | null>;
+    state: BoxPlotState;
+};
+//# sourceMappingURL=useBoxPlotClient.d.ts.map

package/dist/charts/chart-types/box-plot/renderer/useBoxPlotClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoxPlotClient.d.ts","sourceRoot":"","sources":["../../../../../src/charts/chart-types/box-plot/renderer/useBoxPlotClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAY,MAAM,qBAAqB,CAAC;AAE3D,OAAO,EAAC,aAAa,EAAE,KAAK,YAAY,EAAC,MAAM,iBAAiB,CAAC;AACjE,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EACV,eAAe,EACf,wBAAwB,EACxB,yBAAyB,EAC1B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAC,oBAAoB,EAAC,MAAM,WAAW,CAAC;AAE/C,wBAAgB,gBAAgB,CAAC,IAAI,EAAE;IACrC,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACpC,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,oBAAoB,CAAC,EAAE,yBAAyB,CAAC;IACjD,SAAS,EAAE,MAAM,CAAC;CACnB;;;EAyEA"}

package/dist/charts/chart-types/box-plot/renderer/useBoxPlotClient.js

@@ -0,0 +1,63 @@
+import { Selection } from '@uwdata/mosaic-core';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { BoxPlotClient } from './BoxPlotClient';
+export function useBoxPlotClient(args) {
+    const { config, coordinator, dataPolicy, params, runtimeIssueContext, runtimeIssueReporter, tableName, } = args;
+    const [state, setState] = useState({
+        isLoading: true,
+        outliers: [],
+        summaries: [],
+    });
+    const clientRef = useRef(null);
+    // Get or create the crossfilter selection
+    const selection = useMemo(() => {
+        // First try to get the brush selection from params (which should be connected to crossfilter)
+        const brushSelection = params?.get('brush');
+        if (brushSelection) {
+            return brushSelection;
+        }
+        // Fallback: create a new crossfilter selection (shouldn't happen in dashboard context)
+        return Selection.crossfilter();
+    }, [params]);
+    useEffect(() => {
+        if (!config || !config.x || !config.y) {
+            clientRef.current = null;
+            return;
+        }
+        const client = new BoxPlotClient({
+            dataPolicy,
+            onStateChange: setState,
+            runtimeIssueContext,
+            runtimeIssueReporter,
+            selection,
+            tableName,
+            x: config.x,
+            y: config.y,
+        });
+        clientRef.current = client;
+        coordinator.connect(client);
+        return () => {
+            client.destroy();
+            if (clientRef.current === client) {
+                clientRef.current = null;
+            }
+        };
+    }, [
+        config,
+        coordinator,
+        dataPolicy,
+        runtimeIssueContext,
+        runtimeIssueReporter,
+        selection,
+        tableName,
+    ]);
+    const effectiveState = !config || !config.x || !config.y
+        ? {
+            isLoading: false,
+            outliers: [],
+            summaries: [],
+        }
+        : state;
+    return { clientRef, state: effectiveState };
+}
+//# sourceMappingURL=useBoxPlotClient.js.map